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

package/GridToolbar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("@progress/kendo-vue-common"),t=o.defineComponent({name:"GridToolbar",props:{size:{type:String,default:"medium",validator:function(e){return["small","medium"].includes(e)}}},computed:{wrapperClass(){const{size:e}=this.$props;return{"k-toolbar":!0,"k-grid-toolbar":!0,"k-toolbar-solid":!0,[`k-toolbar-${r.kendoThemeMaps.sizeMap[e]||e}`]:e}}},render(){const e=r.getDefaultSlots(this);return o.createVNode("div",{class:this.wrapperClass,role:"toolbar"},[e])}});exports.GridToolbar=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("@progress/kendo-vue-common"),t=o.defineComponent({name:"GridToolbar",props:{size:{type:String,validator:function(e){return["none","small","medium"].includes(e)}}},computed:{wrapperClass(){const{size:e}=this.$props;return{"k-toolbar":!0,"k-grid-toolbar":!0,"k-toolbar-solid":!0,[`k-toolbar-${r.kendoThemeMaps.sizeMap[e]||e}`]:e}}},render(){const e=r.getDefaultSlots(this);return o.createVNode("div",{class:this.wrapperClass,role:"toolbar"},[e])}});exports.GridToolbar=t;

package/GridToolbar.mjs

@@ -5,38 +5,37 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as o, createVNode as e } from "vue";
-import { getDefaultSlots as t, kendoThemeMaps as a } from "@progress/kendo-vue-common";
-const i = /* @__PURE__ */ o({
+import { defineComponent as r, createVNode as e } from "vue";
+import { getDefaultSlots as t, kendoThemeMaps as s } from "@progress/kendo-vue-common";
+const i = /* @__PURE__ */ r({
   name: "GridToolbar",
   props: {
     size: {
       type: String,
-      default: "medium",
-      validator: function(r) {
-        return ["small", "medium"].includes(r);
+      validator: function(o) {
+        return ["none", "small", "medium"].includes(o);
       }
     }
   },
   computed: {
     wrapperClass() {
       const {
-        size: r
+        size: o
       } = this.$props;
       return {
         "k-toolbar": !0,
         "k-grid-toolbar": !0,
         "k-toolbar-solid": !0,
-        [`k-toolbar-${a.sizeMap[r] || r}`]: r
+        [`k-toolbar-${s.sizeMap[o] || o}`]: o
       };
     }
   },
   render() {
-    const r = t(this);
+    const o = t(this);
     return e("div", {
       class: this.wrapperClass,
       role: "toolbar"
-    }, [r]);
+    }, [o]);
   }
 });
 export {

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

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 o, createVNode as n, h as s, inject as a } from "vue";
-import { getNestedValue as l, parsers as d } from "../utils/main.mjs";
-import { provideIntlService as p } from "@progress/kendo-vue-intl";
-import { noop as c, getTemplate as g } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_ID as h, KEYBOARD_NAV_DATA_LEVEL as m } from "@progress/kendo-vue-data-tools";
-const y = /* @__PURE__ */ o({
+import { defineComponent as l, createVNode as a, h as d, inject as p } from "vue";
+import { getNestedValue as c, parsers as h } from "../utils/main.mjs";
+import { provideIntlService as g } from "@progress/kendo-vue-intl";
+import { noop as m, getTemplate as u } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as $, KEYBOARD_NAV_DATA_LEVEL as f } from "@progress/kendo-vue-data-tools";
+const I = /* @__PURE__ */ l({
   name: "GridCell",
   inheritAttrs: !1,
   emits: {
@@ -33,6 +33,7 @@ const y = /* @__PURE__ */ o({
     expanded: Boolean,
     type: String,
     editor: String,
+    rowSpan: [Number, Object],
     isSelected: Boolean,
     isHighlighted: Boolean,
     ariaColumnIndex: Number,
@@ -50,7 +51,7 @@ const y = /* @__PURE__ */ o({
       default: null
     },
     getKeyboardNavigationAttributes: {
-      default: c
+      default: m
     }
   },
   methods: {
@@ -84,7 +85,7 @@ const y = /* @__PURE__ */ o({
     }
   },
   created() {
-    this._intl = p(this);
+    this._intl = g(this);
   },
   computed: {
     tdClass() {
@@ -101,22 +102,26 @@ const y = /* @__PURE__ */ o({
   },
   setup() {
     return {
-      kendoIntlService: a("kendoIntlService", {})
+      kendoIntlService: p("kendoIntlService", {})
     };
   },
   render() {
+    var r, n, o;
     let t = null;
     const e = this.getKeyboardNavigationAttributes(this.$props.id);
+    if (((r = this.$props.rowSpan) == null ? void 0 : r.count) === null)
+      return null;
     if (this.$props.rowType === "groupFooter")
-      t = n("td", {
+      t = a("td", {
         class: this.tdClass
       }, null);
     else if (this.$props.field !== void 0 && this.$props.rowType !== "groupHeader") {
-      const i = l(this.$props.field, this.$props.dataItem);
-      let r = "";
-      i != null && (r = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, d[this.$props.type](i, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, i) : i.toString()), t = n("td", {
+      const i = c(this.$props.field, this.$props.dataItem);
+      let s = "";
+      i != null && (s = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, h[this.$props.type](i, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, i) : i.toString()), t = a("td", {
         style: this.$attrs.style,
         colspan: this.$props.colSpan,
+        rowspan: (o = (n = this.$props.rowSpan) == null ? void 0 : n.count) != null ? o : void 0,
         class: this.tdClass,
         onKeydown: this.triggerKeydown,
         onClick: this.triggerClick,
@@ -125,12 +130,12 @@ const y = /* @__PURE__ */ o({
         "aria-selected": this.$props.isSelected,
         "data-grid-col-index": this.$props.columnIndex,
         tabindex: e.tabIndex,
-        "data-keyboardnavlevel": e[m],
-        "data-keyboardnavid": e[h]
-      }, [r]);
+        "data-keyboardnavlevel": e[f],
+        "data-keyboardnavid": e[$]
+      }, [s]);
     }
-    return g.call(this, {
-      h: s,
+    return u.call(this, {
+      h: d,
       template: this.$props.render,
       defaultRendering: t,
       additionalProps: this.$props,
@@ -147,5 +152,5 @@ const y = /* @__PURE__ */ o({
   }
 });
 export {
-  y as GridCell
+  I as GridCell
 };

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.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"),$=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;

package/cells/GridFilterCell.mjs

@@ -5,17 +5,17 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as v, createVNode as i, h as b, inject as s } from "vue";
-import { Button as $ } from "@progress/kendo-vue-buttons";
+import { defineComponent as v, createVNode as i, createTextVNode as b, h as $, inject as s } from "vue";
+import { Button as S } from "@progress/kendo-vue-buttons";
 import { filterClearButton as p, messages as c, filterChooseOperator as h } from "../messages/main.mjs";
 import { DropDownList as g } from "@progress/kendo-vue-dropdowns";
-import { TextBox as S, NumericTextBox as L } from "@progress/kendo-vue-inputs";
-import { DatePicker as k } from "@progress/kendo-vue-dateinputs";
-import { filterClearIcon as z, filterIcon as x } from "@progress/kendo-svg-icons";
-import { provideLocalizationService as I } from "@progress/kendo-vue-intl";
-import { cellBoolDropdownChange as w, cellOperatorChange as y, cellInputChange as D } from "../filterCommon.mjs";
-import { getListeners as F, templateRendering as B, getTemplate as O } from "@progress/kendo-vue-common";
-const q = /* @__PURE__ */ v({
+import { TextBox as L, NumericTextBox as k } from "@progress/kendo-vue-inputs";
+import { DatePicker as z } from "@progress/kendo-vue-dateinputs";
+import { filterClearIcon as x, filterIcon as I } from "@progress/kendo-svg-icons";
+import { provideLocalizationService as w } from "@progress/kendo-vue-intl";
+import { cellBoolDropdownChange as y, cellOperatorChange as D, cellInputChange as F } from "../filterCommon.mjs";
+import { getListeners as T, templateRendering as B, getTemplate as N } from "@progress/kendo-vue-common";
+const H = /* @__PURE__ */ v({
   name: "KendoGridFilterCell",
   inheritAttrs: !1,
   props: {
@@ -44,15 +44,15 @@ const q = /* @__PURE__ */ v({
   },
   methods: {
     inputChange(e, t) {
-      const o = D(e, t, this.$props);
+      const o = F(e, t, this.$props);
       this.triggerChange(o);
     },
     operatorChange(e, t) {
-      const o = y(e.value.operator, t, this.$props.value);
+      const o = D(e.value.operator, t, this.$props.value);
       this.triggerChange(o);
     },
     boolDropdownChange(e, t) {
-      const o = w(e.value.operator, t);
+      const o = y(e.value.operator, t);
       this.triggerChange(o);
     },
     clear(e) {
@@ -74,7 +74,7 @@ const q = /* @__PURE__ */ v({
     };
   },
   render() {
-    const e = I(this), {
+    const e = w(this), {
       size: t
     } = this.$props, o = this.$props.operators.find((a) => a.operator === this.$props.operator) || null, u = function() {
       if (this.$props.filterType !== "boolean")
@@ -84,7 +84,7 @@ const q = /* @__PURE__ */ v({
           size: t,
           class: "k-dropdown-operator",
           icon: "filter",
-          svgIcon: x,
+          svgIcon: I,
           iconClassName: "filter k-button-icon",
           "data-items": this.$props.operators,
           textField: "text",
@@ -99,7 +99,7 @@ const q = /* @__PURE__ */ v({
       let l;
       switch (a) {
         case "numeric":
-          return i(L, {
+          return i(k, {
             size: t,
             value: n,
             onChange: (r) => {
@@ -109,7 +109,7 @@ const q = /* @__PURE__ */ v({
             ariaLabel: this.ariaLabel
           }, null);
         case "date":
-          return i(k, {
+          return i(z, {
             size: t,
             value: n,
             onChange: (r) => {
@@ -129,7 +129,7 @@ const q = /* @__PURE__ */ v({
             ariaLabel: this.ariaLabel
           }, null);
         default:
-          return i(S, {
+          return i(L, {
             value: n || "",
             size: t,
             onInput: (r) => {
@@ -146,20 +146,20 @@ const q = /* @__PURE__ */ v({
       class: "k-filtercell-wrapper"
     }, [d.call(this, this.$props.filterType, this.$props.value), i("div", {
       class: "k-filtercell-operator"
-    }, [u.call(this), i($, {
+    }, [u.call(this), b(" "), i(S, {
       type: "button",
       size: t,
       icon: "filter-clear",
-      svgIcon: z,
+      svgIcon: x,
       class: {
         /* button is always visible if there is either value or operator */
         "k-disabled": !(!(this.$props.value === null || this.$props.value === "") || this.$props.operator)
       },
       title: e.toLanguageString(p, c[p]),
       onClick: this.clear
-    }, null)])])]), m = this.$props.grid ? F.call(this.$props.grid) : null, C = B.call(this.$props.grid, this.$props.render, m);
-    return O.call(this, {
-      h: b,
+    }, null)])])]), m = this.$props.grid ? T.call(this.$props.grid) : null, C = B.call(this.$props.grid, this.$props.render, m);
+    return N.call(this, {
+      h: $,
       template: C,
       defaultRendering: f,
       additionalProps: this.$props,
@@ -170,5 +170,5 @@ const q = /* @__PURE__ */ v({
   }
 });
 export {
-  q as GridFilterCell
+  H as GridFilterCell
 };

package/common.js

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

package/common.mjs

@@ -68,6 +68,7 @@ const o = {
   selectedField: String,
   cellRender: [String, Function, Object],
   rowRender: [String, Function, Object],
+  rowSpannable: [Boolean, Object],
   resizable: Boolean,
   reorderable: Boolean,
   group: Array,