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

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;
@@ -39,6 +41,12 @@ declare const GridStateProvider: import('vue').DefineComponent<{
     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;
@@ -144,6 +152,12 @@ declare const GridStateProvider: import('vue').DefineComponent<{
     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

@@ -102,6 +102,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>;
@@ -310,6 +315,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/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;

package/cells/GridDetailCell.mjs

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

package/cells/GridFilterCell.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 r=require("vue"),$=require("@progress/kendo-vue-buttons"),n=require("../messages/main.js"),u=require("@progress/kendo-vue-dropdowns"),d=require("@progress/kendo-vue-inputs"),S=require("@progress/kendo-vue-dateinputs"),h=require("@progress/kendo-svg-icons"),m=require("@progress/kendo-vue-intl"),p=require("../filterCommon.js"),c=require("@progress/kendo-vue-common"),k=r.defineComponent({name:"KendoGridFilterCell",inheritAttrs:!1,props:{id:String,grid:Object,field:String,filterType:String,colSpan:Number,title:String,value:[String,Number,Boolean,Date],operator:[String,Function],operators:Array,booleanValues:Array,onChange:Function,render:[String,Function,Object],ariaLabel:String,size:String},inject:{kendoLocalizationService:{default:null},kendoIntlService:{default:null}},methods:{inputChange(e,t){const o=p.cellInputChange(e,t,this.$props);this.triggerChange(o)},operatorChange(e,t){const o=p.cellOperatorChange(e.value.operator,t,this.$props.value);this.triggerChange(o)},boolDropdownChange(e,t){const o=p.cellBoolDropdownChange(e.value.operator,t);this.triggerChange(o)},clear(e){e.preventDefault(),this.triggerChange({value:"",operator:"",event:e})},triggerChange(e){e.field=this.$props.field,this.$emit("change",e)}},setup(){const e=r.inject("kendoIntlService",{}),t=r.inject("kendoLocalizationService",{});return{kendoIntlService:e,kendoLocalizationService:t}},render(){const e=m.provideLocalizationService(this),{size:t}=this.$props,o=this.$props.operators.find(l=>l.operator===this.$props.operator)||null,g=function(){if(this.$props.filterType!=="boolean")return r.createVNode(u.DropDownList,{onChange:this.operatorChange,value:o,size:t,class:"k-dropdown-operator",icon:"filter",svgIcon:h.filterIcon,iconClassName:"filter k-button-icon","data-items":this.$props.operators,textField:"text",title:e.toLanguageString(n.filterChooseOperator,n.messages[n.filterChooseOperator]),popupSettings:{width:"",anchor:""},ariaLabel:this.ariaLabel},null)},f=function(l,a){let s;switch(l){case"numeric":return r.createVNode(d.NumericTextBox,{size:t,value:a,onChange:i=>{this.inputChange(i.value,i.event)},title:this.$props.title,ariaLabel:this.ariaLabel},null);case"date":return r.createVNode(S.DatePicker,{size:t,value:a,onChange:i=>{this.inputChange(i.value,i)},title:this.$props.title,ariaLabel:this.ariaLabel},null);case"boolean":return s=this.$props.booleanValues,r.createVNode(u.DropDownList,{onChange:this.boolDropdownChange,size:t,value:s.find(i=>i.operator===(a!==null?a:"")),"data-items":s,textField:"text",title:this.$props.title,ariaLabel:this.ariaLabel},null);default:return r.createVNode(d.TextBox,{value:a||"",size:t,onInput:i=>{this.inputChange(i.target.value,i)},title:this.$props.title,"aria-label":this.ariaLabel},null)}},C=r.createVNode("div",{class:"k-filtercell",style:this.$attrs.style},[r.createVNode("div",{class:"k-filtercell-wrapper"},[f.call(this,this.$props.filterType,this.$props.value),r.createVNode("div",{class:"k-filtercell-operator"},[g.call(this),r.createTextVNode(" "),r.createVNode($.Button,{type:"button",size:t,icon:"filter-clear",svgIcon:h.filterClearIcon,class:{"k-disabled":!(!(this.$props.value===null||this.$props.value==="")||this.$props.operator)},title:e.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton]),onClick:this.clear},null)])])]),v=this.$props.grid?c.getListeners.call(this.$props.grid):null,b=c.templateRendering.call(this.$props.grid,this.$props.render,v);return c.getTemplate.call(this,{h:r.h,template:b,defaultRendering:C,additionalProps:this.$props,additionalListeners:{change:this.triggerChange}})}});exports.GridFilterCell=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),b=require("@progress/kendo-vue-buttons"),n=require("../messages/main.js"),d=require("@progress/kendo-vue-dropdowns"),h=require("@progress/kendo-vue-inputs"),S=require("@progress/kendo-vue-dateinputs"),g=require("@progress/kendo-svg-icons"),m=require("@progress/kendo-vue-intl"),c=require("../filterCommon.js"),$=require("@progress/kendo-vue-common"),k=r.defineComponent({name:"KendoGridFilterCell",inheritAttrs:!1,props:{id:String,grid:Object,field:String,filterType:String,colSpan:Number,title:String,value:[String,Number,Boolean,Date],operator:[String,Function],operators:Array,booleanValues:Array,onChange:Function,render:[String,Function,Object],ariaLabel:String,size:String},inject:{kendoLocalizationService:{default:null},kendoIntlService:{default:null}},methods:{inputChange(e,t){const i=c.cellInputChange(e,t,this.$props);this.triggerChange(i)},operatorChange(e,t){const i=c.cellOperatorChange(e.value.operator,t,this.$props.value);this.triggerChange(i)},boolDropdownChange(e,t){const i=c.cellBoolDropdownChange(e.value.operator,t);this.triggerChange(i)},clear(e){e.preventDefault(),this.triggerChange({value:"",operator:"",event:e})},triggerChange(e){e.field=this.$props.field,this.$emit("change",e)}},setup(){const e=r.inject("kendoIntlService",{}),t=r.inject("kendoLocalizationService",{});return{kendoIntlService:e,kendoLocalizationService:t}},render(){const e=m.provideLocalizationService(this),{size:t}=this.$props,i=this.$props.operators.find(l=>l.operator===this.$props.operator)||null,f=function(){if(this.$props.filterType!=="boolean")return r.createVNode(d.DropDownList,{onChange:this.operatorChange,value:i,size:t,class:"k-dropdown-operator",icon:"filter",svgIcon:g.filterIcon,iconClassName:"filter k-button-icon","data-items":this.$props.operators,textField:"text",title:e.toLanguageString(n.filterChooseOperator,n.messages[n.filterChooseOperator]),popupSettings:{width:"",anchor:""},ariaLabel:this.ariaLabel},null)},C=function(l,a){let s;switch(l){case"numeric":return r.createVNode(h.NumericTextBox,{size:t,value:a,onChange:o=>{this.inputChange(o.value,o.event)},title:this.$props.title,ariaLabel:this.ariaLabel},null);case"date":return r.createVNode(S.DatePicker,{size:t,value:a,onChange:o=>{this.inputChange(o.value,o)},title:this.$props.title,ariaLabel:this.ariaLabel},null);case"boolean":return s=this.$props.booleanValues,r.createVNode(d.DropDownList,{onChange:this.boolDropdownChange,size:t,value:s.find(o=>o.operator===(a!==null?a:"")),"data-items":s,textField:"text",title:this.$props.title,ariaLabel:this.ariaLabel},null);default:return r.createVNode(h.TextBox,{value:a||"",size:t,onInput:o=>{this.inputChange(o.target.value,o)},title:this.$props.title,"aria-label":this.ariaLabel},null)}},p={class:"k-filtercell",style:this.$attrs.style},u=r.createVNode("div",{class:"k-filtercell-wrapper"},[C.call(this,this.$props.filterType,this.$props.value),r.createVNode("div",{class:"k-filtercell-operator"},[f.call(this),r.createTextVNode(" "),r.createVNode(b.Button,{type:"button",size:t,icon:"filter-clear",svgIcon:g.filterClearIcon,class:{"k-disabled":!(!(this.$props.value===null||this.$props.value==="")||this.$props.operator)},title:e.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton]),onClick:this.clear},null)])]),v=r.createVNode("div",p,[u]);return $.getTemplate.call(this,{h:r.h,template:this.$props.render,defaultRendering:v,additionalProps:{...this.$props,tdProps:p},additionalListeners:{change:this.triggerChange},defaultSlots:u,swapDefaultSlots:!0})}});exports.GridFilterCell=k;