@progress/kendo-vue-grid 8.1.0-develop.2 → 8.1.0-develop.4

package/drag/ColumnResize.d.ts

@@ -23,6 +23,14 @@ export declare class ColumnResize {
      * The footer `colgroup` of the Grid (if any).
      */
     colGroupFooter: any | null;
+    /**
+     * The sticky header `colgroup` of the Grid (if any).
+     */
+    colGroupStickyHeader: any;
+    /**
+     * The sticky footer `colgroup` of the Grid (if any).
+     */
+    colGroupStickyFooter: any;
     columns: ExtendedColumnProps[];
     /**
      * The `columnsState` of the Grid (if any).
@@ -36,9 +44,10 @@ export declare class ColumnResize {
     private isRtl;
     constructor(triggerResize: (index: number, oldWidth: number, newWidth: number, originalEvent: any, end: boolean, columnsState: GridColumnState[], targetId?: string) => void);
     setIsRtl: (isRtl: boolean) => void;
+    private applyWidthConstraints;
     initWidths: () => void;
     dragHandler: (event: any, column: ExtendedColumnProps, dragCue: HTMLSpanElement, end: boolean) => void;
-    dblClickHandler: (event: any, columnIds: string[]) => void;
+    dblClickHandler: (event: MouseEvent | null, columnIds: string[]) => void;
     private fixateInitialWidths;
     private setWidths;
     private updateColElements;

package/drag/ColumnResize.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 g=require("../utils/main.js"),G=1,w=20;class x{constructor(f){this.columns=[],this.columnsState=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=c=>{this.isRtl=c},this.initWidths=()=>{var d;const c=((d=this.colGroupMain)==null?void 0:d.children)||[],n=g.getFlatColumnsState(this.columnsState),l=this.columns.filter(h=>{var r;return!((r=h.children)!=null&&r.length)});for(let h=0;h<c.length;h++){const r=c[h];let t="";const e=n.find(o=>o.id===l[h].id);e&&(t=e.width||""),r.width=t,this.colGroupHeader&&(this.colGroupHeader.children[h].width=t),this.colGroupFooter&&(this.colGroupFooter.children[h].width=t)}},this.dragHandler=(c,n,l,d)=>{const h=c.originalEvent;d||(h.preventDefault(),h.stopPropagation(),h.stopImmediatePropagation());const r=l.closest("th");if(!r)return;const t=r.clientWidth;let e=t;if(this.isRtl?e+=l.getBoundingClientRect().right-l.offsetWidth/2-c.clientX:e+=c.clientX-l.getBoundingClientRect().left-l.offsetWidth/2,!d&&Math.abs(e-t)<1)return;this.fixateInitialWidths(r.parentElement.clientWidth),this.setWidths(n,Math.floor(e)/t);const o=this.columns.filter(i=>!i.children.length).findIndex(i=>i.id===n.id);this.onResize(o,t,e,h,d,this.columnsState,n.id)},this.dblClickHandler=(c,n)=>{const l=this.columns.filter(s=>n.indexOf(s.id)>-1),d=g.getFlatColumnsState(this.columnsState);if(!this.colGroupMain||!l.length)return;const h={},r=l;for(;r.length>0;){const s=r.pop();if(!s)break;s.children.length?r.push(...s.children):h[s.id]=s}const t=this.columns.filter(s=>!s.children.length),e=[];t.forEach((s,a)=>{h[s.id]&&e.push(a)});const o=[this.colGroupMain.parentElement],i=[this.colGroupMain];this.colGroupHeader&&(o.push(this.colGroupHeader.parentElement),i.push(this.colGroupHeader)),this.colGroupFooter&&(o.push(this.colGroupFooter.parentElement),i.push(this.colGroupFooter)),o.forEach(s=>s.classList.add("k-autofitting"));const u=[];i.forEach(s=>{e.forEach(a=>{s.children[a]&&(s.children[a].width="",u[a]=Math.max(u[a]||0,s.children[a].offsetWidth+G))})}),i.forEach(s=>{e.forEach(a=>{if(s.children[a]){s.children[a].width=u[a]+"px";const p=d.find(m=>m.id===t[a].id);p&&(p.width=u[a])}})}),o.forEach(s=>s.classList.remove("k-autofitting")),this.onResize(e[0],0,0,c,!0,this.columnsState,n[0])},this.updateColElements=c=>{var d,h,r;const n=this.columns.filter(t=>!t.hidden&&!t.children.length);let l=1e-10;for(let t=0;t<c.length;t++){const e=c[t],o=n.findIndex(p=>p.id===e.id),i=parseFloat((e.width||0).toString()),u=Math.floor(i);l+=i-u;const s=u+Math.floor(l);l-=Math.floor(l);const a=n.find(p=>p.id===e.id);if(!a)return;if((d=this.colGroupMain)!=null&&d.children[o]){const p=parseInt(this.colGroupMain.children[o].width,10);this.colGroupMain.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,a,p-s)}if((h=this.colGroupHeader)!=null&&h.children[o]){const p=parseInt(this.colGroupHeader.children[o].width,10);this.colGroupHeader.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,a,p-s)}if((r=this.colGroupFooter)!=null&&r.children[o]){const p=parseInt(this.colGroupFooter.children[o].width,10);this.colGroupFooter.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,a,p-s)}}},this.onResize=f}fixateInitialWidths(f){var r;let c=0;const n=((r=this.colGroupMain)==null?void 0:r.children)||[];for(let t=0;t<n.length;t++)n[t].width?f-=n[t].clientWidth:c++;if(c===0)return;const l=Math.floor(f/c),d=g.getFlatColumnsState(this.columnsState),h=this.columns.filter(t=>!t.children.length);for(let t=0;t<n.length;t++){const e=n[t],o=e.width?e.clientWidth:l;e.width=o;const i=d.find(u=>u.id===h[t].id);i&&(i.width=o.toString()),this.colGroupHeader&&(this.colGroupHeader.children[t].width=o),this.colGroupFooter&&(this.colGroupFooter.children[t].width=o)}}setWidths(f,c){const n=g.getFlatColumnsState(this.columnsState),l=this.columns.findIndex(t=>t.id===f.id),d=[];let h=f.children.filter(t=>!t.hidden).length;for(let t=l+1;t<this.columns.length&&!(h<=0);t++){const e=this.columns[t];e.children.length?h+=e.children.filter(o=>!o.hidden).length:d.push(e),h--}d.length===0&&d.push(f);const r=[];d.forEach(t=>{const e=n.find(o=>o.id===t.id);if(e){let o=e.width?parseFloat(e.width.toString())*c:0;const i=t.minResizableWidth===void 0?10:t.minResizableWidth;o<i&&(o=i),e.width=o,r.push(e)}}),this.updateColElements(r)}updateNextLockedCol(f,c,n){const l=c.index,d=this.colGroupMain.parentElement.closest(".k-grid"),h=d==null?void 0:d.clientWidth,r=this.columns.filter(t=>t.locked).map(t=>parseInt(t.width+"",10)).reduce((t,e)=>t+e,0);!c.locked||h<=r+w||this.columns.forEach(t=>{if(t!=null&&t.locked&&n){const e=f==null?void 0:f.querySelectorAll('[aria-colindex="'+t.ariaColumnIndex+'"]');e==null||e.forEach(o=>{const i=o.style;this.isRtl?(t.index>l&&(i!=null&&i.right)&&(i.right=parseInt(i.right,10)-n+"px"),t.index<l&&(i!=null&&i.left)&&(i.left=parseInt(i.left,10)-n+"px")):(t.index>l&&(i!=null&&i.left)&&(i.left=parseInt(i.left,10)-n+"px"),t.index<l&&(i!=null&&i.right)&&(i.right=parseInt(i.right,10)-n+"px"))})}})}}exports.ColumnResize=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../utils/main.js"),w=1,F=20;class S{constructor(p){this.columns=[],this.columnsState=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=h=>{this.isRtl=h},this.initWidths=()=>{var d;const h=((d=this.colGroupMain)==null?void 0:d.children)||[],n=k.getFlatColumnsState(this.columnsState),r=this.columns.filter(o=>{var l;return!((l=o.children)!=null&&l.length)});for(let o=0;o<h.length;o++){const l=h[o],t=r[o];let e="";const s=n.find(i=>i.id===r[o].id);s&&(e=this.applyWidthConstraints(s,t)),l.width=e,this.colGroupHeader&&(this.colGroupHeader.children[o].width=e),this.colGroupFooter&&(this.colGroupFooter.children[o].width=e),this.colGroupStickyHeader&&(this.colGroupStickyHeader.children[o].width=e),this.colGroupStickyFooter&&(this.colGroupStickyFooter.children[o].width=e)}},this.dragHandler=(h,n,r,d)=>{const o=h.originalEvent;d||(o.preventDefault(),o.stopPropagation(),o.stopImmediatePropagation());const l=r.closest("th");if(!l)return;const t=l.clientWidth;let e=t;if(this.isRtl?e+=r.getBoundingClientRect().right-r.offsetWidth/2-h.clientX:e+=h.clientX-r.getBoundingClientRect().left-r.offsetWidth/2,!d&&Math.abs(e-t)<1)return;this.fixateInitialWidths(l.parentElement.clientWidth),this.setWidths(n,Math.floor(e)/t);const s=this.columns.filter(i=>!i.children.length).findIndex(i=>i.id===n.id);this.onResize(s,t,e,o,d,this.columnsState,n.id)},this.dblClickHandler=(h,n)=>{const r=this.columns.filter(c=>n.indexOf(c.id)>-1),d=k.getFlatColumnsState(this.columnsState);if(!this.colGroupMain||!r.length)return;const o={},l=r;for(;l.length>0;){const c=l.pop();if(!c)break;c.children.length?l.push(...c.children):o[c.id]=c}const t=this.columns.filter(c=>!c.children.length),e=[];t.forEach((c,f)=>{o[c.id]&&e.push(f)});const s=[this.colGroupMain.parentElement],i=[this.colGroupMain];this.colGroupHeader&&(s.push(this.colGroupHeader.parentElement),i.push(this.colGroupHeader)),this.colGroupFooter&&(s.push(this.colGroupFooter.parentElement),i.push(this.colGroupFooter)),this.colGroupStickyHeader&&(s.push(this.colGroupStickyHeader.parentElement),i.push(this.colGroupStickyHeader)),this.colGroupStickyFooter&&(s.push(this.colGroupStickyFooter.parentElement),i.push(this.colGroupStickyFooter)),s.forEach(c=>c.classList.add("k-autofitting"));const a=[];i.forEach(c=>{e.forEach(f=>{c.children[f]&&(c.children[f].width="",a[f]=Math.max(a[f]||0,c.children[f].offsetWidth+w))})}),i.forEach(c=>{e.forEach(f=>{if(c.children[f]){c.children[f].width=a[f]+"px";const u=d.find(g=>g.id===t[f].id);u&&(u.width=a[f])}})}),s.forEach(c=>c.classList.remove("k-autofitting")),this.onResize(e[0],0,0,h,!0,this.columnsState,n[0])},this.updateColElements=h=>{var d,o,l,t,e;const n=this.columns.filter(s=>!s.hidden&&!s.children.length);let r=1e-10;for(let s=0;s<h.length;s++){const i=h[s],a=n.findIndex(G=>G.id===i.id),c=parseFloat((i.width||0).toString()),f=Math.floor(c);r+=c-f;const u=f+Math.floor(r);r-=Math.floor(r);const g=n.find(G=>G.id===i.id);if(!g)return;if((d=this.colGroupMain)!=null&&d.children[a]){const G=parseInt(this.colGroupMain.children[a].width,10);this.colGroupMain.children[a].width=u+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,g,G-u)}if((o=this.colGroupHeader)!=null&&o.children[a]){const G=parseInt(this.colGroupHeader.children[a].width,10);this.colGroupHeader.children[a].width=u+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,g,G-u)}if((l=this.colGroupFooter)!=null&&l.children[a]){const G=parseInt(this.colGroupFooter.children[a].width,10);this.colGroupFooter.children[a].width=u+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,g,G-u)}if((t=this.colGroupStickyHeader)!=null&&t.children[a]){const G=parseInt(this.colGroupStickyHeader.children[a].width,10);this.colGroupStickyHeader.children[a].width=u+"px",this.updateNextLockedCol(this.colGroupStickyHeader.parentElement,g,G-u)}if((e=this.colGroupStickyFooter)!=null&&e.children[a]){const G=parseInt(this.colGroupStickyFooter.children[a].width,10);this.colGroupStickyFooter.children[a].width=u+"px",this.updateNextLockedCol(this.colGroupStickyFooter.parentElement,g,G-u)}}},this.onResize=p}applyWidthConstraints(p,h,n=1){var i;if(!p.width)return p.width||"";const r=p.width.toString();if(r.includes("%")){const c=parseFloat(r)*n,f=Math.max(0,Math.min(100,c));return p.width=f+"%",p.width}let o=parseFloat(r)*n;const l=(i=h.minResizableWidth)!=null?i:10,t=h==null?void 0:h.minWidth,e=t!==void 0?Math.max(l,t):l,s=h==null?void 0:h.maxWidth;return o<e&&(o=e),s!==void 0&&o>s&&(o=s),p.width=o,o}fixateInitialWidths(p){var l;let h=0;const n=((l=this.colGroupMain)==null?void 0:l.children)||[];for(let t=0;t<n.length;t++)n[t].width?p-=n[t].clientWidth:h++;if(h===0)return;const r=Math.floor(p/h),d=k.getFlatColumnsState(this.columnsState),o=this.columns.filter(t=>!t.children.length);for(let t=0;t<n.length;t++){const e=n[t],s=e.width?e.clientWidth:r;e.width=s;const i=d.find(a=>a.id===o[t].id);i&&(i.width=s.toString()),this.colGroupHeader&&(this.colGroupHeader.children[t].width=s),this.colGroupFooter&&(this.colGroupFooter.children[t].width=s),this.colGroupStickyHeader&&(this.colGroupStickyHeader.children[t].width=s),this.colGroupStickyFooter&&(this.colGroupStickyFooter.children[t].width=s)}}setWidths(p,h){const n=k.getFlatColumnsState(this.columnsState),r=this.columns.findIndex(t=>t.id===p.id),d=[];let o=p.children.filter(t=>!t.hidden).length;for(let t=r+1;t<this.columns.length&&!(o<=0);t++){const e=this.columns[t];e.children.length?o+=e.children.filter(s=>!s.hidden).length:d.push(e),o--}d.length===0&&d.push(p);const l=[];d.forEach(t=>{const e=n.find(s=>s.id===t.id);e&&(this.applyWidthConstraints(e,t,h),l.push(e))}),this.updateColElements(l)}updateNextLockedCol(p,h,n){const r=h.index,d=this.colGroupMain.parentElement.closest(".k-grid"),o=d==null?void 0:d.clientWidth,l=this.columns.filter(t=>t.locked).map(t=>parseInt(t.width+"",10)).reduce((t,e)=>t+e,0);!h.locked||o<=l+F||this.columns.forEach(t=>{if(t!=null&&t.locked&&n){const e=p==null?void 0:p.querySelectorAll('[aria-colindex="'+t.ariaColumnIndex+'"]');e==null||e.forEach(s=>{const i=s.style;this.isRtl?(t.index>r&&(i!=null&&i.right)&&(i.right=parseInt(i.right,10)-n+"px"),t.index<r&&(i!=null&&i.left)&&(i.left=parseInt(i.left,10)-n+"px")):(t.index>r&&(i!=null&&i.left)&&(i.left=parseInt(i.left,10)-n+"px"),t.index<r&&(i!=null&&i.right)&&(i.right=parseInt(i.right,10)-n+"px"))})}})}}exports.ColumnResize=S;

package/drag/ColumnResize.mjs

@@ -5,145 +5,170 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { getFlatColumnsState as g } from "../utils/main.mjs";
-const G = 1, w = 20;
-class F {
-  constructor(f) {
-    this.columns = [], this.columnsState = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (c) => {
-      this.isRtl = c;
+import { getFlatColumnsState as w } from "../utils/main.mjs";
+const g = 1, F = 20;
+class m {
+  constructor(p) {
+    this.columns = [], this.columnsState = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (h) => {
+      this.isRtl = h;
     }, this.initWidths = () => {
       var d;
-      const c = ((d = this.colGroupMain) == null ? void 0 : d.children) || [], n = g(this.columnsState), l = this.columns.filter((h) => {
-        var r;
-        return !((r = h.children) != null && r.length);
+      const h = ((d = this.colGroupMain) == null ? void 0 : d.children) || [], n = w(this.columnsState), r = this.columns.filter((o) => {
+        var l;
+        return !((l = o.children) != null && l.length);
       });
-      for (let h = 0; h < c.length; h++) {
-        const r = c[h];
-        let t = "";
-        const e = n.find((o) => o.id === l[h].id);
-        e && (t = e.width || ""), r.width = t, this.colGroupHeader && (this.colGroupHeader.children[h].width = t), this.colGroupFooter && (this.colGroupFooter.children[h].width = t);
+      for (let o = 0; o < h.length; o++) {
+        const l = h[o], t = r[o];
+        let e = "";
+        const s = n.find((i) => i.id === r[o].id);
+        s && (e = this.applyWidthConstraints(s, t)), l.width = e, this.colGroupHeader && (this.colGroupHeader.children[o].width = e), this.colGroupFooter && (this.colGroupFooter.children[o].width = e), this.colGroupStickyHeader && (this.colGroupStickyHeader.children[o].width = e), this.colGroupStickyFooter && (this.colGroupStickyFooter.children[o].width = e);
       }
-    }, this.dragHandler = (c, n, l, d) => {
-      const h = c.originalEvent;
-      d || (h.preventDefault(), h.stopPropagation(), h.stopImmediatePropagation());
-      const r = l.closest("th");
-      if (!r)
+    }, this.dragHandler = (h, n, r, d) => {
+      const o = h.originalEvent;
+      d || (o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation());
+      const l = r.closest("th");
+      if (!l)
         return;
-      const t = r.clientWidth;
+      const t = l.clientWidth;
       let e = t;
-      if (this.isRtl ? e += l.getBoundingClientRect().right - l.offsetWidth / 2 - c.clientX : e += c.clientX - l.getBoundingClientRect().left - l.offsetWidth / 2, !d && Math.abs(e - t) < 1)
+      if (this.isRtl ? e += r.getBoundingClientRect().right - r.offsetWidth / 2 - h.clientX : e += h.clientX - r.getBoundingClientRect().left - r.offsetWidth / 2, !d && Math.abs(e - t) < 1)
         return;
-      this.fixateInitialWidths(r.parentElement.clientWidth), this.setWidths(n, Math.floor(e) / t);
-      const o = this.columns.filter((i) => !i.children.length).findIndex((i) => i.id === n.id);
-      this.onResize(o, t, e, h, d, this.columnsState, n.id);
-    }, this.dblClickHandler = (c, n) => {
-      const l = this.columns.filter((s) => n.indexOf(s.id) > -1), d = g(this.columnsState);
-      if (!this.colGroupMain || !l.length)
+      this.fixateInitialWidths(l.parentElement.clientWidth), this.setWidths(n, Math.floor(e) / t);
+      const s = this.columns.filter((i) => !i.children.length).findIndex((i) => i.id === n.id);
+      this.onResize(s, t, e, o, d, this.columnsState, n.id);
+    }, this.dblClickHandler = (h, n) => {
+      const r = this.columns.filter((c) => n.indexOf(c.id) > -1), d = w(this.columnsState);
+      if (!this.colGroupMain || !r.length)
         return;
-      const h = {}, r = l;
-      for (; r.length > 0; ) {
-        const s = r.pop();
-        if (!s)
+      const o = {}, l = r;
+      for (; l.length > 0; ) {
+        const c = l.pop();
+        if (!c)
           break;
-        s.children.length ? r.push(...s.children) : h[s.id] = s;
+        c.children.length ? l.push(...c.children) : o[c.id] = c;
       }
-      const t = this.columns.filter((s) => !s.children.length), e = [];
-      t.forEach((s, a) => {
-        h[s.id] && e.push(a);
+      const t = this.columns.filter((c) => !c.children.length), e = [];
+      t.forEach((c, f) => {
+        o[c.id] && e.push(f);
       });
-      const o = [this.colGroupMain.parentElement], i = [this.colGroupMain];
-      this.colGroupHeader && (o.push(this.colGroupHeader.parentElement), i.push(this.colGroupHeader)), this.colGroupFooter && (o.push(this.colGroupFooter.parentElement), i.push(this.colGroupFooter)), o.forEach((s) => s.classList.add("k-autofitting"));
-      const u = [];
-      i.forEach((s) => {
-        e.forEach((a) => {
-          s.children[a] && (s.children[a].width = "", u[a] = Math.max(
-            u[a] || 0,
-            s.children[a].offsetWidth + G
+      const s = [this.colGroupMain.parentElement], i = [this.colGroupMain];
+      this.colGroupHeader && (s.push(this.colGroupHeader.parentElement), i.push(this.colGroupHeader)), this.colGroupFooter && (s.push(this.colGroupFooter.parentElement), i.push(this.colGroupFooter)), this.colGroupStickyHeader && (s.push(this.colGroupStickyHeader.parentElement), i.push(this.colGroupStickyHeader)), this.colGroupStickyFooter && (s.push(this.colGroupStickyFooter.parentElement), i.push(this.colGroupStickyFooter)), s.forEach((c) => c.classList.add("k-autofitting"));
+      const a = [];
+      i.forEach((c) => {
+        e.forEach((f) => {
+          c.children[f] && (c.children[f].width = "", a[f] = Math.max(
+            a[f] || 0,
+            c.children[f].offsetWidth + g
           ));
         });
-      }), i.forEach((s) => {
-        e.forEach((a) => {
-          if (s.children[a]) {
-            s.children[a].width = u[a] + "px";
-            const p = d.find((m) => m.id === t[a].id);
-            p && (p.width = u[a]);
+      }), i.forEach((c) => {
+        e.forEach((f) => {
+          if (c.children[f]) {
+            c.children[f].width = a[f] + "px";
+            const u = d.find((k) => k.id === t[f].id);
+            u && (u.width = a[f]);
           }
         });
-      }), o.forEach((s) => s.classList.remove("k-autofitting")), this.onResize(e[0], 0, 0, c, !0, this.columnsState, n[0]);
-    }, this.updateColElements = (c) => {
-      var d, h, r;
-      const n = this.columns.filter((t) => !t.hidden && !t.children.length);
-      let l = 1e-10;
-      for (let t = 0; t < c.length; t++) {
-        const e = c[t], o = n.findIndex((p) => p.id === e.id), i = parseFloat((e.width || 0).toString()), u = Math.floor(i);
-        l += i - u;
-        const s = u + Math.floor(l);
-        l -= Math.floor(l);
-        const a = n.find((p) => p.id === e.id);
-        if (!a)
+      }), s.forEach((c) => c.classList.remove("k-autofitting")), this.onResize(e[0], 0, 0, h, !0, this.columnsState, n[0]);
+    }, this.updateColElements = (h) => {
+      var d, o, l, t, e;
+      const n = this.columns.filter((s) => !s.hidden && !s.children.length);
+      let r = 1e-10;
+      for (let s = 0; s < h.length; s++) {
+        const i = h[s], a = n.findIndex((G) => G.id === i.id), c = parseFloat((i.width || 0).toString()), f = Math.floor(c);
+        r += c - f;
+        const u = f + Math.floor(r);
+        r -= Math.floor(r);
+        const k = n.find((G) => G.id === i.id);
+        if (!k)
           return;
-        if ((d = this.colGroupMain) != null && d.children[o]) {
-          const p = parseInt(this.colGroupMain.children[o].width, 10);
-          this.colGroupMain.children[o].width = s + "px", this.updateNextLockedCol(this.colGroupMain.parentElement, a, p - s);
+        if ((d = this.colGroupMain) != null && d.children[a]) {
+          const G = parseInt(this.colGroupMain.children[a].width, 10);
+          this.colGroupMain.children[a].width = u + "px", this.updateNextLockedCol(this.colGroupMain.parentElement, k, G - u);
         }
-        if ((h = this.colGroupHeader) != null && h.children[o]) {
-          const p = parseInt(this.colGroupHeader.children[o].width, 10);
-          this.colGroupHeader.children[o].width = s + "px", this.updateNextLockedCol(this.colGroupHeader.parentElement, a, p - s);
+        if ((o = this.colGroupHeader) != null && o.children[a]) {
+          const G = parseInt(this.colGroupHeader.children[a].width, 10);
+          this.colGroupHeader.children[a].width = u + "px", this.updateNextLockedCol(this.colGroupHeader.parentElement, k, G - u);
         }
-        if ((r = this.colGroupFooter) != null && r.children[o]) {
-          const p = parseInt(this.colGroupFooter.children[o].width, 10);
-          this.colGroupFooter.children[o].width = s + "px", this.updateNextLockedCol(this.colGroupFooter.parentElement, a, p - s);
+        if ((l = this.colGroupFooter) != null && l.children[a]) {
+          const G = parseInt(this.colGroupFooter.children[a].width, 10);
+          this.colGroupFooter.children[a].width = u + "px", this.updateNextLockedCol(this.colGroupFooter.parentElement, k, G - u);
+        }
+        if ((t = this.colGroupStickyHeader) != null && t.children[a]) {
+          const G = parseInt(this.colGroupStickyHeader.children[a].width, 10);
+          this.colGroupStickyHeader.children[a].width = u + "px", this.updateNextLockedCol(
+            this.colGroupStickyHeader.parentElement,
+            k,
+            G - u
+          );
+        }
+        if ((e = this.colGroupStickyFooter) != null && e.children[a]) {
+          const G = parseInt(this.colGroupStickyFooter.children[a].width, 10);
+          this.colGroupStickyFooter.children[a].width = u + "px", this.updateNextLockedCol(
+            this.colGroupStickyFooter.parentElement,
+            k,
+            G - u
+          );
         }
       }
-    }, this.onResize = f;
+    }, this.onResize = p;
   }
-  fixateInitialWidths(f) {
-    var r;
-    let c = 0;
-    const n = ((r = this.colGroupMain) == null ? void 0 : r.children) || [];
+  applyWidthConstraints(p, h, n = 1) {
+    var i;
+    if (!p.width)
+      return p.width || "";
+    const r = p.width.toString();
+    if (r.includes("%")) {
+      const c = parseFloat(r) * n, f = Math.max(0, Math.min(100, c));
+      return p.width = f + "%", p.width;
+    }
+    let o = parseFloat(r) * n;
+    const l = (i = h.minResizableWidth) != null ? i : 10, t = h == null ? void 0 : h.minWidth, e = t !== void 0 ? Math.max(l, t) : l, s = h == null ? void 0 : h.maxWidth;
+    return o < e && (o = e), s !== void 0 && o > s && (o = s), p.width = o, o;
+  }
+  fixateInitialWidths(p) {
+    var l;
+    let h = 0;
+    const n = ((l = this.colGroupMain) == null ? void 0 : l.children) || [];
     for (let t = 0; t < n.length; t++)
-      n[t].width ? f -= n[t].clientWidth : c++;
-    if (c === 0)
+      n[t].width ? p -= n[t].clientWidth : h++;
+    if (h === 0)
       return;
-    const l = Math.floor(f / c), d = g(this.columnsState), h = this.columns.filter((t) => !t.children.length);
+    const r = Math.floor(p / h), d = w(this.columnsState), o = this.columns.filter((t) => !t.children.length);
     for (let t = 0; t < n.length; t++) {
-      const e = n[t], o = e.width ? e.clientWidth : l;
-      e.width = o;
-      const i = d.find((u) => u.id === h[t].id);
-      i && (i.width = o.toString()), this.colGroupHeader && (this.colGroupHeader.children[t].width = o), this.colGroupFooter && (this.colGroupFooter.children[t].width = o);
+      const e = n[t], s = e.width ? e.clientWidth : r;
+      e.width = s;
+      const i = d.find((a) => a.id === o[t].id);
+      i && (i.width = s.toString()), this.colGroupHeader && (this.colGroupHeader.children[t].width = s), this.colGroupFooter && (this.colGroupFooter.children[t].width = s), this.colGroupStickyHeader && (this.colGroupStickyHeader.children[t].width = s), this.colGroupStickyFooter && (this.colGroupStickyFooter.children[t].width = s);
     }
   }
-  setWidths(f, c) {
-    const n = g(this.columnsState), l = this.columns.findIndex((t) => t.id === f.id), d = [];
-    let h = f.children.filter((t) => !t.hidden).length;
-    for (let t = l + 1; t < this.columns.length && !(h <= 0); t++) {
+  setWidths(p, h) {
+    const n = w(this.columnsState), r = this.columns.findIndex((t) => t.id === p.id), d = [];
+    let o = p.children.filter((t) => !t.hidden).length;
+    for (let t = r + 1; t < this.columns.length && !(o <= 0); t++) {
       const e = this.columns[t];
-      e.children.length ? h += e.children.filter((o) => !o.hidden).length : d.push(e), h--;
+      e.children.length ? o += e.children.filter((s) => !s.hidden).length : d.push(e), o--;
     }
-    d.length === 0 && d.push(f);
-    const r = [];
+    d.length === 0 && d.push(p);
+    const l = [];
     d.forEach((t) => {
-      const e = n.find((o) => o.id === t.id);
-      if (e) {
-        let o = e.width ? parseFloat(e.width.toString()) * c : 0;
-        const i = t.minResizableWidth === void 0 ? 10 : t.minResizableWidth;
-        o < i && (o = i), e.width = o, r.push(e);
-      }
-    }), this.updateColElements(r);
+      const e = n.find((s) => s.id === t.id);
+      e && (this.applyWidthConstraints(e, t, h), l.push(e));
+    }), this.updateColElements(l);
   }
-  updateNextLockedCol(f, c, n) {
-    const l = c.index, d = this.colGroupMain.parentElement.closest(".k-grid"), h = d == null ? void 0 : d.clientWidth, r = this.columns.filter((t) => t.locked).map((t) => parseInt(t.width + "", 10)).reduce((t, e) => t + e, 0);
-    !c.locked || h <= r + w || this.columns.forEach((t) => {
+  updateNextLockedCol(p, h, n) {
+    const r = h.index, d = this.colGroupMain.parentElement.closest(".k-grid"), o = d == null ? void 0 : d.clientWidth, l = this.columns.filter((t) => t.locked).map((t) => parseInt(t.width + "", 10)).reduce((t, e) => t + e, 0);
+    !h.locked || o <= l + F || this.columns.forEach((t) => {
       if (t != null && t.locked && n) {
-        const e = f == null ? void 0 : f.querySelectorAll('[aria-colindex="' + t.ariaColumnIndex + '"]');
-        e == null || e.forEach((o) => {
-          const i = o.style;
-          this.isRtl ? (t.index > l && (i != null && i.right) && (i.right = parseInt(i.right, 10) - n + "px"), t.index < l && (i != null && i.left) && (i.left = parseInt(i.left, 10) - n + "px")) : (t.index > l && (i != null && i.left) && (i.left = parseInt(i.left, 10) - n + "px"), t.index < l && (i != null && i.right) && (i.right = parseInt(i.right, 10) - n + "px"));
+        const e = p == null ? void 0 : p.querySelectorAll('[aria-colindex="' + t.ariaColumnIndex + '"]');
+        e == null || e.forEach((s) => {
+          const i = s.style;
+          this.isRtl ? (t.index > r && (i != null && i.right) && (i.right = parseInt(i.right, 10) - n + "px"), t.index < r && (i != null && i.left) && (i.left = parseInt(i.left, 10) - n + "px")) : (t.index > r && (i != null && i.left) && (i.left = parseInt(i.left, 10) - n + "px"), t.index < r && (i != null && i.right) && (i.right = parseInt(i.right, 10) - n + "px"));
         });
       }
     });
   }
 }
 export {
-  F as ColumnResize
+  m as ColumnResize
 };

package/drag/GroupingIndicator.d.ts

@@ -37,6 +37,7 @@ declare const GroupingIndicator: import('vue').DefineComponent<import('vue').Ext
     drag(event: any): void;
     release(event: any): void;
     sortChange(event: any): void;
+    handleKeyDown(event: any): void;
     groupRemove(event: any): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     title: PropType<string>;

package/drag/GroupingIndicator.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"),i=require("@progress/kendo-vue-common"),n=require("@progress/kendo-svg-icons"),o=t.defineComponent({props:{title:String,dir:String,onRemove:Function,onSortChange:Function,onPress:Function,onDrag:Function,onRelease:Function},mounted(){this.element=i.getRef(this,"indicatorContainer"),this.element&&(this.draggable=this.$refs.draggable)},methods:{press(e){this.element&&this.$emit("press",e,this.element)},drag(e){this.element&&this.$emit("drag",e,this.element)},release(e){this.element&&this.$emit("release",e,this.element)},sortChange(e){e.preventDefault();const s=this.$props.dir==="asc"?"desc":"asc";this.$emit("sortChange",e,s)},groupRemove(e){e.preventDefault(),this.$emit("remove",e)}},setup(){return{indicatorContainerRef:t.ref(null)}},render(){return t.createVNode(i.Draggable,{onPress:this.press,onDrag:this.drag,onRelease:this.release,ref:"draggable"},{default:()=>[t.createVNode("div",{class:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",ref:i.setRef(this,"indicatorContainer")},[t.createVNode(i.Icon,{name:"sort-"+this.$props.dir+"-small",class:"k-chip-icon",icon:this.$props.dir==="asc"?n.sortAscSmallIcon:n.sortDescSmallIcon},null),t.createVNode("span",{class:"k-chip-content",tabindex:-1,onClick:this.sortChange},[this.$props.title]),t.createVNode("span",{class:"k-chip-actions"},[t.createVNode("span",{class:"k-chip-action k-chip-remove-action",tabindex:-1,onClick:this.groupRemove},[t.createVNode(i.Icon,{name:"x-circle",icon:n.xCircleIcon},null)])])])]})}});exports.GroupingIndicator=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("@progress/kendo-vue-common"),o=require("@progress/kendo-svg-icons"),s=t.defineComponent({props:{title:String,dir:String,onRemove:Function,onSortChange:Function,onPress:Function,onDrag:Function,onRelease:Function},mounted(){this.element=n.getRef(this,"indicatorContainer"),this.element&&(this.draggable=this.$refs.draggable)},methods:{press(e){this.element&&this.$emit("press",e,this.element)},drag(e){this.element&&this.$emit("drag",e,this.element)},release(e){this.element&&this.$emit("release",e,this.element)},sortChange(e){e.preventDefault();const i=this.$props.dir==="asc"?"desc":"asc";this.$emit("sortChange",e,i)},handleKeyDown(e){(e.keyCode===n.Keys.delete||e.keyCode===n.Keys.backspace)&&(e.preventDefault(),e.stopPropagation(),this.$emit("remove",e))},groupRemove(e){e.preventDefault(),this.$emit("remove",e)}},setup(){return{indicatorContainerRef:t.ref(null)}},render(){return t.createVNode(n.Draggable,{onPress:this.press,onDrag:this.drag,onRelease:this.release,ref:"draggable"},{default:()=>[t.createVNode("div",{class:"k-chip",ref:n.setRef(this,"indicatorContainer"),tabindex:"0",role:"button",onClick:this.sortChange,onKeydown:this.handleKeyDown,style:{touchAction:"none"}},[t.createVNode(n.Icon,{name:"sort-"+this.$props.dir+"-small",class:"k-chip-icon",icon:this.$props.dir==="asc"?o.sortAscSmallIcon:o.sortDescSmallIcon},null),t.createVNode("span",{class:"k-chip-content"},[t.createVNode("span",{class:"k-chip-label"},[this.$props.title])]),t.createVNode("span",{class:"k-chip-actions"},[t.createVNode("span",{class:"k-chip-action k-chip-remove-action",tabindex:-1,onClick:this.groupRemove},[t.createVNode(n.Icon,{name:"x-circle",icon:o.xCircleIcon},null)])])])]})}});exports.GroupingIndicator=s;

package/drag/GroupingIndicator.mjs

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as n, createVNode as t, ref as o } from "vue";
-import { Draggable as r, setRef as a, Icon as i, getRef as c } from "@progress/kendo-vue-common";
-import { sortAscSmallIcon as l, sortDescSmallIcon as h, xCircleIcon as p } from "@progress/kendo-svg-icons";
-const f = /* @__PURE__ */ n({
+import { defineComponent as o, createVNode as t, ref as r } from "vue";
+import { Draggable as a, setRef as c, Icon as i, Keys as s, getRef as l } from "@progress/kendo-vue-common";
+import { sortAscSmallIcon as h, sortDescSmallIcon as p, xCircleIcon as m } from "@progress/kendo-svg-icons";
+const u = /* @__PURE__ */ o({
   props: {
     title: String,
     dir: String,
@@ -19,7 +19,7 @@ const f = /* @__PURE__ */ n({
     onRelease: Function
   },
   mounted() {
-    this.element = c(this, "indicatorContainer"), this.element && (this.draggable = this.$refs.draggable);
+    this.element = l(this, "indicatorContainer"), this.element && (this.draggable = this.$refs.draggable);
   },
   methods: {
     press(e) {
@@ -33,8 +33,11 @@ const f = /* @__PURE__ */ n({
     },
     sortChange(e) {
       e.preventDefault();
-      const s = this.$props.dir === "asc" ? "desc" : "asc";
-      this.$emit("sortChange", e, s);
+      const n = this.$props.dir === "asc" ? "desc" : "asc";
+      this.$emit("sortChange", e, n);
+    },
+    handleKeyDown(e) {
+      (e.keyCode === s.delete || e.keyCode === s.backspace) && (e.preventDefault(), e.stopPropagation(), this.$emit("remove", e));
     },
     groupRemove(e) {
       e.preventDefault(), this.$emit("remove", e);
@@ -42,28 +45,35 @@ const f = /* @__PURE__ */ n({
   },
   setup() {
     return {
-      indicatorContainerRef: o(null)
+      indicatorContainerRef: r(null)
     };
   },
   render() {
-    return t(r, {
+    return t(a, {
       onPress: this.press,
       onDrag: this.drag,
       onRelease: this.release,
       ref: "draggable"
     }, {
       default: () => [t("div", {
-        class: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",
-        ref: a(this, "indicatorContainer")
+        class: "k-chip",
+        ref: c(this, "indicatorContainer"),
+        tabindex: "0",
+        role: "button",
+        onClick: this.sortChange,
+        onKeydown: this.handleKeyDown,
+        style: {
+          touchAction: "none"
+        }
       }, [t(i, {
         name: "sort-" + this.$props.dir + "-small",
         class: "k-chip-icon",
-        icon: this.$props.dir === "asc" ? l : h
+        icon: this.$props.dir === "asc" ? h : p
       }, null), t("span", {
-        class: "k-chip-content",
-        tabindex: -1,
-        onClick: this.sortChange
-      }, [this.$props.title]), t("span", {
+        class: "k-chip-content"
+      }, [t("span", {
+        class: "k-chip-label"
+      }, [this.$props.title])]), t("span", {
         class: "k-chip-actions"
       }, [t("span", {
         class: "k-chip-action k-chip-remove-action",
@@ -71,11 +81,11 @@ const f = /* @__PURE__ */ n({
         onClick: this.groupRemove
       }, [t(i, {
         name: "x-circle",
-        icon: p
+        icon: m
       }, null)])])])]
     });
   }
 });
 export {
-  f as GroupingIndicator
+  u as GroupingIndicator
 };

package/footer/FooterCell.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ExtendedColumnProps } from '../interfaces/ExtendedColumnProps';
+import { GridCellsSettings } from '../interfaces/GridCellsSettings';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface FooterCellProps {
+    column: ExtendedColumnProps;
+    columnIndex: number;
+    isRtl: boolean;
+    rowIndex: number;
+    cells?: GridCellsSettings;
+}
+/**
+ * @hidden
+ */
+declare const FooterCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    column: PropType<ExtendedColumnProps>;
+    columnIndex: PropType<number>;
+    isRtl: PropType<boolean>;
+    rowIndex: PropType<number>;
+    cells: PropType<GridCellsSettings>;
+}>, {}, {}, {
+    columnStyles(): {
+        left: string;
+        right: string;
+    };
+    tdClassName(): string;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    column: PropType<ExtendedColumnProps>;
+    columnIndex: PropType<number>;
+    isRtl: PropType<boolean>;
+    rowIndex: PropType<number>;
+    cells: PropType<GridCellsSettings>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { FooterCell };

package/footer/FooterCell.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 l=require("vue"),s=require("@progress/kendo-vue-common"),a=require("@progress/kendo-vue-data-tools"),d=l.defineComponent({name:"FooterCell",props:{column:Object,columnIndex:Number,isRtl:Boolean,rowIndex:Number,cells:Object},inject:{getKeyboardNavigationAttributes:{default:s.noop}},computed:{columnStyles(){const e=this.$props.column;if(e.locked&&e.left!==void 0)return this.$props.isRtl?{left:e.right+"px",right:e.left+"px"}:{left:e.left+"px",right:e.right+"px"}},tdClassName(){const e=this.$props.column,t=e.locked&&e.left!==void 0?"k-grid-footer-sticky":"";return e.footerClassName?`k-table-td ${e.footerClassName} ${t}`:"k-table-td "+t}},render(){var n,r;const e=this.$props.column,t=`footer-${this.$props.rowIndex}-${this.$props.columnIndex}`,o=this.getKeyboardNavigationAttributes(t,!0),i=s.getTemplate.call(this,{h:l.h,template:e.footerCell||((n=e.cells)==null?void 0:n.footerCell)||((r=this.$props.cells)==null?void 0:r.footerCell),defaultRendering:null,additionalProps:{field:e.field,colSpan:e.colSpan===1?void 0:e.colSpan,defaultStyle:this.columnStyles}});return l.createVNode("td",{key:this.$props.columnIndex,colspan:e.colSpan===1?void 0:e.colSpan,style:this.columnStyles,class:this.tdClassName,role:"gridcell",tabindex:o.tabIndex,"data-keyboardnavlevel":o[a.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":o[a.KEYBOARD_NAV_DATA_ID]},[i])}});exports.FooterCell=d;

package/footer/FooterCell.mjs

@@ -0,0 +1,68 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as s, h as i, createVNode as a } from "vue";
+import { noop as d, getTemplate as c } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as p, KEYBOARD_NAV_DATA_LEVEL as u } from "@progress/kendo-vue-data-tools";
+const b = /* @__PURE__ */ s({
+  name: "FooterCell",
+  props: {
+    column: Object,
+    columnIndex: Number,
+    isRtl: Boolean,
+    rowIndex: Number,
+    cells: Object
+  },
+  inject: {
+    getKeyboardNavigationAttributes: {
+      default: d
+    }
+  },
+  computed: {
+    columnStyles() {
+      const e = this.$props.column;
+      if (e.locked && e.left !== void 0)
+        return this.$props.isRtl ? {
+          left: e.right + "px",
+          right: e.left + "px"
+        } : {
+          left: e.left + "px",
+          right: e.right + "px"
+        };
+    },
+    tdClassName() {
+      const e = this.$props.column, t = e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : "";
+      return e.footerClassName ? `k-table-td ${e.footerClassName} ${t}` : "k-table-td " + t;
+    }
+  },
+  render() {
+    var l, n;
+    const e = this.$props.column, t = `footer-${this.$props.rowIndex}-${this.$props.columnIndex}`, o = this.getKeyboardNavigationAttributes(t, !0), r = c.call(this, {
+      h: i,
+      template: e.footerCell || ((l = e.cells) == null ? void 0 : l.footerCell) || ((n = this.$props.cells) == null ? void 0 : n.footerCell),
+      defaultRendering: null,
+      additionalProps: {
+        field: e.field,
+        colSpan: e.colSpan === 1 ? void 0 : e.colSpan,
+        defaultStyle: this.columnStyles
+      }
+    });
+    return a("td", {
+      key: this.$props.columnIndex,
+      colspan: e.colSpan === 1 ? void 0 : e.colSpan,
+      style: this.columnStyles,
+      class: this.tdClassName,
+      role: "gridcell",
+      tabindex: o.tabIndex,
+      "data-keyboardnavlevel": o[u],
+      "data-keyboardnavid": o[p]
+    }, [r]);
+  }
+});
+export {
+  b as FooterCell
+};

package/footer/FooterRow.d.ts

@@ -6,6 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { ExtendedColumnProps } from '../interfaces/ExtendedColumnProps';
+import { GridCellsSettings } from '../interfaces/GridCellsSettings';
 import { PropType } from 'vue';
 /**
  * @hidden
@@ -14,6 +15,7 @@ export interface FooterRowProps {
     columns: ExtendedColumnProps[];
     isRtl: boolean;
     rowIndex: number;
+    cells?: GridCellsSettings;
 }
 /**
  * @hidden
@@ -22,14 +24,11 @@ declare const FooterRow: import('vue').DefineComponent<import('vue').ExtractProp
     isRtl: PropType<boolean>;
     columns: PropType<ExtendedColumnProps[]>;
     rowIndex: PropType<number>;
-}>, {}, {}, {}, {
-    columnStyles(column: ExtendedColumnProps): {
-        left: string;
-        right: string;
-    };
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    cells: PropType<GridCellsSettings>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     isRtl: PropType<boolean>;
     columns: PropType<ExtendedColumnProps[]>;
     rowIndex: PropType<number>;
+    cells: PropType<GridCellsSettings>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { FooterRow };