@progress/kendo-vue-grid 8.1.0-develop.5 → 8.1.0-develop.7

package/GridState.d.ts

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { GridProps } from './interfaces/GridProps';
-import { GridDataStateChangeEvent, GridDetailExpandChangeEvent, GridFilterChangeEvent, GridGroupChangeEvent, GridGroupExpandChangeEvent, GridPageChangeEvent, GridSearchChangeEvent, GridSortChangeEvent, GridSelectionChangeEvent, GridHeaderSelectionChangeEvent } from './interfaces/events';
+import { GridDataStateChangeEvent, GridDetailExpandChangeEvent, GridFilterChangeEvent, GridGroupChangeEvent, GridGroupExpandChangeEvent, GridPageChangeEvent, GridSearchChangeEvent, GridSortChangeEvent, GridSelectionChangeEvent, GridHeaderSelectionChangeEvent, GridRowPinChangeEvent } from './interfaces/events';
 /** @hidden */
 export type GridState = {
     filter?: GridProps['filter'];
@@ -20,6 +20,8 @@ export type GridState = {
     detailExpand?: GridProps['detailExpand'];
     groupExpand?: GridProps['groupExpand'];
     columnsState?: GridProps['columnsState'];
+    pinnedTopRows?: GridProps['pinnedTopRows'];
+    pinnedBottomRows?: GridProps['pinnedBottomRows'];
 };
 declare const GridStateProvider: import('vue').DefineComponent<{
     id?: string;
@@ -35,10 +37,17 @@ declare const GridStateProvider: import('vue').DefineComponent<{
     columns?: import('.').GridColumnProps[];
     dataItems?: any[] | import('@progress/kendo-data-query').DataResult;
     cells?: import('.').GridCellsSettings;
+    rows?: import('./interfaces/GridRowsSettings').GridRowsSettings;
     sortable?: import('.').GridSortSettings;
     onSortchange?: (event: GridSortChangeEvent) => void;
     defaultSort?: import('@progress/kendo-data-query').SortDescriptor[];
     sort?: import('@progress/kendo-data-query').SortDescriptor[];
+    pinnable?: boolean;
+    pinnedTopRows?: any[];
+    pinnedBottomRows?: any[];
+    defaultPinnedTopRows?: any[];
+    defaultPinnedBottomRows?: any[];
+    onRowpinchange?: (event: GridRowPinChangeEvent) => void;
     filterable?: boolean;
     search?: import('@progress/kendo-data-query').CompositeFilterDescriptor;
     defaultSearch?: import('@progress/kendo-data-query').CompositeFilterDescriptor;
@@ -140,10 +149,17 @@ declare const GridStateProvider: import('vue').DefineComponent<{
     columns?: import('.').GridColumnProps[];
     dataItems?: any[] | import('@progress/kendo-data-query').DataResult;
     cells?: import('.').GridCellsSettings;
+    rows?: import('./interfaces/GridRowsSettings').GridRowsSettings;
     sortable?: import('.').GridSortSettings;
     onSortchange?: (event: GridSortChangeEvent) => void;
     defaultSort?: import('@progress/kendo-data-query').SortDescriptor[];
     sort?: import('@progress/kendo-data-query').SortDescriptor[];
+    pinnable?: boolean;
+    pinnedTopRows?: any[];
+    pinnedBottomRows?: any[];
+    defaultPinnedTopRows?: any[];
+    defaultPinnedBottomRows?: any[];
+    onRowpinchange?: (event: GridRowPinChangeEvent) => void;
     filterable?: boolean;
     search?: import('@progress/kendo-data-query').CompositeFilterDescriptor;
     defaultSearch?: import('@progress/kendo-data-query').CompositeFilterDescriptor;

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

package/GridState.mjs

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

package/RootGrid.d.ts

@@ -83,11 +83,17 @@ export declare const RootGrid: import('vue').DefineComponent<import('vue').Extra
         default: () => any;
     };
     cells: import('vue').PropType<import('.').GridCellsSettings>;
+    rows: import('vue').PropType<import('./interfaces/GridRowsSettings').GridRowsSettings>;
     defaultColumnsState: {
         type: import('vue').PropType<import('.').GridColumnState[]>;
         default: () => any;
     };
     columnVirtualization: import('vue').PropType<boolean>;
+    /**
+     * Method to fit columns according to their content.
+     *
+     * @param columnIds - Array of column ids to be fitted.
+     */
     dataItems: import('vue').PropType<any[] | import('@progress/kendo-data-query').DataResult>;
     sortable: import('vue').PropType<import('.').GridSortSettings>;
     defaultSort: import('vue').PropType<import('@progress/kendo-data-query').SortDescriptor[]>;
@@ -102,6 +108,11 @@ export declare const RootGrid: import('vue').DefineComponent<import('vue').Extra
     };
     loader: import('vue').PropType<string | Object | Function>;
     lockGroups: import('vue').PropType<boolean>;
+    pinnable: import('vue').PropType<boolean>;
+    defaultPinnedTopRows: import('vue').PropType<any[]>;
+    defaultPinnedBottomRows: import('vue').PropType<any[]>;
+    pinnedTopRows: import('vue').PropType<any[]>;
+    pinnedBottomRows: import('vue').PropType<any[]>;
     defaultFilter: import('vue').PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;
     filter: import('vue').PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;
     defaultSearch: import('vue').PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;
@@ -238,6 +249,7 @@ export declare const RootGrid: import('vue').DefineComponent<import('vue').Extra
 }>, void, {}, {
     columnsWithTemplates(): any[];
     cellsWithTemplates(): any;
+    rowsWithTemplates(): any;
 }, {
     transformTemplate(template: any, listeners: any): any;
     transformGroupTemplates(group: any, listeners: any): {
@@ -262,6 +274,12 @@ export declare const RootGrid: import('vue').DefineComponent<import('vue').Extra
             date: any;
         };
     };
+    transformRowTemplates(rows: any, listeners: any): {
+        groupHeader: any;
+        data: any;
+        groupFooter: any;
+        pinnedData: any;
+    };
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: import('vue').PropType<string>;
     autoProcessData: import('vue').PropType<boolean | {
@@ -291,11 +309,17 @@ export declare const RootGrid: import('vue').DefineComponent<import('vue').Extra
         default: () => any;
     };
     cells: import('vue').PropType<import('.').GridCellsSettings>;
+    rows: import('vue').PropType<import('./interfaces/GridRowsSettings').GridRowsSettings>;
     defaultColumnsState: {
         type: import('vue').PropType<import('.').GridColumnState[]>;
         default: () => any;
     };
     columnVirtualization: import('vue').PropType<boolean>;
+    /**
+     * Method to fit columns according to their content.
+     *
+     * @param columnIds - Array of column ids to be fitted.
+     */
     dataItems: import('vue').PropType<any[] | import('@progress/kendo-data-query').DataResult>;
     sortable: import('vue').PropType<import('.').GridSortSettings>;
     defaultSort: import('vue').PropType<import('@progress/kendo-data-query').SortDescriptor[]>;
@@ -310,6 +334,11 @@ export declare const RootGrid: import('vue').DefineComponent<import('vue').Extra
     };
     loader: import('vue').PropType<string | Object | Function>;
     lockGroups: import('vue').PropType<boolean>;
+    pinnable: import('vue').PropType<boolean>;
+    defaultPinnedTopRows: import('vue').PropType<any[]>;
+    defaultPinnedBottomRows: import('vue').PropType<any[]>;
+    pinnedTopRows: import('vue').PropType<any[]>;
+    pinnedBottomRows: import('vue').PropType<any[]>;
     defaultFilter: import('vue').PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;
     filter: import('vue').PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;
     defaultSearch: import('vue').PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;

package/RootGrid.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"),g=require("./Grid.js"),C=require("./GridState.js"),G=require("./common.js"),n=require("@progress/kendo-vue-common"),O=i.defineComponent({name:"KendoVueGrid",props:G.gridProps,setup(e,{expose:t}){const r=i.ref(null);t({get element(){var a;return((a=r.value)==null?void 0:a.element)||null},get props(){return e},get columns(){var a;return((a=r.value)==null?void 0:a.columns)||[]},scrollIntoView:a=>{var s;(s=r.value)==null||s.scrollIntoView(a)},fitColumns:a=>{var s;(s=r.value)==null||s.fitColumns(a)},exportAsPdf:()=>{var a;(a=r.value)==null||a.exportAsPdf()}})},methods:{transformTemplate(e,t){return e?n.templateRendering.call(this,e,t):void 0},transformGroupTemplates(e,t){if(e)return{groupHeader:this.transformTemplate(e.groupHeader,t),data:this.transformTemplate(e.data,t),groupFooter:this.transformTemplate(e.groupFooter,t)}},transformCellTemplates(e,t){if(e)return{headerCell:this.transformTemplate(e.headerCell,t),filterCell:this.transformTemplate(e.filterCell,t),footerCell:this.transformTemplate(e.footerCell,t),groupHeader:this.transformTemplate(e.groupHeader,t),data:this.transformTemplate(e.data,t),groupFooter:this.transformTemplate(e.groupFooter,t),select:this.transformGroupTemplates(e.select,t),hierarchy:this.transformGroupTemplates(e.hierarchy,t),group:this.transformGroupTemplates(e.group,t),edit:e.edit?{text:this.transformTemplate(e.edit.text,t),numeric:this.transformTemplate(e.edit.numeric,t),boolean:this.transformTemplate(e.edit.boolean,t),date:this.transformTemplate(e.edit.date,t)}:void 0}}},computed:{columnsWithTemplates(){const e=n.getListeners.call(this);return n.mapTree(this.$props.columns||[],"children",t=>{const r={...t};return{...r,cell:this.transformTemplate(r.cell,e),headerCell:this.transformTemplate(r.headerCell,e),filterCell:this.transformTemplate(r.filterCell,e),footerCell:this.transformTemplate(r.footerCell,e),columnMenu:r.columnMenu===!1?!1:this.transformTemplate(r.columnMenu,e),cells:this.transformCellTemplates(r.cells,e)}})},cellsWithTemplates(){const e=n.getListeners.call(this);return this.transformCellTemplates(this.$props.cells,e)}},render(){const e=n.getDefaultSlots(this)||[],t=n.getListeners.call(this),r=e.filter(o=>{var l,m;return o.tag&&o.tag.toLowerCase().indexOf("toolbar")!==-1||o.componentOptions&&((l=o.componentOptions.tag)==null?void 0:l.toLowerCase().indexOf("toolbar"))!==-1||((m=o==null?void 0:o.type)==null?void 0:m.name.toLowerCase().indexOf("toolbar"))!==-1}),a=e.filter(o=>{var l,m;return o.tag&&o.tag.toLowerCase().indexOf("records")!==-1||o.componentOptions&&((l=o.componentOptions.tag)==null?void 0:l.toLowerCase().indexOf("records"))!==-1||((m=o==null?void 0:o.type)==null?void 0:m.name.toLowerCase().indexOf("records"))!==-1}),{cellRender:s,detail:u,columns:w,rowRender:f,pager:d,loader:h,...p}=this.$props,c=this.columnsWithTemplates,T=this.cellsWithTemplates;return i.createVNode(C.GridStateProvider,p,{default:()=>[i.createVNode(g.Grid,i.mergeProps(p,t,{class:this.$attrs.class,style:this.$attrs.style,columns:c,cells:T,cellRender:this.transformTemplate(s,t),rowRender:this.transformTemplate(f,t),pager:this.transformTemplate(d,t),loader:this.transformTemplate(h,t),detail:this.transformTemplate(u,t),toolbar:r,noRecords:a}),null)]})}});exports.RootGrid=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),C=require("./Grid.js"),w=require("./GridState.js"),R=require("./common.js"),n=require("@progress/kendo-vue-common"),G=p.defineComponent({name:"KendoVueGrid",props:R.gridProps,setup(e,{expose:t}){const r=p.ref(null);t({get element(){var a;return((a=r.value)==null?void 0:a.element)||null},get props(){return e},get columns(){var a;return((a=r.value)==null?void 0:a.columns)||[]},scrollIntoView:a=>{var s;(s=r.value)==null||s.scrollIntoView(a)},fitColumns:a=>{var s;(s=r.value)==null||s.fitColumns(a)},exportAsPdf:()=>{var a;(a=r.value)==null||a.exportAsPdf()}})},methods:{transformTemplate(e,t){return e?n.templateRendering.call(this,e,t):void 0},transformGroupTemplates(e,t){if(e)return{groupHeader:this.transformTemplate(e.groupHeader,t),data:this.transformTemplate(e.data,t),groupFooter:this.transformTemplate(e.groupFooter,t)}},transformCellTemplates(e,t){if(e)return{headerCell:this.transformTemplate(e.headerCell,t),filterCell:this.transformTemplate(e.filterCell,t),footerCell:this.transformTemplate(e.footerCell,t),groupHeader:this.transformTemplate(e.groupHeader,t),data:this.transformTemplate(e.data,t),groupFooter:this.transformTemplate(e.groupFooter,t),select:this.transformGroupTemplates(e.select,t),hierarchy:this.transformGroupTemplates(e.hierarchy,t),group:this.transformGroupTemplates(e.group,t),edit:e.edit?{text:this.transformTemplate(e.edit.text,t),numeric:this.transformTemplate(e.edit.numeric,t),boolean:this.transformTemplate(e.edit.boolean,t),date:this.transformTemplate(e.edit.date,t)}:void 0}},transformRowTemplates(e,t){if(e)return{groupHeader:this.transformTemplate(e.groupHeader,t),data:this.transformTemplate(e.data,t),groupFooter:this.transformTemplate(e.groupFooter,t),pinnedData:this.transformTemplate(e.pinnedData,t)}}},computed:{columnsWithTemplates(){const e=n.getListeners.call(this);return n.mapTree(this.$props.columns||[],"children",t=>{const r={...t};return{...r,cell:this.transformTemplate(r.cell,e),headerCell:this.transformTemplate(r.headerCell,e),filterCell:this.transformTemplate(r.filterCell,e),footerCell:this.transformTemplate(r.footerCell,e),columnMenu:r.columnMenu===!1?!1:this.transformTemplate(r.columnMenu,e),cells:this.transformCellTemplates(r.cells,e)}})},cellsWithTemplates(){const e=n.getListeners.call(this);return this.transformCellTemplates(this.$props.cells,e)},rowsWithTemplates(){const e=n.getListeners.call(this);return this.transformRowTemplates(this.$props.rows,e)}},render(){const e=n.getDefaultSlots(this)||[],t=n.getListeners.call(this),r=e.filter(o=>{var m,l;return o.tag&&o.tag.toLowerCase().indexOf("toolbar")!==-1||o.componentOptions&&((m=o.componentOptions.tag)==null?void 0:m.toLowerCase().indexOf("toolbar"))!==-1||((l=o==null?void 0:o.type)==null?void 0:l.name.toLowerCase().indexOf("toolbar"))!==-1}),a=e.filter(o=>{var m,l;return o.tag&&o.tag.toLowerCase().indexOf("records")!==-1||o.componentOptions&&((m=o.componentOptions.tag)==null?void 0:m.toLowerCase().indexOf("records"))!==-1||((l=o==null?void 0:o.type)==null?void 0:l.name.toLowerCase().indexOf("records"))!==-1}),{cellRender:s,detail:u,columns:O,rowRender:f,pager:d,loader:h,rows:x,...i}=this.$props,T=this.columnsWithTemplates,c=this.cellsWithTemplates,g=this.rowsWithTemplates;return p.createVNode(w.GridStateProvider,i,{default:()=>[p.createVNode(C.Grid,p.mergeProps(i,t,{class:this.$attrs.class,style:this.$attrs.style,columns:T,cells:c,rows:g,cellRender:this.transformTemplate(s,t),rowRender:this.transformTemplate(f,t),pager:this.transformTemplate(d,t),loader:this.transformTemplate(h,t),detail:this.transformTemplate(u,t),toolbar:r,noRecords:a}),null)]})}});exports.RootGrid=G;

package/RootGrid.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as g, createVNode as i, mergeProps as C, ref as x } from "vue";
-import { Grid as w } from "./Grid.mjs";
+import { defineComponent as C, createVNode as i, mergeProps as w, ref as x } from "vue";
+import { Grid as R } from "./Grid.mjs";
 import { GridStateProvider as O } from "./GridState.mjs";
-import { gridProps as R } from "./common.mjs";
+import { gridProps as W } from "./common.mjs";
 import { getDefaultSlots as G, getListeners as l, mapTree as b, templateRendering as L } from "@progress/kendo-vue-common";
-const H = /* @__PURE__ */ g({
+const D = /* @__PURE__ */ C({
   name: "KendoVueGrid",
-  props: R,
+  props: W,
   setup(e, {
     expose: t
   }) {
@@ -74,6 +74,15 @@ const H = /* @__PURE__ */ g({
             date: this.transformTemplate(e.edit.date, t)
           } : void 0
         };
+    },
+    transformRowTemplates(e, t) {
+      if (e)
+        return {
+          groupHeader: this.transformTemplate(e.groupHeader, t),
+          data: this.transformTemplate(e.data, t),
+          groupFooter: this.transformTemplate(e.groupFooter, t),
+          pinnedData: this.transformTemplate(e.pinnedData, t)
+        };
     }
   },
   computed: {
@@ -97,6 +106,10 @@ const H = /* @__PURE__ */ g({
     cellsWithTemplates() {
       const e = l.call(this);
       return this.transformCellTemplates(this.$props.cells, e);
+    },
+    rowsWithTemplates() {
+      const e = l.call(this);
+      return this.transformRowTemplates(this.$props.rows, e);
     }
   },
   render() {
@@ -113,14 +126,16 @@ const H = /* @__PURE__ */ g({
       rowRender: u,
       pager: d,
       loader: h,
+      rows: v,
       ...p
-    } = this.$props, T = this.columnsWithTemplates, c = this.cellsWithTemplates;
+    } = this.$props, T = this.columnsWithTemplates, c = this.cellsWithTemplates, g = this.rowsWithTemplates;
     return i(O, p, {
-      default: () => [i(w, C(p, t, {
+      default: () => [i(R, w(p, t, {
         class: this.$attrs.class,
         style: this.$attrs.style,
         columns: T,
         cells: c,
+        rows: g,
         cellRender: this.transformTemplate(s, t),
         rowRender: this.transformTemplate(u, t),
         pager: this.transformTemplate(d, t),
@@ -133,5 +148,5 @@ const H = /* @__PURE__ */ g({
   }
 });
 export {
-  H as RootGrid
+  D as RootGrid
 };

package/cells/GridCell.d.ts

@@ -54,6 +54,7 @@ declare const GridCell: import('vue').DefineComponent<import('vue').ExtractPropT
         value?: any;
     }) => void>;
     onSelectionchange: PropType<(event: any, dataItem: any) => void>;
+    cells: PropType<import('../interfaces/GridCellsSettings').GridCellsSettings>;
 }>, {
     kendoIntlService: {};
 }, {}, {
@@ -119,6 +120,7 @@ declare const GridCell: import('vue').DefineComponent<import('vue').ExtractPropT
         value?: any;
     }) => void>;
     onSelectionchange: PropType<(event: any, dataItem: any) => void>;
+    cells: PropType<import('../interfaces/GridCellsSettings').GridCellsSettings>;
 }>> & Readonly<{
     onCellkeydown?: (...args: any[] | unknown[]) => any;
     onCellclick?: (...args: any[] | unknown[]) => any;

package/cells/GridCell.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 n=require("vue"),c=require("../utils/main.js"),g=require("@progress/kendo-vue-intl"),p=require("@progress/kendo-vue-common"),o=require("@progress/kendo-vue-data-tools"),h=n.defineComponent({name:"GridCell",inheritAttrs:!1,emits:{cellclick:null,cellkeydown:null},props:{id:String,field:String,dataItem:Object,format:String,readFormat:String,className:String,columnType:String,colSpan:Number,columnIndex:Number,columnsCount:Number,dataIndex:Number,rowType:String,level:Number,expanded:Boolean,type:String,editor:String,rowSpan:[Number,Object],isSelected:Boolean,isHighlighted:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],isRtl:Boolean,onEdit:Function,onSave:Function,onRemove:Function,onCancel:Function,onChange:Function,onSelectionchange:Function},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:p.noop}},methods:{triggerClick(){this.$emit("cellclick",{dataItem:this.$props.dataItem,field:this.$props.field})},triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)}},created(){this._intl=g.provideIntlService(this)},computed:{tdClass(){const{className:e,isSelected:t,isHighlighted:i}=this.$props;return{"k-table-td":!0,"k-selected":t,"k-highlighted":i,[e]:e}}},setup(){return{kendoIntlService:n.inject("kendoIntlService",{})}},render(){var s,a,d;let e=null;const t=this.getKeyboardNavigationAttributes(this.$props.id);let i={};if(((s=this.$props.rowSpan)==null?void 0:s.count)===null)return null;if(this.$props.rowType==="groupFooter")i={class:this.tdClass,onKeydown:this.triggerKeydown,onClick:this.triggerClick,tabindex:t.tabIndex,"data-keyboardnavlevel":t[o.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[o.KEYBOARD_NAV_DATA_ID]},e=n.createVNode("td",i,null);else if(this.$props.field!==void 0&&this.$props.rowType!=="groupHeader"){const r=c.getNestedValue(this.$props.field,this.$props.dataItem);let l="";r!=null&&(l=this.$props.format?this.$props.type?this._intl.format(this.$props.format,c.parsers[this.$props.type](r,this._intl,this.$props.readFormat)):this._intl.format(this.$props.format,r):r.toString()),i={style:this.$attrs.style,colspan:this.$props.colSpan,rowspan:(d=(a=this.$props.rowSpan)==null?void 0:a.count)!=null?d:void 0,class:this.tdClass,onKeydown:this.triggerKeydown,onClick:this.triggerClick,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.columnIndex,tabindex:t.tabIndex,"data-keyboardnavlevel":t[o.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[o.KEYBOARD_NAV_DATA_ID]},e=n.createVNode("td",i,[l])}return p.getTemplate.call(this,{h:n.h,template:this.$props.render,defaultRendering:e,additionalProps:{...this.$props,tdProps:i},additionalListeners:{click:this.triggerClick,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}});exports.GridCell=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),p=require("../utils/main.js"),h=require("@progress/kendo-vue-intl"),g=require("@progress/kendo-vue-common"),s=require("@progress/kendo-vue-data-tools"),u=r.defineComponent({name:"GridCell",inheritAttrs:!1,emits:{cellclick:null,cellkeydown:null},props:{id:String,field:String,dataItem:Object,format:String,readFormat:String,className:String,columnType:String,colSpan:Number,columnIndex:Number,columnsCount:Number,dataIndex:Number,rowType:String,level:Number,expanded:Boolean,type:String,editor:String,rowSpan:[Number,Object],isSelected:Boolean,isHighlighted:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],isRtl:Boolean,onEdit:Function,onSave:Function,onRemove:Function,onCancel:Function,onChange:Function,onSelectionchange:Function,cells:Object},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:g.noop}},methods:{triggerClick(){this.$emit("cellclick",{dataItem:this.$props.dataItem,field:this.$props.field})},triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)}},created(){this._intl=h.provideIntlService(this)},computed:{tdClass(){const{className:e,isSelected:t,isHighlighted:i}=this.$props;return{"k-table-td":!0,"k-selected":t,"k-highlighted":i,[e]:e}}},setup(){return{kendoIntlService:r.inject("kendoIntlService",{})}},render(){var l,a,d;let e=null;const t=this.getKeyboardNavigationAttributes(this.$props.id);let i={},o=null;if(((l=this.$props.rowSpan)==null?void 0:l.count)===null)return null;if(this.$props.rowType==="groupFooter")i={class:this.tdClass,tabindex:t.tabIndex,"data-keyboardnavlevel":t[s.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[s.KEYBOARD_NAV_DATA_ID]},e=r.createVNode("td",r.mergeProps(i,{onKeydown:this.triggerKeydown,onClick:this.triggerClick}),[o]);else if(this.$props.field!==void 0&&this.$props.rowType!=="groupHeader"){const n=p.getNestedValue(this.$props.field,this.$props.dataItem);let c="";n!=null&&(c=this.$props.format?this.$props.type?this._intl.format(this.$props.format,p.parsers[this.$props.type](n,this._intl,this.$props.readFormat)):this._intl.format(this.$props.format,n):n.toString()),i={style:this.$attrs.style,colspan:this.$props.colSpan,rowspan:(d=(a=this.$props.rowSpan)==null?void 0:a.count)!=null?d:void 0,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.columnIndex,tabindex:t.tabIndex,"data-keyboardnavlevel":t[s.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[s.KEYBOARD_NAV_DATA_ID]},o=c,e=r.createVNode("td",r.mergeProps(i,{onKeydown:this.triggerKeydown,onClick:this.triggerClick}),[o])}return g.getTemplate.call(this,{h:r.h,template:this.$props.render,defaultRendering:e,additionalProps:{...this.$props,tdProps:i},additionalListeners:{click:this.triggerClick,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove},defaultSlots:o,swapDefaultSlots:!0})}});exports.GridCell=u;

package/cells/GridCell.mjs

@@ -5,12 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as c, createVNode as d, h as g, inject as h } from "vue";
-import { getNestedValue as m, parsers as u } from "../utils/main.mjs";
-import { provideIntlService as $ } from "@progress/kendo-vue-intl";
-import { noop as f, getTemplate as S } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_ID as l, KEYBOARD_NAV_DATA_LEVEL as p } from "@progress/kendo-vue-data-tools";
-const I = /* @__PURE__ */ c({
+import { defineComponent as h, createVNode as d, mergeProps as p, h as m, inject as u } from "vue";
+import { getNestedValue as f, parsers as $ } from "../utils/main.mjs";
+import { provideIntlService as S } from "@progress/kendo-vue-intl";
+import { noop as v, getTemplate as b } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as c, KEYBOARD_NAV_DATA_LEVEL as g } from "@progress/kendo-vue-data-tools";
+const A = /* @__PURE__ */ h({
   name: "GridCell",
   inheritAttrs: !1,
   emits: {
@@ -45,14 +45,15 @@ const I = /* @__PURE__ */ c({
     onRemove: Function,
     onCancel: Function,
     onChange: Function,
-    onSelectionchange: Function
+    onSelectionchange: Function,
+    cells: Object
   },
   inject: {
     kendoIntlService: {
       default: null
     },
     getKeyboardNavigationAttributes: {
-      default: f
+      default: v
     }
   },
   methods: {
@@ -86,7 +87,7 @@ const I = /* @__PURE__ */ c({
     }
   },
   created() {
-    this._intl = $(this);
+    this._intl = S(this);
   },
   computed: {
     tdClass() {
@@ -105,46 +106,48 @@ const I = /* @__PURE__ */ c({
   },
   setup() {
     return {
-      kendoIntlService: h("kendoIntlService", {})
+      kendoIntlService: u("kendoIntlService", {})
     };
   },
   render() {
-    var n, o, s;
+    var o, s, l;
     let e = null;
     const t = this.getKeyboardNavigationAttributes(this.$props.id);
-    let i = {};
-    if (((n = this.$props.rowSpan) == null ? void 0 : n.count) === null)
+    let i = {}, n = null;
+    if (((o = this.$props.rowSpan) == null ? void 0 : o.count) === null)
       return null;
     if (this.$props.rowType === "groupFooter")
       i = {
         class: this.tdClass,
-        onKeydown: this.triggerKeydown,
-        onClick: this.triggerClick,
         tabindex: t.tabIndex,
-        "data-keyboardnavlevel": t[p],
-        "data-keyboardnavid": t[l]
-      }, e = d("td", i, null);
+        "data-keyboardnavlevel": t[g],
+        "data-keyboardnavid": t[c]
+      }, e = d("td", p(i, {
+        onKeydown: this.triggerKeydown,
+        onClick: this.triggerClick
+      }), [n]);
     else if (this.$props.field !== void 0 && this.$props.rowType !== "groupHeader") {
-      const r = m(this.$props.field, this.$props.dataItem);
+      const r = f(this.$props.field, this.$props.dataItem);
       let a = "";
-      r != null && (a = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, u[this.$props.type](r, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, r) : r.toString()), i = {
+      r != null && (a = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, $[this.$props.type](r, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, r) : r.toString()), i = {
         style: this.$attrs.style,
         colspan: this.$props.colSpan,
-        rowspan: (s = (o = this.$props.rowSpan) == null ? void 0 : o.count) != null ? s : void 0,
+        rowspan: (l = (s = this.$props.rowSpan) == null ? void 0 : s.count) != null ? l : void 0,
         class: this.tdClass,
-        onKeydown: this.triggerKeydown,
-        onClick: this.triggerClick,
         role: "gridcell",
         "aria-colindex": this.$props.ariaColumnIndex,
         "aria-selected": this.$props.isSelected,
         "data-grid-col-index": this.$props.columnIndex,
         tabindex: t.tabIndex,
-        "data-keyboardnavlevel": t[p],
-        "data-keyboardnavid": t[l]
-      }, e = d("td", i, [a]);
+        "data-keyboardnavlevel": t[g],
+        "data-keyboardnavid": t[c]
+      }, n = a, e = d("td", p(i, {
+        onKeydown: this.triggerKeydown,
+        onClick: this.triggerClick
+      }), [n]);
     }
-    return S.call(this, {
-      h: g,
+    return b.call(this, {
+      h: m,
       template: this.$props.render,
       defaultRendering: e,
       additionalProps: {
@@ -159,10 +162,12 @@ const I = /* @__PURE__ */ c({
         cancel: this.triggerCancel,
         save: this.triggerSave,
         remove: this.triggerRemove
-      }
+      },
+      defaultSlots: n,
+      swapDefaultSlots: !0
     });
   }
 });
 export {
-  I as GridCell
+  A as GridCell
 };

package/cells/GridDetailCell.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 e=require("vue"),n=require("@progress/kendo-vue-common"),r=require("@progress/kendo-vue-data-tools"),u=e.defineComponent({props:{colSpan:Number,ariaColIndex:Number,dataItem:[Object,String,Number],dataIndex:Number,detail:[String,Function,Object],id:String},inject:{getKeyboardNavigationAttributes:{default:n.noop}},setup(){return{kendoIntlService:e.inject("kendoIntlService",{})}},render(){const{colSpan:a,ariaColIndex:i,dataItem:d,dataIndex:o,id:l}=this.$props,t=this.getKeyboardNavigationAttributes(l),c=function(s){return n.getTemplate.call(this,{h:e.h,template:this.$props.detail,additionalProps:s})};return e.createVNode("td",{class:"k-table-td k-detail-cell",colspan:a,"aria-colindex":i,role:"gridcell",tabindex:t.tabIndex,"data-keyboardnavlevel":t[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[r.KEYBOARD_NAV_DATA_ID]},[c.call(this,{dataItem:d,dataIndex:o})])}});exports.GridDetailCell=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("@progress/kendo-vue-common"),o=require("@progress/kendo-vue-data-tools"),b=e.defineComponent({props:{colSpan:Number,ariaColIndex:Number,dataItem:[Object,String,Number],dataIndex:Number,detail:[String,Function,Object],id:String},inject:{getKeyboardNavigationAttributes:{default:n.noop}},setup(){return{kendoIntlService:e.inject("kendoIntlService",{})}},render(){const{colSpan:a,ariaColIndex:r,dataItem:d,dataIndex:i,id:l}=this.$props,t=this.getKeyboardNavigationAttributes(l),c={class:"k-table-td k-detail-cell",colspan:a,"aria-colindex":r,role:"gridcell",tabindex:t.tabIndex,"data-keyboardnavlevel":t[o.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[o.KEYBOARD_NAV_DATA_ID]},s=function(u){return n.getTemplate.call(this,{h:e.h,template:this.$props.detail,additionalProps:u})}.call(this,{dataItem:d,dataIndex:i});return e.createVNode("td",c,[s])}});exports.GridDetailCell=b;