@progress/kendo-vue-grid 7.1.0-develop.3 → 7.1.0-develop.5

package/GridNav.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 o=require("vue"),e=require("@progress/kendo-vue-common"),n=o.defineComponent({name:"KendoGridNav",props:{currentData:Array},inject:{onNavKeyDown:{default:e.noop},onNavFocus:{default:e.noop},onNavMount:{default:e.noop},handleDispatchFocus:{default:e.noop},kbContext:{default:null},navigation:{default:null}},mounted(){this.onNavMount({scope:this.$el||void 0})},updated(){this.onNavMount({scope:this.$el||void 0})},methods:{onKeyDown(t){this.onNavKeyDown(t,{navigation:this.navigation,kbContext:this.kbContext,onNavigationAction:this.onNavigationAction}),this.$emit("keydown",{dataItems:this.getLeafDataItems(),componentId:this._gridId,selectedField:this.$props.selectedField,event:t})},onFocus(t){this.onNavFocus(t,{kbContext:this.kbContext})},onNavigationAction(t){this.$emit("navigationaction",{focusElement:t.focusElement,event:t.event})},getLeafDataItems(){return this.$props.currentData.filter(t=>t.rowType==="data").map(t=>t.dataItem)}},render(){const t=e.getDefaultSlots(this);return o.createVNode("div",{onKeydown:this.onKeyDown,onFocusin:this.onFocus,"data-keyboardnavscope":!0},[t])}});exports.GridNav=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("@progress/kendo-vue-common"),n=o.defineComponent({name:"KendoGridNav",props:{currentData:Array,id:String},inject:{onNavKeyDown:{default:e.noop},onNavFocus:{default:e.noop},onNavMount:{default:e.noop},handleDispatchFocus:{default:e.noop},kbContext:{default:null},navigation:{default:null}},mounted(){this.onNavMount({scope:this.$el||void 0})},updated(){this.onNavMount({scope:this.$el||void 0})},methods:{onKeyDown(t){this.onNavKeyDown(t,{navigation:this.navigation,kbContext:this.kbContext,onNavigationAction:this.onNavigationAction}),this.$emit("keydown",{dataItems:this.getLeafDataItems(),componentId:this._gridId,selectedField:this.$props.selectedField,event:t})},onFocus(t){this.onNavFocus(t,{kbContext:this.kbContext})},onNavigationAction(t){this.$emit("navigationaction",{focusElement:t.focusElement,event:t.event})},getLeafDataItems(){return this.$props.currentData.filter(t=>t.rowType==="data").map(t=>t.dataItem)}},render(){const t=e.getDefaultSlots(this);return o.createVNode("div",{onKeydown:this.onKeyDown,onFocusin:this.onFocus,id:this.$props.id,"data-keyboardnavscope":!0},[t])}});exports.GridNav=n;

package/GridNav.mjs

@@ -10,7 +10,8 @@ import { noop as e, getDefaultSlots as a } from "@progress/kendo-vue-common";
 const d = /* @__PURE__ */ o({
   name: "KendoGridNav",
   props: {
-    currentData: Array
+    currentData: Array,
+    id: String
   },
   inject: {
     onNavKeyDown: {
@@ -77,6 +78,7 @@ const d = /* @__PURE__ */ o({
     return n("div", {
       onKeydown: this.onKeyDown,
       onFocusin: this.onFocus,
+      id: this.$props.id,
       "data-keyboardnavscope": !0
     }, [t]);
   }

package/GridState.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 t=require("vue"),w=require("./key.js"),m=require("./common.js"),G=require("@progress/kendo-vue-common"),P=t.defineComponent({name:"KendoVueGridStateProvider",inheritAttrs:!1,props:m.gridProps,setup(a,{emit:n}){const l=t.ref(a.filter||a.defaultFilter||null),f=e=>{l.value=e.filter,n("filterchange",e)};t.watch(()=>a.filter,e=>{l.value=e});const u=t.ref(a.search||a.defaultSearch||null),s=e=>{u.value=e.search,n("searchchange",e)};t.watch(()=>a.search,e=>{u.value=e});const c=t.ref(a.sort||a.defaultSort||[]),S=e=>{c.value=e.sort,n("sortchange",e)};t.watch(()=>a.sort,e=>{c.value=e});const d=t.ref(a.skip||a.defaultSkip||0),r=t.ref(a.take||a.defaultTake),v=e=>{d.value=e.page.skip,r.value=e.page.take,n("pagechange",e)};t.watch(()=>a.skip,e=>{d.value=e}),t.watch(()=>a.take,e=>{r.value=e});const h=t.ref(a.group||a.defaultGroup||[]),x=e=>{h.value=e.group,n("groupchange",e)};t.watch(()=>a.group,e=>{h.value=e});const o=t.ref(a.detailExpand||a.defaultDetailExpand||{}),k=e=>{o.value=e.detailExpand,n("detailexpandchange",e)};t.watch(()=>a.detailExpand,e=>{o.value=e});const g=t.ref(a.groupExpand||a.defaultGroupExpand||[]),C=e=>{g.value=e.groupExpand,n("groupexpandchange",e)};t.watch(()=>a.groupExpand,e=>{g.value=e});const i=t.ref(a.columnsState||a.defaultColumnsState||[]),E=e=>{i.value=e.columnsState,n("columnsstatechange",e)};t.watch(()=>a.columnsState,e=>{i.value=e}),t.provide(w.KendoKey,{sort:c,sortchange:S,filter:l,filterchange:f,search:u,searchchange:s,skip:d,take:r,pagechange:v,group:h,groupchange:x,detailExpand:o,detailexpandchange:k,groupExpand:g,groupexpandchange:C,columnsState:i,columnsstatechange:E})},render(){return G.getDefaultSlots(this)}});exports.GridStateProvider=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),T=require("./key.js"),V=require("./common.js"),j=require("@progress/kendo-vue-common"),A=n.defineComponent({name:"KendoVueGridStateProvider",inheritAttrs:!1,props:V.gridProps,setup(e,{emit:l}){var u,c,d,o,h,g,r,i,s;const t=n.ref({filter:(u=e.defaultFilter)!=null?u:e.filter,highlight:e.highlight,search:(c=e.defaultSearch)!=null?c:e.search,sort:(d=e.defaultSort)!=null?d:e.sort,take:(o=e.defaultTake)!=null?o:e.take,skip:(h=e.defaultSkip)!=null?h:e.skip,group:(g=e.defaultGroup)!=null?g:e.group,detailExpand:(r=e.defaultDetailExpand)!=null?r:e.detailExpand,groupExpand:(i=e.defaultGroupExpand)!=null?i:e.groupExpand,columnsState:(s=e.defaultColumnsState)!=null?s:e.columnsState}),f=a=>{t.value={...t.value,...a.data},l("datastatechange",a)},v=n.computed(()=>e.filter||t.value.filter||null),x=a=>{t.value.filter=a.filter,l("filterchange",a)};n.watch(()=>e.filter,a=>{t.value.filter=a});const S=n.computed(()=>e.search||t.value.search||null),k=a=>{t.value.search=a.search,l("searchchange",a)};n.watch(()=>e.search,a=>{t.value.search=a});const E=n.computed(()=>e.sort||t.value.sort||[]),m=a=>{t.value.sort=a.sort,l("sortchange",a)};n.watch(()=>e.sort,a=>{t.value.sort=a});const C=n.computed(()=>e.skip||t.value.skip||0),w=n.computed(()=>e.take||t.value.take||0),p=a=>{t.value.skip=a.page.skip,t.value.take=a.page.take,l("pagechange",a)};n.watch(()=>e.skip,a=>{t.value.skip=a}),n.watch(()=>e.take,a=>{t.value.take=a});const G=n.computed(()=>e.group||t.value.group||[]),P=a=>{t.value.group=a.group,l("groupchange",a)};n.watch(()=>e.group,a=>{t.value.group=a});const q=n.computed(()=>e.detailExpand||t.value.detailExpand||{}),y=a=>{t.value.detailExpand=a.detailExpand,l("detailexpandchange",a)};n.watch(()=>e.detailExpand,a=>{t.value.detailExpand=a});const D=n.computed(()=>e.groupExpand||t.value.groupExpand||[]),K=a=>{t.value.groupExpand=a.groupExpand,l("groupexpandchange",a)};n.watch(()=>e.groupExpand,a=>{t.value.groupExpand=a});const b=n.computed(()=>e.columnsState||e.defaultColumnsState||[]),F=a=>{t.value.columnsState=a.columnsState,l("columnsstatechange",a)};n.watch(()=>e.columnsState,a=>{t.value.columnsState=a}),n.provide(T.KendoKey,{sort:E,sortchange:m,filter:v,filterchange:x,search:S,searchchange:k,skip:C,take:w,pagechange:p,group:G,groupchange:P,detailExpand:q,detailexpandchange:y,groupExpand:D,groupexpandchange:K,columnsState:b,columnsstatechange:F,datastatechange:f})},render(){return j.getDefaultSlots(this)}});exports.GridStateProvider=A;

package/GridState.mjs

@@ -5,90 +5,110 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as G, ref as t, watch as n, provide as P } from "vue";
-import { KendoKey as D } from "./key.mjs";
-import { gridProps as K } from "./common.mjs";
-import { getDefaultSlots as F } from "@progress/kendo-vue-common";
-const V = /* @__PURE__ */ G({
+import { defineComponent as b, ref as j, computed as n, watch as u, provide as q } from "vue";
+import { KendoKey as z } from "./key.mjs";
+import { gridProps as B } from "./common.mjs";
+import { getDefaultSlots as H } from "@progress/kendo-vue-common";
+const N = /* @__PURE__ */ b({
   name: "KendoVueGridStateProvider",
   inheritAttrs: !1,
-  props: K,
+  props: B,
   setup(e, {
     emit: l
   }) {
-    const u = t(e.filter || e.defaultFilter || null), s = (a) => {
-      u.value = a.filter, l("filterchange", a);
+    var d, c, o, g, h, r, i, s, f;
+    const t = j({
+      // edit: props.defaultEdit ?? props.edit,
+      filter: (d = e.defaultFilter) != null ? d : e.filter,
+      highlight: e.highlight,
+      // select: props.defaultSelect ?? props.select,
+      search: (c = e.defaultSearch) != null ? c : e.search,
+      sort: (o = e.defaultSort) != null ? o : e.sort,
+      take: (g = e.defaultTake) != null ? g : e.take,
+      skip: (h = e.defaultSkip) != null ? h : e.skip,
+      group: (r = e.defaultGroup) != null ? r : e.group,
+      detailExpand: (i = e.defaultDetailExpand) != null ? i : e.detailExpand,
+      groupExpand: (s = e.defaultGroupExpand) != null ? s : e.groupExpand,
+      columnsState: (f = e.defaultColumnsState) != null ? f : e.columnsState
+    }), x = (a) => {
+      t.value = {
+        ...t.value,
+        ...a.data
+      }, l("datastatechange", a);
+    }, v = n(() => e.filter || t.value.filter || null), S = (a) => {
+      t.value.filter = a.filter, l("filterchange", a);
     };
-    n(() => e.filter, (a) => {
-      u.value = a;
+    u(() => e.filter, (a) => {
+      t.value.filter = a;
     });
-    const d = t(e.search || e.defaultSearch || null), x = (a) => {
-      d.value = a.search, l("searchchange", a);
+    const E = n(() => e.search || t.value.search || null), k = (a) => {
+      t.value.search = a.search, l("searchchange", a);
     };
-    n(() => e.search, (a) => {
-      d.value = a;
+    u(() => e.search, (a) => {
+      t.value.search = a;
     });
-    const c = t(e.sort || e.defaultSort || []), S = (a) => {
-      c.value = a.sort, l("sortchange", a);
+    const m = n(() => e.sort || t.value.sort || []), C = (a) => {
+      t.value.sort = a.sort, l("sortchange", a);
     };
-    n(() => e.sort, (a) => {
-      c.value = a;
+    u(() => e.sort, (a) => {
+      t.value.sort = a;
     });
-    const o = t(e.skip || e.defaultSkip || 0), h = t(e.take || e.defaultTake), v = (a) => {
-      o.value = a.page.skip, h.value = a.page.take, l("pagechange", a);
+    const G = n(() => e.skip || t.value.skip || 0), p = n(() => e.take || t.value.take || 0), D = (a) => {
+      t.value.skip = a.page.skip, t.value.take = a.page.take, l("pagechange", a);
     };
-    n(() => e.skip, (a) => {
-      o.value = a;
-    }), n(() => e.take, (a) => {
-      h.value = a;
+    u(() => e.skip, (a) => {
+      t.value.skip = a;
+    }), u(() => e.take, (a) => {
+      t.value.take = a;
     });
-    const g = t(e.group || e.defaultGroup || []), E = (a) => {
-      g.value = a.group, l("groupchange", a);
+    const P = n(() => e.group || t.value.group || []), K = (a) => {
+      t.value.group = a.group, l("groupchange", a);
     };
-    n(() => e.group, (a) => {
-      g.value = a;
+    u(() => e.group, (a) => {
+      t.value.group = a;
     });
-    const r = t(e.detailExpand || e.defaultDetailExpand || {}), m = (a) => {
-      r.value = a.detailExpand, l("detailexpandchange", a);
+    const F = n(() => e.detailExpand || t.value.detailExpand || {}), w = (a) => {
+      t.value.detailExpand = a.detailExpand, l("detailexpandchange", a);
     };
-    n(() => e.detailExpand, (a) => {
-      r.value = a;
+    u(() => e.detailExpand, (a) => {
+      t.value.detailExpand = a;
     });
-    const i = t(e.groupExpand || e.defaultGroupExpand || []), C = (a) => {
-      i.value = a.groupExpand, l("groupexpandchange", a);
+    const y = n(() => e.groupExpand || t.value.groupExpand || []), A = (a) => {
+      t.value.groupExpand = a.groupExpand, l("groupexpandchange", a);
     };
-    n(() => e.groupExpand, (a) => {
-      i.value = a;
+    u(() => e.groupExpand, (a) => {
+      t.value.groupExpand = a;
     });
-    const f = t(e.columnsState || e.defaultColumnsState || []), k = (a) => {
-      f.value = a.columnsState, l("columnsstatechange", a);
+    const T = n(() => e.columnsState || e.defaultColumnsState || []), V = (a) => {
+      t.value.columnsState = a.columnsState, l("columnsstatechange", a);
     };
-    n(() => e.columnsState, (a) => {
-      f.value = a;
-    }), P(D, {
-      sort: c,
-      sortchange: S,
-      filter: u,
-      filterchange: s,
-      search: d,
-      searchchange: x,
-      skip: o,
-      take: h,
-      pagechange: v,
-      group: g,
-      groupchange: E,
-      detailExpand: r,
-      detailexpandchange: m,
-      groupExpand: i,
-      groupexpandchange: C,
-      columnsState: f,
-      columnsstatechange: k
+    u(() => e.columnsState, (a) => {
+      t.value.columnsState = a;
+    }), q(z, {
+      sort: m,
+      sortchange: C,
+      filter: v,
+      filterchange: S,
+      search: E,
+      searchchange: k,
+      skip: G,
+      take: p,
+      pagechange: D,
+      group: P,
+      groupchange: K,
+      detailExpand: F,
+      detailexpandchange: w,
+      groupExpand: y,
+      groupexpandchange: A,
+      columnsState: T,
+      columnsstatechange: V,
+      datastatechange: x
     });
   },
   render() {
-    return F(this);
+    return H(this);
   }
 });
 export {
-  V as GridStateProvider
+  N as GridStateProvider
 };

package/VirtualScroll.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"});class S{constructor(s,t){this.table=null,this.containerHeight=0,this.topCacheCount=0,this.attendedSkip=0,this.propsSkip=0,this.total=0,this.scrollableVirtual=!1,this.realSkip=0,this.pageSize=0,this.fixedScroll=!1,this.askedSkip=void 0,this.tableTransform="",this.prevScrollPos=0,this.tableTranslate=0,this.scrollSyncing=!1,this.topItems=(o,e)=>{if(!this.container||e)return{topItemsCount:0,topItemsHeight:0};const i=this.container.clientHeight,n=this.container.querySelectorAll(".k-group-footer").length,l=Math.ceil(i/o[0].line),h=Math.ceil(n/l),a=Math.max(h,Math.ceil((o.length-l)/2));let r=0;for(let p=0;p<a;p++)r+=o[p].line+o[p].acc;const c=h?n/(1+h):0,g=l+l/2+c;return{topItemsCount:a,topItemsHeight:r,itemsNeededOnScreen:g}},this.horizontalScrollbarHeight=()=>this.container?this.container.offsetHeight-this.container.clientHeight:0,s&&(this.topCacheCount=t,this.attendedSkip=-this.topCacheCount),this.scrollHandler=this.scrollHandler.bind(this)}get container(){return this.containerRef}get rowHeights(){const s=[],t=this.tableBodyRef&&this.tableBodyRef.children||[];let o=0;for(let e=0;e<t.length;e++){if(t[e].className.indexOf("k-grouping-row")>-1){o+=t[e].scrollHeight;continue}t[e].className.indexOf("k-detail-row")>-1?s[s.length-1].line+=t[e].scrollHeight:(s.push({line:t[e].scrollHeight,acc:o}),o=0)}return s}changePage(s,t){this.attendedSkip=s-this.topCacheCount,this.PageChange({skip:Math.max(0,s-this.topCacheCount),take:this.pageSize},t)}translate(s){this.tableTranslate=s,this.scrollableVirtual&&this.table&&(this.table.style.transform="translateY("+s+"px)")}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0))}localScrollUp(s){if(!this.container)return;const t=this.rowHeights,o=this.container.scrollTop;let e=this.tableTranslate,i=0;const{topItemsCount:n,topItemsHeight:l,itemsNeededOnScreen:h}=this.topItems(t,!!this.topCacheCount),a=o-e;if(!(a>l||t.length<=h)){for(;i<this.topCacheCount+this.attendedSkip-this.realSkip+n&&this.propsSkip-i>0&&!(e+(t[t.length-1-i].line+t[t.length-1-i].acc)+a<=o);)e-=t[t.length-1-i].line+t[t.length-1-i].acc,i++;if(i===0&&this.topCacheCount===0&&this.attendedSkip>0&&(e=Math.max(e-t[0].line,0),i=1),this.propsSkip-i<=0&&e>o){this.translate(0),this.changePage(0,s),this.container.scrollTop=0;return}if(e>o&&(e=o),e!==this.tableTranslate){this.translate(Math.max(0,e-l));const r=Math.max(0,this.propsSkip-i-n);this.changePage(r,s)}}}localScrollDown(s){if(!this.container)return;const t=this.rowHeights,o=this.container.scrollTop;let e=this.tableTranslate,i=0;const{topItemsCount:n,topItemsHeight:l,itemsNeededOnScreen:h}=this.topItems(t,!!this.topCacheCount);for(;i<t.length-this.topCacheCount&&!(e+t[i].line+t[i].acc>o);)e+=t[i].line+t[i].acc,i++;n>this.propsSkip+i||t.length<=h||(i>=t.length-this.topCacheCount&&this.propsSkip+i>=this.total?(this.translate(e-l),this.changePage(this.total-1-n,s)):e!==this.tableTranslate&&this.propsSkip+i-n!==this.propsSkip&&(this.translate(e-l),this.changePage(this.propsSkip+i-n,s)))}scrollNonStrict(s){const t=this.total*this.prevScrollPos/this.containerHeight;let o=Math.floor(t);o>=this.total&&(o=this.total-1);const e=Math.min(t-o,1);let i=0;const n=o-this.propsSkip,l=this.rowHeights;n>=0&&n<=1?i=-((l[0].line+l[0].acc)*e):n===-1&&(i=-((l[l.length-1].line+l[l.length-1].acc)*e));const{topItemsCount:h,topItemsHeight:a,itemsNeededOnScreen:r}=this.topItems(l,!!this.topCacheCount),c=Math.max(0,i-a-this.horizontalScrollbarHeight()+this.containerHeight*t/this.total);this.prevScrollPos<c&&l.length<=r||(this.translate(c),this.changePage(o-h,s))}scrollHandler(s){if(!this.scrollableVirtual)return;if(this.scrollSyncing||!this.container||!this.table){this.scrollSyncing=!1;return}const t=this.container.scrollTop,o=this.prevScrollPos;if(this.prevScrollPos=t,this.askedSkip!==void 0){this.translate(this.containerHeight*this.askedSkip/this.total),this.changePage(this.askedSkip,s),this.prevScrollPos=t,this.askedSkip=void 0;return}t-o<0&&t>this.tableTranslate-this.table.scrollHeight/10?this.localScrollUp(s):t-o>0&&t<this.tableTranslate+this.table.scrollHeight*2/3?this.localScrollDown(s):this.scrollNonStrict(s),this.prevScrollPos=t}}exports.VirtualScroll=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./utils/main.js");require("@progress/kendo-vue-common");class c{constructor(){this.table=null,this.tableBody=null,this.container=null,this.scrollHeightContainer=null,this.total=0,this.scrollableVirtual=!1,this.pageSize=0,this.fixedScroll=!1,this.tableTransform="",this.scrollSyncing=!1,this.firstToLoad=0,this.lastScrollTop=0,this.firstLoaded=0,this.lastLoaded=0,this.scrollHandler=this.scrollHandler.bind(this)}reset(){this.firstToLoad=0,this.firstLoaded=0,this.lastLoaded=0,this.rowHeightService=void 0,!this.fixedScroll&&this.container&&this.container.scrollTop!==0&&(this.scrollSyncing=!0,this.container.scrollTop=0,this.lastScrollTop=0,this.translate(0,!0))}scrollHandler(t){if(this.scrollSyncing){this.scrollSyncing=!1;return}if(!this.scrollableVirtual||!this.container||!this.table||!this.rowHeightService||!this.container)return;const i=this.container.scrollTop,e=this.lastScrollTop>=i,o=!e;this.lastScrollTop=i;const r=this.container.offsetHeight;let s=this.rowHeightService.index(i);const a=this.rowHeightService.index(i+r),h=Math.max(s+this.pageSize-this.total,0);if(s=Math.max(s-h,0),o&&a>=this.lastLoaded&&this.lastLoaded<this.total-1)this.firstToLoad=s,this.loadPage(t);else if(e&&s<this.firstToLoad){const n=Math.max(Math.floor(this.pageSize*.3)-h,0);this.firstToLoad=Math.max(s-n,0),this.loadPage(t)}}update(){var i;const t=this.getItemHeights();if(this.firstLoaded>this.firstToLoad){const e=Math.min(this.firstLoaded-this.firstToLoad,this.pageSize),o=this.getTotalHeight(e,t),r=this.getExpectedTotalHeight(e),s=o-r;s!==0&&this.adjustScroll(s)}(i=this.rowHeightService)==null||i.update(this.firstToLoad,t),this.setScrollHeightContainerHeight(),this.firstLoaded=this.firstToLoad,this.lastLoaded=this.firstLoaded+t.length-1}loadPage(t){this.rowHeightService&&(this.translate(this.rowHeightService.offset(this.firstToLoad)),this.changePage(this.firstToLoad,t))}translate(t,i){this.scrollableVirtual&&this.table&&(i?this.table.style.transform="translateY("+t+"px)":this.tableTransform="translateY("+t+"px)")}changePage(t,i){this.PageChange&&this.PageChange({skip:Math.max(0,t),take:this.pageSize},i)}adjustScroll(t){this.scrollSyncing=!0,this.container&&(this.container.scrollTop+=t)}setScrollHeightContainerHeight(){var t;if(this.scrollableVirtual&&this.scrollHeightContainer){let i=((t=this.rowHeightService)==null?void 0:t.totalHeight())||0;i=l.firefox?Math.min(l.firefoxMaxHeight,i):i,this.scrollHeightContainer.style.height=i+"px"}}getItemHeights(){const t=[];return this.tableBody&&Array.from(this.tableBody.children).forEach(i=>{const e=i.getBoundingClientRect().height;i.classList.contains("k-detail-row")?t[t.length-1]+=e:t.push(e)}),t}getTotalHeight(t,i){return i.slice(0,t).reduce((e,o)=>e+o,0)}getExpectedTotalHeight(t){const i=this.rowHeightService;if(!i)return 0;const e=this.firstToLoad+(t-1);return i.offset(e)+i.height(e)-i.offset(this.firstToLoad)}}exports.VirtualScroll=c;

package/VirtualScroll.mjs

@@ -5,130 +5,86 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-class u {
-  constructor(s, t) {
-    this.table = null, this.containerHeight = 0, this.topCacheCount = 0, this.attendedSkip = 0, this.propsSkip = 0, this.total = 0, this.scrollableVirtual = !1, this.realSkip = 0, this.pageSize = 0, this.fixedScroll = !1, this.askedSkip = void 0, this.tableTransform = "", this.prevScrollPos = 0, this.tableTranslate = 0, this.scrollSyncing = !1, this.topItems = (o, e) => {
-      if (!this.container || e)
-        return { topItemsCount: 0, topItemsHeight: 0 };
-      const i = this.container.clientHeight, n = this.container.querySelectorAll(".k-group-footer").length, l = Math.ceil(i / o[0].line), h = Math.ceil(n / l), a = Math.max(h, Math.ceil((o.length - l) / 2));
-      let r = 0;
-      for (let p = 0; p < a; p++)
-        r += o[p].line + o[p].acc;
-      const c = h ? n / (1 + h) : 0, g = l + l / 2 + c;
-      return {
-        topItemsCount: a,
-        topItemsHeight: r,
-        itemsNeededOnScreen: g
-      };
-    }, this.horizontalScrollbarHeight = () => this.container ? this.container.offsetHeight - this.container.clientHeight : 0, s && (this.topCacheCount = t, this.attendedSkip = -this.topCacheCount), this.scrollHandler = this.scrollHandler.bind(this);
+import { firefox as n, firefoxMaxHeight as c } from "./utils/main.mjs";
+import "@progress/kendo-vue-common";
+class H {
+  constructor() {
+    this.table = null, this.tableBody = null, this.container = null, this.scrollHeightContainer = null, this.total = 0, this.scrollableVirtual = !1, this.pageSize = 0, this.fixedScroll = !1, this.tableTransform = "", this.scrollSyncing = !1, this.firstToLoad = 0, this.lastScrollTop = 0, this.firstLoaded = 0, this.lastLoaded = 0, this.scrollHandler = this.scrollHandler.bind(this);
   }
-  get container() {
-    return this.containerRef;
+  reset() {
+    this.firstToLoad = 0, this.firstLoaded = 0, this.lastLoaded = 0, this.rowHeightService = void 0, !this.fixedScroll && this.container && this.container.scrollTop !== 0 && (this.scrollSyncing = !0, this.container.scrollTop = 0, this.lastScrollTop = 0, this.translate(0, !0));
+  }
+  scrollHandler(t) {
+    if (this.scrollSyncing) {
+      this.scrollSyncing = !1;
+      return;
+    }
+    if (!this.scrollableVirtual || !this.container || !this.table || !this.rowHeightService || !this.container)
+      return;
+    const i = this.container.scrollTop, e = this.lastScrollTop >= i, o = !e;
+    this.lastScrollTop = i;
+    const h = this.container.offsetHeight;
+    let s = this.rowHeightService.index(i);
+    const a = this.rowHeightService.index(i + h), r = Math.max(s + this.pageSize - this.total, 0);
+    if (s = Math.max(s - r, 0), o && a >= this.lastLoaded && this.lastLoaded < this.total - 1)
+      this.firstToLoad = s, this.loadPage(t);
+    else if (e && s < this.firstToLoad) {
+      const l = Math.max(Math.floor(this.pageSize * 0.3) - r, 0);
+      this.firstToLoad = Math.max(s - l, 0), this.loadPage(t);
+    }
   }
-  /**
-   * @return - The row heights in an array.
-   */
-  get rowHeights() {
-    const s = [], t = this.tableBodyRef && this.tableBodyRef.children || [];
-    let o = 0;
-    for (let e = 0; e < t.length; e++) {
-      if (t[e].className.indexOf("k-grouping-row") > -1) {
-        o += t[e].scrollHeight;
-        continue;
-      }
-      t[e].className.indexOf("k-detail-row") > -1 ? s[s.length - 1].line += t[e].scrollHeight : (s.push({
-        line: t[e].scrollHeight,
-        acc: o
-      }), o = 0);
+  update() {
+    var i;
+    const t = this.getItemHeights();
+    if (this.firstLoaded > this.firstToLoad) {
+      const e = Math.min(this.firstLoaded - this.firstToLoad, this.pageSize), o = this.getTotalHeight(e, t), h = this.getExpectedTotalHeight(e), s = o - h;
+      s !== 0 && this.adjustScroll(s);
     }
-    return s;
+    (i = this.rowHeightService) == null || i.update(this.firstToLoad, t), this.setScrollHeightContainerHeight(), this.firstLoaded = this.firstToLoad, this.lastLoaded = this.firstLoaded + t.length - 1;
+  }
+  loadPage(t) {
+    this.rowHeightService && (this.translate(this.rowHeightService.offset(this.firstToLoad)), this.changePage(this.firstToLoad, t));
   }
-  changePage(s, t) {
-    this.attendedSkip = s - this.topCacheCount, this.PageChange(
+  translate(t, i) {
+    this.scrollableVirtual && this.table && (i ? this.table.style.transform = "translateY(" + t + "px)" : this.tableTransform = "translateY(" + t + "px)");
+  }
+  changePage(t, i) {
+    this.PageChange && this.PageChange(
       {
-        skip: Math.max(0, s - this.topCacheCount),
+        skip: Math.max(0, t),
         take: this.pageSize
       },
-      t
+      i
     );
   }
-  translate(s) {
-    this.tableTranslate = s, this.scrollableVirtual && this.table && (this.table.style.transform = "translateY(" + s + "px)");
-  }
-  reset() {
-    this.scrollSyncing = !0, !this.fixedScroll && (this.container && (this.container.scrollTop = 0), this.translate(0));
+  adjustScroll(t) {
+    this.scrollSyncing = !0, this.container && (this.container.scrollTop += t);
   }
-  localScrollUp(s) {
-    if (!this.container)
-      return;
-    const t = this.rowHeights, o = this.container.scrollTop;
-    let e = this.tableTranslate, i = 0;
-    const {
-      topItemsCount: n,
-      topItemsHeight: l,
-      itemsNeededOnScreen: h
-    } = this.topItems(t, !!this.topCacheCount), a = o - e;
-    if (!(a > l || t.length <= h)) {
-      for (; i < this.topCacheCount + this.attendedSkip - this.realSkip + n && this.propsSkip - i > 0 && !(e + (t[t.length - 1 - i].line + t[t.length - 1 - i].acc) + a <= o); )
-        e -= t[t.length - 1 - i].line + t[t.length - 1 - i].acc, i++;
-      if (i === 0 && this.topCacheCount === 0 && this.attendedSkip > 0 && (e = Math.max(e - t[0].line, 0), i = 1), this.propsSkip - i <= 0 && e > o) {
-        this.translate(0), this.changePage(0, s), this.container.scrollTop = 0;
-        return;
-      }
-      if (e > o && (e = o), e !== this.tableTranslate) {
-        this.translate(Math.max(0, e - l));
-        const r = Math.max(0, this.propsSkip - i - n);
-        this.changePage(r, s);
-      }
+  setScrollHeightContainerHeight() {
+    var t;
+    if (this.scrollableVirtual && this.scrollHeightContainer) {
+      let i = ((t = this.rowHeightService) == null ? void 0 : t.totalHeight()) || 0;
+      i = n ? Math.min(c, i) : i, this.scrollHeightContainer.style.height = i + "px";
     }
   }
-  localScrollDown(s) {
-    if (!this.container)
-      return;
-    const t = this.rowHeights, o = this.container.scrollTop;
-    let e = this.tableTranslate, i = 0;
-    const {
-      topItemsCount: n,
-      topItemsHeight: l,
-      itemsNeededOnScreen: h
-    } = this.topItems(t, !!this.topCacheCount);
-    for (; i < t.length - this.topCacheCount && !(e + t[i].line + t[i].acc > o); )
-      e += t[i].line + t[i].acc, i++;
-    n > this.propsSkip + i || t.length <= h || (i >= t.length - this.topCacheCount && this.propsSkip + i >= this.total ? (this.translate(e - l), this.changePage(this.total - 1 - n, s)) : e !== this.tableTranslate && this.propsSkip + i - n !== this.propsSkip && (this.translate(e - l), this.changePage(this.propsSkip + i - n, s)));
+  getItemHeights() {
+    const t = [];
+    return this.tableBody && Array.from(this.tableBody.children).forEach((i) => {
+      const e = i.getBoundingClientRect().height;
+      i.classList.contains("k-detail-row") ? t[t.length - 1] += e : t.push(e);
+    }), t;
   }
-  scrollNonStrict(s) {
-    const t = this.total * this.prevScrollPos / this.containerHeight;
-    let o = Math.floor(t);
-    o >= this.total && (o = this.total - 1);
-    const e = Math.min(t - o, 1);
-    let i = 0;
-    const n = o - this.propsSkip, l = this.rowHeights;
-    n >= 0 && n <= 1 ? i = -((l[0].line + l[0].acc) * e) : n === -1 && (i = -((l[l.length - 1].line + l[l.length - 1].acc) * e));
-    const {
-      topItemsCount: h,
-      topItemsHeight: a,
-      itemsNeededOnScreen: r
-    } = this.topItems(l, !!this.topCacheCount), c = Math.max(
-      0,
-      i - a - this.horizontalScrollbarHeight() + this.containerHeight * t / this.total
-    );
-    this.prevScrollPos < c && l.length <= r || (this.translate(c), this.changePage(o - h, s));
+  getTotalHeight(t, i) {
+    return i.slice(0, t).reduce((e, o) => e + o, 0);
   }
-  scrollHandler(s) {
-    if (!this.scrollableVirtual)
-      return;
-    if (this.scrollSyncing || !this.container || !this.table) {
-      this.scrollSyncing = !1;
-      return;
-    }
-    const t = this.container.scrollTop, o = this.prevScrollPos;
-    if (this.prevScrollPos = t, this.askedSkip !== void 0) {
-      this.translate(this.containerHeight * this.askedSkip / this.total), this.changePage(this.askedSkip, s), this.prevScrollPos = t, this.askedSkip = void 0;
-      return;
-    }
-    t - o < 0 && t > this.tableTranslate - this.table.scrollHeight / 10 ? this.localScrollUp(s) : t - o > 0 && t < this.tableTranslate + this.table.scrollHeight * 2 / 3 ? this.localScrollDown(s) : this.scrollNonStrict(s), this.prevScrollPos = t;
+  getExpectedTotalHeight(t) {
+    const i = this.rowHeightService;
+    if (!i)
+      return 0;
+    const e = this.firstToLoad + (t - 1);
+    return i.offset(e) + i.height(e) - i.offset(this.firstToLoad);
   }
 }
 export {
-  u as VirtualScroll
+  H as VirtualScroll
 };

package/cells/GridHierarchyCell.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 i=require("vue"),u=require("../utils/main.js"),l=require("@progress/kendo-vue-common"),o=require("@progress/kendo-vue-data-tools"),h=require("@progress/kendo-vue-intl"),r=require("../messages/main.js"),p=require("@progress/kendo-svg-icons"),g=i.defineComponent({name:"KendoGridHierarchyCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,className:String,colSpan:Number,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,expanded:Boolean,editor:String,isSelected:Boolean,dataIndex:Number,ariaColumnIndex:Number,render:[String,Function,Object],isRtl:Boolean},emits:{change:null,cellkeydown:null},inject:{kendo:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:l.noop}},methods:{triggerStateChange(){const e=this.kendo;e.dataItemKey&&this.$props.dataItem[e.dataItemKey]!==void 0&&(e==null||e.dispatchDetailExpand({type:o.DETAIL_EXPAND_ACTION.TOGGLE,id:this.$props.dataItem[e.dataItemKey]}))},triggerKeydown(e,t){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field,expanded:t}),!e.defaultPrevented&&e.keyCode===l.Keys.enter&&(e.preventDefault(),this.$emit("change",{dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,event:e,field:this.$props.field,value:!t}),this.triggerStateChange())},clickHandler(e,t,n){e.preventDefault(),this.$emit("change",{dataItem:t,event:e,field:void 0,value:!n}),this.triggerStateChange()}},computed:{wrapperClass(){return{"k-table-td":!0,"k-hierarchy-cell":!0,[this.className||""]:this.className}}},render(){let e=null;const t=this.getKeyboardNavigationAttributes(this.$props.id),n=h.provideLocalizationService(this),d=n.toLanguageString(r.collapseDetailAriaLabel,r.messages[r.collapseDetailAriaLabel]),c=n.toLanguageString(r.expandDetailAriaLabel,r.messages[r.expandDetailAriaLabel]);if(this.$props.rowType==="groupFooter")e=i.createVNode("td",{class:this.wrapperClass},null);else if(this.$props.rowType!=="groupHeader"){const a=u.getNestedValue(this.$props.field,this.$props.dataItem);e=i.createVNode("td",{style:this.$attrs.style,onKeydown:s=>{this.triggerKeydown(s,a)},class:this.wrapperClass,"aria-expanded":a?"true":"false",role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,tabindex:t.tabIndex,"data-keyboardnavlevel":t[o.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[o.KEYBOARD_NAV_DATA_ID]},[i.createVNode("a",{onClick:s=>{this.clickHandler(s,this.$props.dataItem,a)},href:"#",tabindex:-1,title:a?d:c,"aria-label":a?d:c},[i.createVNode(l.Icon,{name:a?"minus":"plus",icon:a?p.minusIcon:p.plusIcon},null)])])}return l.getTemplate.call(this,{h:i.h,template:this.$props.render,defaultRendering:e,additionalProps:this.$props,additionalListeners:{keydown:this.triggerKeydown,click:this.clickHandler}})}});exports.GridHierarchyCell=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),l=require("@progress/kendo-vue-common"),o=require("@progress/kendo-vue-data-tools"),u=require("@progress/kendo-vue-intl"),r=require("../messages/main.js"),p=require("@progress/kendo-svg-icons"),h=i.defineComponent({name:"KendoGridHierarchyCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,className:String,colSpan:Number,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,expanded:Boolean,editor:String,isSelected:Boolean,dataIndex:Number,ariaColumnIndex:Number,render:[String,Function,Object],isRtl:Boolean},emits:{change:null,cellkeydown:null},inject:{kendo:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:l.noop}},methods:{triggerStateChange(){const e=this.kendo;e.dataItemKey&&this.$props.dataItem[e.dataItemKey]!==void 0&&(e==null||e.dispatchDetailExpand({type:o.DETAIL_EXPAND_ACTION.TOGGLE,id:this.$props.dataItem[e.dataItemKey]}))},triggerKeydown(e,t){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field,expanded:t}),!e.defaultPrevented&&e.keyCode===l.Keys.enter&&(e.preventDefault(),this.$emit("change",{dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,event:e,field:this.$props.field,value:!t}),this.triggerStateChange())},clickHandler(e,t,n){e.preventDefault(),this.$emit("change",{dataItem:t,event:e,field:void 0,value:!n}),this.triggerStateChange()}},computed:{wrapperClass(){return{"k-table-td":!0,"k-hierarchy-cell":!0,[this.className||""]:this.className}}},render(){let e=null;const t=this.getKeyboardNavigationAttributes(this.$props.id),n=u.provideLocalizationService(this),d=n.toLanguageString(r.collapseDetailAriaLabel,r.messages[r.collapseDetailAriaLabel]),c=n.toLanguageString(r.expandDetailAriaLabel,r.messages[r.expandDetailAriaLabel]);if(this.$props.rowType==="groupFooter")e=i.createVNode("td",{class:this.wrapperClass},null);else if(this.$props.rowType!=="groupHeader"){const a=this.$props.expanded;e=i.createVNode("td",{style:this.$attrs.style,onKeydown:s=>{this.triggerKeydown(s,a)},class:this.wrapperClass,"aria-expanded":a?"true":"false",role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,tabindex:t.tabIndex,"data-keyboardnavlevel":t[o.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[o.KEYBOARD_NAV_DATA_ID]},[i.createVNode("a",{onClick:s=>{this.clickHandler(s,this.$props.dataItem,a)},href:"#",tabindex:-1,title:a?d:c,"aria-label":a?d:c},[i.createVNode(l.Icon,{name:a?"minus":"plus",icon:a?p.minusIcon:p.plusIcon},null)])])}return l.getTemplate.call(this,{h:i.h,template:this.$props.render,defaultRendering:e,additionalProps:this.$props,additionalListeners:{keydown:this.triggerKeydown,click:this.clickHandler}})}});exports.GridHierarchyCell=h;

package/cells/GridHierarchyCell.mjs

@@ -6,13 +6,12 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as c, createVNode as r, h as m } from "vue";
-import { getNestedValue as u } from "../utils/main.mjs";
-import { noop as h, Icon as g, getTemplate as f, Keys as I } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_ID as y, KEYBOARD_NAV_DATA_LEVEL as b, DETAIL_EXPAND_ACTION as $ } from "@progress/kendo-vue-data-tools";
+import { noop as u, Icon as h, getTemplate as g, Keys as f } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as y, KEYBOARD_NAV_DATA_LEVEL as I, DETAIL_EXPAND_ACTION as b } from "@progress/kendo-vue-data-tools";
 import { provideLocalizationService as S } from "@progress/kendo-vue-intl";
 import { collapseDetailAriaLabel as s, messages as d, expandDetailAriaLabel as p } from "../messages/main.mjs";
-import { minusIcon as k, plusIcon as A } from "@progress/kendo-svg-icons";
-const L = /* @__PURE__ */ c({
+import { minusIcon as $, plusIcon as k } from "@progress/kendo-svg-icons";
+const K = /* @__PURE__ */ c({
   name: "KendoGridHierarchyCell",
   inheritAttrs: !1,
   props: {
@@ -50,14 +49,14 @@ const L = /* @__PURE__ */ c({
       default: null
     },
     getKeyboardNavigationAttributes: {
-      default: h
+      default: u
     }
   },
   methods: {
     triggerStateChange() {
       const e = this.kendo;
       e.dataItemKey && this.$props.dataItem[e.dataItemKey] !== void 0 && (e == null || e.dispatchDetailExpand({
-        type: $.TOGGLE,
+        type: b.TOGGLE,
         id: this.$props.dataItem[e.dataItemKey]
       }));
     },
@@ -67,7 +66,7 @@ const L = /* @__PURE__ */ c({
         dataItem: this.$props.dataItem,
         field: this.$props.field,
         expanded: t
-      }), !e.defaultPrevented && e.keyCode === I.enter && (e.preventDefault(), this.$emit("change", {
+      }), !e.defaultPrevented && e.keyCode === f.enter && (e.preventDefault(), this.$emit("change", {
         dataItem: this.$props.dataItem,
         dataIndex: this.$props.dataIndex,
         event: e,
@@ -101,7 +100,7 @@ const L = /* @__PURE__ */ c({
         class: this.wrapperClass
       }, null);
     else if (this.$props.rowType !== "groupHeader") {
-      const a = u(this.$props.field, this.$props.dataItem);
+      const a = this.$props.expanded;
       e = r("td", {
         style: this.$attrs.style,
         onKeydown: (n) => {
@@ -112,7 +111,7 @@ const L = /* @__PURE__ */ c({
         role: "gridcell",
         "aria-colindex": this.$props.ariaColumnIndex,
         tabindex: t.tabIndex,
-        "data-keyboardnavlevel": t[b],
+        "data-keyboardnavlevel": t[I],
         "data-keyboardnavid": t[y]
       }, [r("a", {
         onClick: (n) => {
@@ -122,12 +121,12 @@ const L = /* @__PURE__ */ c({
         tabindex: -1,
         title: a ? l : o,
         "aria-label": a ? l : o
-      }, [r(g, {
+      }, [r(h, {
         name: a ? "minus" : "plus",
-        icon: a ? k : A
+        icon: a ? $ : k
       }, null)])]);
     }
-    return f.call(this, {
+    return g.call(this, {
       h: m,
       template: this.$props.render,
       defaultRendering: e,
@@ -140,5 +139,5 @@ const L = /* @__PURE__ */ c({
   }
 });
 export {
-  L as GridHierarchyCell
+  K as GridHierarchyCell
 };

package/common.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"});require("vue");const t=require("@progress/kendo-vue-common"),n={autoProcessData:[Boolean,Object],topCacheCount:{type:Number,default:0},collapsedGroups:{type:Array,default:function(){return[]}},uniqueField:String,totalGroupedHeight:Number,allGroupedItems:Object,alternatePerGroup:Boolean,columns:Array,columnsState:{type:Array,default:function(){}},defaultColumnsState:{type:Array,default:function(){}},columnVirtualization:Boolean,dataItems:[Array,Object],sortable:[Boolean,Object],defaultSort:Array,sort:Array,filterable:Boolean,filterOperators:Object,filterCellRender:[String,Function,Object],headerCellRender:[String,Function,Object],showLoader:{type:Boolean,default:void 0},loader:[String,Function,Object,Boolean],defaultFilter:Object,filter:Object,defaultSearch:Object,search:Object,searchFields:Array,highlight:Object,pageable:[Boolean,Object],pageSize:Number,total:Number,skip:Number,defaultSkip:Number,take:Number,defaultTake:Number,expandField:String,expandColumn:Object,selectedField:String,cellRender:[String,Function,Object],rowRender:[String,Function,Object],resizable:Boolean,reorderable:Boolean,group:Array,defaultGroup:Array,groupable:[Boolean,Object],groupExpand:Array,defaultGroupExpand:Array,detailExpand:Object,defaultDetailExpand:Object,editField:String,rowClass:Function,scrollable:{type:String,default:"scrollable"},size:{type:String,default:"medium",validator:function(e){return["small","medium"].includes(e)}},pager:[String,Function,Object],rowHeight:Number,detailRowHeight:Number,detail:[String,Function,Object],columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},columnMenuIcon:t.SvgIcon,dataItemKey:String,navigatable:{type:Boolean,default:!1},onItemchange:Function,onExpandchange:Function,onDatastatechange:Function,onPagechange:Function,onSortchange:Function,onFilterchange:Function,onGroupchange:Function,onSearchchange:Function,onGroupexpandchange:Function,onDetailexpandchange:Function};exports.gridProps=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("vue");const t=require("@progress/kendo-vue-common"),n={id:String,autoProcessData:[Boolean,Object],topCacheCount:{type:Number,default:0},collapsedGroups:{type:Array,default:function(){return[]}},uniqueField:String,totalGroupedHeight:Number,allGroupedItems:Object,alternatePerGroup:Boolean,columns:Array,columnsState:{type:Array,default:function(){}},defaultColumnsState:{type:Array,default:function(){}},columnVirtualization:Boolean,dataItems:[Array,Object],sortable:[Boolean,Object],defaultSort:Array,sort:Array,filterable:Boolean,filterOperators:Object,filterCellRender:[String,Function,Object],headerCellRender:[String,Function,Object],showLoader:{type:Boolean,default:void 0},loader:[String,Function,Object,Boolean],defaultFilter:Object,filter:Object,defaultSearch:Object,search:Object,searchFields:Array,highlight:Object,pageable:[Boolean,Object],pageSize:Number,total:Number,fixedScroll:Boolean,skip:Number,defaultSkip:Number,take:Number,defaultTake:Number,expandField:String,expandColumn:Object,selectedField:String,cellRender:[String,Function,Object],rowRender:[String,Function,Object],resizable:Boolean,reorderable:Boolean,group:Array,defaultGroup:Array,groupable:[Boolean,Object],groupExpand:Array,defaultGroupExpand:Array,detailExpand:Object,defaultDetailExpand:Object,editField:String,rowClass:Function,scrollable:{type:String,default:"scrollable"},size:{type:String,default:"medium",validator:function(e){return["small","medium"].includes(e)}},pager:[String,Function,Object],rowHeight:Number,detailRowHeight:Number,detail:[String,Function,Object],columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},columnMenuIcon:t.SvgIcon,dataItemKey:String,navigatable:{type:Boolean,default:!1},onItemchange:Function,onExpandchange:Function,onDatastatechange:Function,onPagechange:Function,onSortchange:Function,onFilterchange:Function,onGroupchange:Function,onSearchchange:Function,onGroupexpandchange:Function,onDetailexpandchange:Function};exports.gridProps=n;

package/common.mjs

@@ -8,6 +8,7 @@
 import "vue";
 import { SvgIcon as t } from "@progress/kendo-vue-common";
 const o = {
+  id: String,
   autoProcessData: [Boolean, Object],
   topCacheCount: {
     type: Number,
@@ -57,6 +58,7 @@ const o = {
   pageable: [Boolean, Object],
   pageSize: Number,
   total: Number,
+  fixedScroll: Boolean,
   skip: Number,
   defaultSkip: Number,
   take: Number,

package/{GridNoRecords.js → components/noRecords/GridNoRecords.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 o=require("vue"),t=require("@progress/kendo-vue-intl"),n=require("./messages/main.js"),r=require("@progress/kendo-vue-common"),c=o.defineComponent({name:"GridNoRecords",inject:{kendoLocalizationService:{default:null}},setup(){return{kendoLocalizationService:o.inject("kendoLocalizationService",{})}},render(){const e=r.getDefaultSlots(this),i=t.provideLocalizationService(this).toLanguageString(n.noRecords,n.messages[n.noRecords]);return e?o.createVNode("div",null,[e]):i}});exports.GridNoRecords=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("@progress/kendo-vue-intl"),n=require("../../messages/main.js"),r=require("@progress/kendo-vue-common"),c=o.defineComponent({name:"GridNoRecords",inject:{kendoLocalizationService:{default:null}},setup(){return{kendoLocalizationService:o.inject("kendoLocalizationService",{})}},render(){const e=r.getDefaultSlots(this),i=t.provideLocalizationService(this).toLanguageString(n.noRecords,n.messages[n.noRecords]);return e?o.createVNode("div",null,[e]):i}});exports.GridNoRecords=c;

package/{GridNoRecords.mjs → components/noRecords/GridNoRecords.mjs}

@@ -7,7 +7,7 @@
  */
 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 { noRecords as o, messages as a } from "../../messages/main.mjs";
 import { getDefaultSlots as l } from "@progress/kendo-vue-common";
 const v = /* @__PURE__ */ t({
   name: "GridNoRecords",

package/components/noRecords/GridNoRecordsContainer.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"});const e=require("vue"),t=require("@progress/kendo-vue-data-tools"),o=require("@progress/kendo-vue-common"),n=e.defineComponent({name:"GridNoRecordsContainer",props:{id:String},render(){const s=o.getDefaultSlots(this),r=o.uGrid;return e.createVNode("div",{key:"no-records",class:o.classNames(r.noRecords({}))},[e.createVNode("div",e.mergeProps({class:o.classNames(r.noRecordsTemplate({}))},{[t.KEYBOARD_NAV_DATA_ID]:this.$props.id}),[s])])}});exports.GridNoRecordsContainer=n;