@progress/kendo-vue-grid 8.1.2-develop.1 → 8.2.0-develop.1

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 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({
+import { defineComponent as c, createVNode as p, inject as o, h as m } from "vue";
+import { noop as u, getTemplate as g } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as x, KEYBOARD_NAV_DATA_LEVEL as b } from "@progress/kendo-vue-data-tools";
+const N = /* @__PURE__ */ c({
   props: {
     colSpan: Number,
     ariaColIndex: Number,
@@ -19,42 +19,51 @@ const S = /* @__PURE__ */ c({
   },
   inject: {
     getKeyboardNavigationAttributes: {
-      default: b
+      default: u
     }
   },
   setup() {
+    const e = o("kendoIntlService", {}), t = o("gridContext", null);
     return {
-      kendoIntlService: p("kendoIntlService", {})
+      kendoIntlService: e,
+      gridContext: t
     };
   },
+  methods: {
+    triggerContextMenu(e) {
+      var t, n;
+      (n = (t = this.gridContext) == null ? void 0 : t.onContextMenu) == null || n.call(t, e, this.$props.dataItem);
+    }
+  },
   render() {
     const {
       colSpan: e,
-      ariaColIndex: a,
+      ariaColIndex: t,
       dataItem: n,
       dataIndex: r,
-      id: d
-    } = this.$props, t = this.getKeyboardNavigationAttributes(d), o = {
+      id: i
+    } = this.$props, a = this.getKeyboardNavigationAttributes(i), d = {
       class: "k-table-td k-detail-cell",
       colspan: e,
-      "aria-colindex": a,
+      "aria-colindex": t,
       role: "gridcell",
-      tabindex: t.tabIndex,
-      "data-keyboardnavlevel": t[A],
-      "data-keyboardnavid": t[I]
-    }, i = function(l) {
-      return u.call(this, {
+      tabindex: a.tabIndex,
+      "data-keyboardnavlevel": a[b],
+      "data-keyboardnavid": a[x],
+      onContextmenu: this.triggerContextMenu
+    }, l = function(s) {
+      return g.call(this, {
         h: m,
         template: this.$props.detail,
-        additionalProps: l
+        additionalProps: s
       });
     }.call(this, {
       dataItem: n,
       dataIndex: r
     });
-    return s("td", o, [i]);
+    return p("td", d, [l]);
   }
 });
 export {
-  S as GridDetailCell
+  N as GridDetailCell
 };

package/cells/GridEditCell.d.ts

@@ -32,6 +32,7 @@ declare const GridEditCell: import('vue').DefineComponent<import('vue').ExtractP
     dataIndex: PropType<number>;
 }>, {
     kendoIntlService: {};
+    gridContext: any;
 }, {
     inputId: any;
 }, {
@@ -47,6 +48,7 @@ declare const GridEditCell: import('vue').DefineComponent<import('vue').ExtractP
     triggerSave(dataItem: any): void;
     triggerRemove(dataItem: any): void;
     changeHandler(event: any, value: any): void;
+    triggerContextMenu(e: MouseEvent): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: any;
     cellkeydown: any;

package/cells/GridEditCell.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 a=require("vue"),d=require("../utils/main.js"),r=require("@progress/kendo-vue-common"),s=require("@progress/kendo-vue-inputs"),l=require("@progress/kendo-vue-dateinputs"),i=require("@progress/kendo-vue-data-tools"),o=a.defineComponent({name:"GridEditCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,className:String,colSpan:Number,columnType:String,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,expanded:Boolean,editor:String,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],isRtl:Boolean,readFormat:String,dataIndex:Number},emits:{change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:r.noop}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},data(){return{inputId:r.guid()}},methods:{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)},changeHandler(e,t){t||(e.target.type==="checkbox"?t=e.target.checked:t=e.target.valueAsDate?e.target.valueAsDate:e.target.value),this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,value:t})}},setup(){return{kendoIntlService:a.inject("kendoIntlService",{})}},render(){const e=d.getNestedValue(this.$props.field,this.$props.dataItem),t=this.getKeyboardNavigationAttributes(this.$props.id);let n=null;switch(this.$props.editor){case"numeric":n=a.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,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[i.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[i.KEYBOARD_NAV_DATA_ID]},[a.createVNode(s.NumericTextBox,{style:{width:"100%"},value:e===void 0?null:e,onChange:this.changeHandler},null)]);break;case"date":n=a.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,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[i.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[i.KEYBOARD_NAV_DATA_ID]},[a.createVNode(l.DatePicker,{style:{width:"100%"},value:e,onChange:this.changeHandler},null)]);break;case"boolean":n=a.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,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[i.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[i.KEYBOARD_NAV_DATA_ID]},[a.createVNode("input",{checked:e||!1,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.changeHandler},null),a.createVNode("label",{class:"k-checkbox-label",for:this.inputId},null)]);break;default:n=a.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,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[i.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[i.KEYBOARD_NAV_DATA_ID]},[a.createVNode("span",{class:"k-textbox k-input k-input-md k-rounded-md k-input-solid"},[a.createVNode("input",{style:{width:"100%"},class:"k-input-inner",value:e!=null?e:"",onChange:this.changeHandler},null)])])}return r.getTemplate.call(this,{h:a.h,template:this.$props.render,defaultRendering:n,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}});exports.GridEditCell=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),d=require("../utils/main.js"),r=require("@progress/kendo-vue-common"),s=require("@progress/kendo-vue-inputs"),l=require("@progress/kendo-vue-dateinputs"),n=require("@progress/kendo-vue-data-tools"),o=i.defineComponent({name:"GridEditCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,className:String,colSpan:Number,columnType:String,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,expanded:Boolean,editor:String,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],isRtl:Boolean,readFormat:String,dataIndex:Number},emits:{change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:r.noop}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},data(){return{inputId:r.guid()}},methods:{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)},changeHandler(e,t){t||(e.target.type==="checkbox"?t=e.target.checked:t=e.target.valueAsDate?e.target.valueAsDate:e.target.value),this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,value:t})},triggerContextMenu(e){var t,a;(a=(t=this.gridContext)==null?void 0:t.onContextMenu)==null||a.call(t,e,this.$props.dataItem,this.$props.field)}},setup(){const e=i.inject("kendoIntlService",{}),t=i.inject("gridContext",null);return{kendoIntlService:e,gridContext:t}},render(){const e=d.getNestedValue(this.$props.field,this.$props.dataItem),t=this.getKeyboardNavigationAttributes(this.$props.id);let a=null;switch(this.$props.editor){case"numeric":a=i.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,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[n.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[n.KEYBOARD_NAV_DATA_ID]},[i.createVNode(s.NumericTextBox,{style:{width:"100%"},value:e===void 0?null:e,onChange:this.changeHandler},null)]);break;case"date":a=i.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,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[n.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[n.KEYBOARD_NAV_DATA_ID]},[i.createVNode(l.DatePicker,{style:{width:"100%"},value:e,onChange:this.changeHandler},null)]);break;case"boolean":a=i.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,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[n.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[n.KEYBOARD_NAV_DATA_ID]},[i.createVNode("input",{checked:e||!1,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.changeHandler},null),i.createVNode("label",{class:"k-checkbox-label",for:this.inputId},null)]);break;default:a=i.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,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[n.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[n.KEYBOARD_NAV_DATA_ID]},[i.createVNode("span",{class:"k-textbox k-input k-input-md k-rounded-md k-input-solid"},[i.createVNode("input",{style:{width:"100%"},class:"k-input-inner",value:e!=null?e:"",onChange:this.changeHandler},null)])])}return r.getTemplate.call(this,{h:i.h,template:this.$props.render,defaultRendering:a,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove,contextmenu:this.triggerContextMenu}})}});exports.GridEditCell=o;

package/cells/GridEditCell.mjs

@@ -5,13 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as d, createVNode as i, h as s, inject as l } from "vue";
+import { defineComponent as s, createVNode as i, h as l, inject as d } from "vue";
 import { getNestedValue as o } from "../utils/main.mjs";
 import { noop as c, getTemplate as p, guid as h } from "@progress/kendo-vue-common";
 import { NumericTextBox as g } from "@progress/kendo-vue-inputs";
 import { DatePicker as u } from "@progress/kendo-vue-dateinputs";
-import { KEYBOARD_NAV_DATA_ID as r, KEYBOARD_NAV_DATA_LEVEL as n } from "@progress/kendo-vue-data-tools";
-const v = /* @__PURE__ */ d({
+import { KEYBOARD_NAV_DATA_ID as n, KEYBOARD_NAV_DATA_LEVEL as r } from "@progress/kendo-vue-data-tools";
+const v = /* @__PURE__ */ s({
   name: "GridEditCell",
   inheritAttrs: !1,
   props: {
@@ -99,11 +99,17 @@ const v = /* @__PURE__ */ d({
         event: e,
         value: t
       });
+    },
+    triggerContextMenu(e) {
+      var t, a;
+      (a = (t = this.gridContext) == null ? void 0 : t.onContextMenu) == null || a.call(t, e, this.$props.dataItem, this.$props.field);
     }
   },
   setup() {
+    const e = d("kendoIntlService", {}), t = d("gridContext", null);
     return {
-      kendoIntlService: l("kendoIntlService", {})
+      kendoIntlService: e,
+      gridContext: t
     };
   },
   render() {
@@ -121,8 +127,8 @@ const v = /* @__PURE__ */ d({
           "aria-selected": this.$props.isSelected,
           "data-grid-col-index": this.$props.columnIndex,
           tabindex: t.tabIndex,
-          "data-keyboardnavlevel": t[n],
-          "data-keyboardnavid": t[r]
+          "data-keyboardnavlevel": t[r],
+          "data-keyboardnavid": t[n]
         }, [i(g, {
           style: {
             width: "100%"
@@ -142,8 +148,8 @@ const v = /* @__PURE__ */ d({
           "aria-selected": this.$props.isSelected,
           "data-grid-col-index": this.$props.columnIndex,
           tabindex: t.tabIndex,
-          "data-keyboardnavlevel": t[n],
-          "data-keyboardnavid": t[r]
+          "data-keyboardnavlevel": t[r],
+          "data-keyboardnavid": t[n]
         }, [i(u, {
           style: {
             width: "100%"
@@ -163,8 +169,8 @@ const v = /* @__PURE__ */ d({
           "aria-selected": this.$props.isSelected,
           "data-grid-col-index": this.$props.columnIndex,
           tabindex: t.tabIndex,
-          "data-keyboardnavlevel": t[n],
-          "data-keyboardnavid": t[r]
+          "data-keyboardnavlevel": t[r],
+          "data-keyboardnavid": t[n]
         }, [i("input", {
           checked: e || !1,
           id: this.inputId,
@@ -187,8 +193,8 @@ const v = /* @__PURE__ */ d({
           "aria-selected": this.$props.isSelected,
           "data-grid-col-index": this.$props.columnIndex,
           tabindex: t.tabIndex,
-          "data-keyboardnavlevel": t[n],
-          "data-keyboardnavid": t[r]
+          "data-keyboardnavlevel": t[r],
+          "data-keyboardnavid": t[n]
         }, [i("span", {
           class: "k-textbox k-input k-input-md k-rounded-md k-input-solid"
         }, [i("input", {
@@ -201,7 +207,7 @@ const v = /* @__PURE__ */ d({
         }, null)])]);
     }
     return p.call(this, {
-      h: s,
+      h: l,
       template: this.$props.render,
       defaultRendering: a,
       additionalProps: this.$props,
@@ -212,7 +218,8 @@ const v = /* @__PURE__ */ d({
         add: this.triggerAdd,
         cancel: this.triggerCancel,
         save: this.triggerSave,
-        remove: this.triggerRemove
+        remove: this.triggerRemove,
+        contextmenu: this.triggerContextMenu
       }
     });
   }

package/cells/GridGroupCell.d.ts

@@ -48,6 +48,7 @@ declare const GridGroupCell: import('vue').DefineComponent<import('vue').Extract
     triggerStateChange(): void;
     triggerKeydown(event: any, expanded: boolean | undefined): void;
     clickHandler(e: any, dataItem: any, expanded: boolean | undefined): void;
+    triggerContextMenu(e: MouseEvent): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: any;
     cellkeydown: any;

package/cells/GridGroupCell.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 a=require("vue"),i=require("@progress/kendo-vue-common"),k=require("@progress/kendo-vue-data-tools"),o=require("../messages/main.js"),S=require("@progress/kendo-vue-intl"),f=require("@progress/kendo-svg-icons"),x=e=>{var t,l;return(l=(t=e.cells)==null?void 0:t.groupHeader)==null?void 0:l[e.rowType||"data"]},A=a.defineComponent({name:"KendoGridGroupCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,colSpan:Number,className:String,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,locked:Boolean,expanded:Boolean,editor:String,dataIndex:Number,isSelected:Boolean,isRtl:Boolean,ariaColumnIndex:Number,group:Object,render:[String,Function,Object],cells:Object},emits:{change:null,cellkeydown:null},inject:{kendo:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},computed:{tdClass(){const{className:e,locked:t}=this.$props;return{"k-table-td":!0,"k-grid-content-sticky":t,[e]:e}},tdStyle(){const{locked:e}=this.$props,t=e?{position:"sticky",zIndex:2}:{};return{...this.$attrs.style,...t}},groupTdClass(){const{className:e,locked:t}=this.$props;return{"k-table-td":!0,"k-group-cell":!0,"k-grid-content-sticky":t,[e]:e}}},methods:{triggerStateChange(){var t;const e=this.kendo;(t=e==null?void 0:e.dispatchGroupExpand)==null||t.call(e,{type:k.GROUP_EXPAND_ACTION.TOGGLE,group:this.$props.group})},triggerKeydown(e,t){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,field:this.$props.field,expanded:this.$props.expanded}),!e.defaultPrevented&&e.keyCode===i.Keys.enter&&(e.preventDefault(),this.$emit("change",{dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,event:e,level:this.$props.level,field:void 0,value:!t}),this.triggerStateChange())},clickHandler(e,t,l){e.preventDefault(),this.$emit("change",{dataItem:t,dataIndex:this.$props.dataIndex,event:e,level:this.$props.level,field:void 0,value:!l}),this.triggerStateChange()}},render(){let e=null,t,l,s=null;const{columnIndex:n,level:c,columnsCount:p,rowType:v,dataItem:d,field:u,expanded:r,render:$,locked:g}=this.$props,h=this.getKeyboardNavigationAttributes(this.$props.id),b=S.provideLocalizationService(this).toLanguageString(o.groupCaretAriaLabelCollapse,o.messages[o.groupCaretAriaLabelCollapse]),y=S.provideLocalizationService(this).toLanguageString(o.groupCaretAriaLabelExpand,o.messages[o.groupCaretAriaLabelExpand]);if(n===void 0||c===void 0||n<c||p===void 0||v!=="groupHeader"||d[u]===void 0)t={style:this.$attrs.style,key:"g"+n,class:this.groupTdClass},e=a.createVNode("td",t,null);else if(n<=c){t={style:this.tdStyle,key:"g-colspan",class:g?"k-table-td":this.tdClass,colspan:g?0:p-n,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"aria-expanded":r,"data-grid-col-index":this.$props.columnIndex,tabindex:h.tabIndex,"data-keyboardnavlevel":h[k.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":h[k.KEYBOARD_NAV_DATA_ID]},s=a.createVNode("p",{class:"k-reset"},[a.createVNode("a",{onClick:m=>{this.clickHandler(m,d,r)},href:"#",tabindex:-1,title:r?b:y,"aria-label":r?b:y},[a.createVNode(i.Icon,{name:r?"caret-alt-down":this.isRtl?"caret-alt-left":"caret-alt-right",icon:r?f.caretAltDownIcon:this.isRtl?f.caretAltLeftIcon:f.caretAltRightIcon},null)]),d[u]?d[u].toString():""]);const C=a.createVNode("td",a.mergeProps(t,{onKeydown:m=>{this.triggerKeydown(m,r)}}),[s]);l={className:"k-table-td",role:"gridcell",colSpan:p-n,style:{borderLeftWidth:0,borderRightWidth:0}};const I=g?a.createVNode("td",l,null):null;e=I?[C,I]:C}return i.getTemplate.call(this,{h:a.h,template:$||x(this.$props),defaultRendering:e,additionalProps:{...this.$props,tdProps:t,td2Props:l},additionalListeners:{keydown:this.triggerKeydown,click:this.clickHandler},defaultSlots:s})}});exports.GridGroupCell=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),s=require("@progress/kendo-vue-common"),f=require("@progress/kendo-vue-data-tools"),o=require("../messages/main.js"),I=require("@progress/kendo-vue-intl"),k=require("@progress/kendo-svg-icons"),v=e=>{var t,a;return(a=(t=e.cells)==null?void 0:t.group)==null?void 0:a[e.rowType||"data"]},A=n.defineComponent({name:"KendoGridGroupCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,colSpan:Number,className:String,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,locked:Boolean,expanded:Boolean,editor:String,dataIndex:Number,isSelected:Boolean,isRtl:Boolean,ariaColumnIndex:Number,group:Object,render:[String,Function,Object],cells:Object},emits:{change:null,cellkeydown:null},inject:{gridContext:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:s.noop}},computed:{tdClass(){const{className:e,locked:t}=this.$props;return{"k-table-td":!0,"k-grid-content-sticky":t,[e]:e}},tdStyle(){const{locked:e}=this.$props,t=e?{position:"sticky",zIndex:2}:{};return{...this.$attrs.style,...t}},groupTdClass(){const{className:e,locked:t}=this.$props;return{"k-table-td":!0,"k-group-cell":!0,"k-grid-content-sticky":t,[e]:e}}},methods:{triggerStateChange(){var t;const e=this.gridContext;(t=e==null?void 0:e.dispatchGroupExpand)==null||t.call(e,{type:f.GROUP_EXPAND_ACTION.TOGGLE,group:this.$props.group})},triggerKeydown(e,t){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,field:this.$props.field,expanded:this.$props.expanded}),!e.defaultPrevented&&e.keyCode===s.Keys.enter&&(e.preventDefault(),this.$emit("change",{dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,event:e,level:this.$props.level,field:void 0,value:!t}),this.triggerStateChange())},clickHandler(e,t,a){e.preventDefault(),this.$emit("change",{dataItem:t,dataIndex:this.$props.dataIndex,event:e,level:this.$props.level,field:void 0,value:!a}),this.triggerStateChange()},triggerContextMenu(e){var t,a;(a=(t=this.gridContext)==null?void 0:t.onContextMenu)==null||a.call(t,e,this.$props.dataItem,this.$props.field)}},render(){let e=null,t,a,c=null;const{columnIndex:l,level:p,columnsCount:u,rowType:S,dataItem:i,field:g,expanded:r,render:$,locked:d}=this.$props,h=this.getKeyboardNavigationAttributes(this.$props.id),C=I.provideLocalizationService(this).toLanguageString(o.groupCaretAriaLabelCollapse,o.messages[o.groupCaretAriaLabelCollapse]),b=I.provideLocalizationService(this).toLanguageString(o.groupCaretAriaLabelExpand,o.messages[o.groupCaretAriaLabelExpand]);if(l===void 0||p===void 0||l<p||u===void 0||S!=="groupHeader"||i[g]===void 0)t={style:this.$attrs.style,key:"g"+l,class:this.groupTdClass},e=n.createVNode("td",t,null);else if(l<=p){t={style:this.tdStyle,key:"g-colspan",class:d?"k-table-td":this.tdClass,colspan:d?0:u-l,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"aria-expanded":r,"data-grid-col-index":this.$props.columnIndex,tabindex:h.tabIndex,"data-keyboardnavlevel":h[f.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":h[f.KEYBOARD_NAV_DATA_ID]},c=n.createVNode("p",{class:"k-reset"},[n.createVNode("a",{onClick:m=>{this.clickHandler(m,i,r)},href:"#",tabindex:-1,title:r?C:b,"aria-label":r?C:b},[n.createVNode(s.Icon,{name:r?"caret-alt-down":this.isRtl?"caret-alt-left":"caret-alt-right",icon:r?k.caretAltDownIcon:this.isRtl?k.caretAltLeftIcon:k.caretAltRightIcon},null)]),i[g]?i[g].toString():""]);const y=n.createVNode("td",n.mergeProps(t,{onKeydown:m=>{this.triggerKeydown(m,r)}}),[c]);d&&(a={className:"k-table-td",role:"gridcell",colSpan:u-l,style:{borderLeftWidth:0,borderRightWidth:0}});const x=d?n.createVNode("td",a,null):null;e=x?[y,x]:y}return s.getTemplate.call(this,{h:n.h,template:$||v(this.$props),defaultRendering:e,additionalProps:{...this.$props,tdProps:t,td2Props:a},additionalListeners:{keydown:this.triggerKeydown,click:this.clickHandler,contextmenu:this.triggerContextMenu},defaultSlots:c})}});exports.GridGroupCell=A;

package/cells/GridGroupCell.mjs

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as x, createVNode as n, mergeProps as A, h as v } from "vue";
+import { defineComponent as S, createVNode as a, mergeProps as A, h as v } from "vue";
 import { noop as N, Icon as L, getTemplate as w, Keys as K } from "@progress/kendo-vue-common";
 import { KEYBOARD_NAV_DATA_ID as R, KEYBOARD_NAV_DATA_LEVEL as T, GROUP_EXPAND_ACTION as D } from "@progress/kendo-vue-data-tools";
-import { groupCaretAriaLabelCollapse as y, messages as b, groupCaretAriaLabelExpand as I } from "../messages/main.mjs";
-import { provideLocalizationService as C } from "@progress/kendo-vue-intl";
+import { groupCaretAriaLabelCollapse as x, messages as y, groupCaretAriaLabelExpand as C } from "../messages/main.mjs";
+import { provideLocalizationService as b } from "@progress/kendo-vue-intl";
 import { caretAltDownIcon as E, caretAltRightIcon as O, caretAltLeftIcon as G } from "@progress/kendo-svg-icons";
 const _ = (e) => {
   var t, l;
-  return (l = (t = e.cells) == null ? void 0 : t.groupHeader) == null ? void 0 : l[e.rowType || "data"];
-}, W = /* @__PURE__ */ x({
+  return (l = (t = e.cells) == null ? void 0 : t.group) == null ? void 0 : l[e.rowType || "data"];
+}, M = /* @__PURE__ */ S({
   name: "KendoGridGroupCell",
   inheritAttrs: !1,
   props: {
@@ -45,7 +45,7 @@ const _ = (e) => {
     cellkeydown: null
   },
   inject: {
-    kendo: {
+    gridContext: {
       default: null
     },
     kendoIntlService: {
@@ -98,7 +98,7 @@ const _ = (e) => {
   methods: {
     triggerStateChange() {
       var t;
-      const e = this.kendo;
+      const e = this.gridContext;
       (t = e == null ? void 0 : e.dispatchGroupExpand) == null || t.call(e, {
         type: D.TOGGLE,
         group: this.$props.group
@@ -129,70 +129,74 @@ const _ = (e) => {
         field: void 0,
         value: !l
       }), this.triggerStateChange();
+    },
+    triggerContextMenu(e) {
+      var t, l;
+      (l = (t = this.gridContext) == null ? void 0 : t.onContextMenu) == null || l.call(t, e, this.$props.dataItem, this.$props.field);
     }
   },
   render() {
-    let e = null, t, l, o = null;
+    let e = null, t, l, d = null;
     const {
       columnIndex: r,
-      level: d,
-      columnsCount: s,
-      rowType: S,
+      level: s,
+      columnsCount: p,
+      rowType: I,
       dataItem: i,
-      field: p,
-      expanded: a,
+      field: c,
+      expanded: n,
       render: $,
-      locked: c
-    } = this.$props, u = this.getKeyboardNavigationAttributes(this.$props.id), h = C(this).toLanguageString(y, b[y]), m = C(this).toLanguageString(I, b[I]);
-    if (r === void 0 || d === void 0 || r < d || s === void 0 || S !== "groupHeader" || i[p] === void 0)
+      locked: o
+    } = this.$props, u = this.getKeyboardNavigationAttributes(this.$props.id), h = b(this).toLanguageString(x, y[x]), m = b(this).toLanguageString(C, y[C]);
+    if (r === void 0 || s === void 0 || r < s || p === void 0 || I !== "groupHeader" || i[c] === void 0)
       t = {
         style: this.$attrs.style,
         key: "g" + r,
         class: this.groupTdClass
-      }, e = n("td", t, null);
-    else if (r <= d) {
+      }, e = a("td", t, null);
+    else if (r <= s) {
       t = {
         style: this.tdStyle,
         key: "g-colspan",
-        class: c ? "k-table-td" : this.tdClass,
-        colspan: c ? 0 : s - r,
+        class: o ? "k-table-td" : this.tdClass,
+        colspan: o ? 0 : p - r,
         role: "gridcell",
         "aria-colindex": this.$props.ariaColumnIndex,
         "aria-selected": this.$props.isSelected,
-        "aria-expanded": a,
+        "aria-expanded": n,
         "data-grid-col-index": this.$props.columnIndex,
         tabindex: u.tabIndex,
         "data-keyboardnavlevel": u[T],
         "data-keyboardnavid": u[R]
-      }, o = n("p", {
+      }, d = a("p", {
         class: "k-reset"
-      }, [n("a", {
+      }, [a("a", {
         onClick: (g) => {
-          this.clickHandler(g, i, a);
+          this.clickHandler(g, i, n);
         },
         href: "#",
         tabindex: -1,
-        title: a ? h : m,
-        "aria-label": a ? h : m
-      }, [n(L, {
-        name: a ? "caret-alt-down" : this.isRtl ? "caret-alt-left" : "caret-alt-right",
-        icon: a ? E : this.isRtl ? G : O
-      }, null)]), i[p] ? i[p].toString() : ""]);
-      const f = n("td", A(t, {
+        title: n ? h : m,
+        "aria-label": n ? h : m
+      }, [a(L, {
+        name: n ? "caret-alt-down" : this.isRtl ? "caret-alt-left" : "caret-alt-right",
+        icon: n ? E : this.isRtl ? G : O
+      }, null)]), i[c] ? i[c].toString() : ""]);
+      const f = a("td", A(t, {
         onKeydown: (g) => {
-          this.triggerKeydown(g, a);
+          this.triggerKeydown(g, n);
         }
-      }), [o]);
-      l = {
+      }), [d]);
+      o && (l = {
         className: "k-table-td",
         role: "gridcell",
-        colSpan: s - r,
+        colSpan: p - r,
         style: {
           borderLeftWidth: 0,
           borderRightWidth: 0
         }
-      };
-      const k = c ? n("td", l, null) : null;
+      });
+      const k = o ? a("td", l, null) : null;
       e = k ? [f, k] : f;
     }
     return w.call(this, {
@@ -206,12 +210,13 @@ const _ = (e) => {
       },
       additionalListeners: {
         keydown: this.triggerKeydown,
-        click: this.clickHandler
+        click: this.clickHandler,
+        contextmenu: this.triggerContextMenu
       },
-      defaultSlots: o
+      defaultSlots: d
     });
   }
 });
 export {
-  W as GridGroupCell
+  M as GridGroupCell
 };

package/cells/GridHierarchyCell.d.ts

@@ -39,6 +39,7 @@ declare const GridHierarchyCell: import('vue').DefineComponent<import('vue').Ext
     triggerStateChange(): void;
     triggerKeydown(event: any, expanded: boolean | undefined): void;
     clickHandler(e: any, dataItem: any, expanded: boolean | undefined): void;
+    triggerContextMenu(e: MouseEvent): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: any;
     cellkeydown: any;

package/cells/GridHierarchyCell.js

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

package/cells/GridHierarchyCell.mjs

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as m, createVNode as r, mergeProps as h, h as g } from "vue";
-import { noop as f, Icon as y, getTemplate as I, Keys as b } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_ID as S, KEYBOARD_NAV_DATA_LEVEL as $, DETAIL_EXPAND_ACTION as k } from "@progress/kendo-vue-data-tools";
-import { provideLocalizationService as x } from "@progress/kendo-vue-intl";
+import { defineComponent as h, createVNode as r, mergeProps as m, h as g } from "vue";
+import { noop as f, Icon as y, getTemplate as I, Keys as x } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as C, KEYBOARD_NAV_DATA_LEVEL as b, DETAIL_EXPAND_ACTION as $ } from "@progress/kendo-vue-data-tools";
+import { provideLocalizationService as S } from "@progress/kendo-vue-intl";
 import { collapseDetailAriaLabel as p, messages as c, expandDetailAriaLabel as u } from "../messages/main.mjs";
-import { minusIcon as A, plusIcon as C } from "@progress/kendo-svg-icons";
-const v = (e) => {
+import { minusIcon as A, plusIcon as v } from "@progress/kendo-svg-icons";
+const N = (e) => {
   var t, a;
   return (a = (t = e.cells) == null ? void 0 : t.hierarchy) == null ? void 0 : a[e.rowType || "data"];
-}, E = /* @__PURE__ */ m({
+}, E = /* @__PURE__ */ h({
   name: "KendoGridHierarchyCell",
   inheritAttrs: !1,
   props: {
@@ -43,7 +43,7 @@ const v = (e) => {
     cellkeydown: null
   },
   inject: {
-    kendo: {
+    gridContext: {
       default: null
     },
     kendoIntlService: {
@@ -58,9 +58,9 @@ const v = (e) => {
   },
   methods: {
     triggerStateChange() {
-      const e = this.kendo;
+      const e = this.gridContext;
       e.dataItemKey && this.$props.dataItem[e.dataItemKey] !== void 0 && (e == null || e.dispatchDetailExpand({
-        type: k.TOGGLE,
+        type: $.TOGGLE,
         id: this.$props.dataItem[e.dataItemKey]
       }));
     },
@@ -70,7 +70,7 @@ const v = (e) => {
         dataItem: this.$props.dataItem,
         field: this.$props.field,
         expanded: t
-      }), !e.defaultPrevented && e.keyCode === b.enter && (e.preventDefault(), this.$emit("change", {
+      }), !e.defaultPrevented && e.keyCode === x.enter && (e.preventDefault(), this.$emit("change", {
         dataItem: this.$props.dataItem,
         dataIndex: this.$props.dataIndex,
         event: e,
@@ -85,6 +85,10 @@ const v = (e) => {
         field: void 0,
         value: !a
       }), this.triggerStateChange();
+    },
+    triggerContextMenu(e) {
+      var t, a;
+      (a = (t = this.gridContext) == null ? void 0 : t.onContextMenu) == null || a.call(t, e, this.$props.dataItem, this.$props.field);
     }
   },
   computed: {
@@ -98,7 +102,7 @@ const v = (e) => {
   },
   render() {
     let e = null, t, a = null;
-    const n = this.getKeyboardNavigationAttributes(this.$props.id), s = x(this), o = s.toLanguageString(p, c[p]), d = s.toLanguageString(u, c[u]);
+    const n = this.getKeyboardNavigationAttributes(this.$props.id), o = S(this), s = o.toLanguageString(p, c[p]), d = o.toLanguageString(u, c[u]);
     if (this.$props.rowType === "groupFooter")
       t = {
         class: this.wrapperClass
@@ -112,20 +116,20 @@ const v = (e) => {
         role: "gridcell",
         "aria-colindex": this.$props.ariaColumnIndex,
         tabindex: n.tabIndex,
-        "data-keyboardnavlevel": n[$],
-        "data-keyboardnavid": n[S]
+        "data-keyboardnavlevel": n[b],
+        "data-keyboardnavid": n[C]
       }, a = r("a", {
         onClick: (l) => {
           this.clickHandler(l, this.$props.dataItem, i);
         },
         href: "#",
         tabindex: -1,
-        title: i ? o : d,
-        "aria-label": i ? o : d
+        title: i ? s : d,
+        "aria-label": i ? s : d
       }, [r(y, {
         name: i ? "minus" : "plus",
-        icon: i ? A : C
-      }, null)]), e = r("td", h(t, {
+        icon: i ? A : v
+      }, null)]), e = r("td", m(t, {
         onKeydown: (l) => {
           this.triggerKeydown(l, i);
         }
@@ -133,7 +137,7 @@ const v = (e) => {
     }
     return I.call(this, {
       h: g,
-      template: this.$props.render || v(this.$props),
+      template: this.$props.render || N(this.$props),
       defaultRendering: e,
       additionalProps: {
         ...this.$props,
@@ -141,7 +145,8 @@ const v = (e) => {
       },
       additionalListeners: {
         keydown: this.triggerKeydown,
-        click: this.clickHandler
+        click: this.clickHandler,
+        contextmenu: this.triggerContextMenu
       },
       defaultSlots: a
     });

package/cells/GridSelectionCell.d.ts

@@ -28,7 +28,9 @@ declare const GridSelectionCell: import('vue').DefineComponent<import('vue').Ext
     editor: PropType<string>;
     isRtl: PropType<boolean>;
     cells: PropType<import('..').GridCellsSettings>;
-}>, {}, {
+}>, {
+    gridContext: any;
+}, {
     inputId: any;
 }, {
     tdClass(): {
@@ -38,6 +40,7 @@ declare const GridSelectionCell: import('vue').DefineComponent<import('vue').Ext
 }, {
     triggerKeydown(e: any): void;
     handleOnChange(event: any): void;
+    triggerContextMenu(e: MouseEvent): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     selectionchange: any;
     cellkeydown: any;

package/cells/GridSelectionCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("../utils/main.js"),r=require("@progress/kendo-vue-common"),a=require("@progress/kendo-vue-data-tools"),p=e=>{var n,o;return(o=(n=e.cells)==null?void 0:n.select)==null?void 0:o[e.rowType||"data"]},u=t.defineComponent({name:"KendoGridSelectionCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,className:String,colSpan:Number,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,expanded:Boolean,render:[String,Function,Object],isSelected:Boolean,ariaColumnIndex:Number,editor:String,isRtl:Boolean,cells:Object},emits:{selectionchange:null,cellkeydown:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:r.noop}},data(){return{inputId:r.guid()}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},handleOnChange(e){this.$emit("selectionchange",{event:e,dataItem:this.$props.dataItem})}},render(){let e,n=null;const o=this.$props.isSelected||c.getNestedValue(this.$props.field,this.$props.dataItem),s=typeof o=="boolean"&&o,i=this.$props.render,l=this.getKeyboardNavigationAttributes(this.$props.id),d=this.$props.rowType!=="groupHeader"?(e={style:this.$attrs.style,colspan:this.$props.colSpan,class:this.tdClass,"aria-colindex":this.$props.ariaColumnIndex,role:"gridcell",tabindex:l.tabIndex,"data-keyboardnavlevel":l[a.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":l[a.KEYBOARD_NAV_DATA_ID]},n=t.createVNode(t.Fragment,null,[t.createVNode("span",{class:"k-checkbox-wrap"},[t.createVNode("input",{checked:s,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.handleOnChange},null)]),t.createVNode("label",{class:"k-checkbox-label",for:this.inputId},null)]),t.createVNode("td",t.mergeProps(e,{onKeydown:this.triggerKeydown}),[n])):null;return r.getTemplate.call(this,{h:t.h,template:i||p(this.$props),defaultRendering:d,additionalProps:{...this.$props,tdProps:e},additionalListeners:{keydown:this.triggerKeydown,change:this.handleOnChange},defaultSlots:n})}});exports.GridSelectionCell=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),c=require("../utils/main.js"),l=require("@progress/kendo-vue-common"),i=require("@progress/kendo-vue-data-tools"),u=e=>{var t,o;return(o=(t=e.cells)==null?void 0:t.select)==null?void 0:o[e.rowType||"data"]},p=n.defineComponent({name:"KendoGridSelectionCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,className:String,colSpan:Number,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,expanded:Boolean,render:[String,Function,Object],isSelected:Boolean,ariaColumnIndex:Number,editor:String,isRtl:Boolean,cells:Object},emits:{selectionchange:null,cellkeydown:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:l.noop}},data(){return{inputId:l.guid()}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},handleOnChange(e){this.$emit("selectionchange",{event:e,dataItem:this.$props.dataItem})},triggerContextMenu(e){var t,o;(o=(t=this.gridContext)==null?void 0:t.onContextMenu)==null||o.call(t,e,this.$props.dataItem,this.$props.field)}},setup(){return{gridContext:n.inject("gridContext",null)}},render(){let e,t=null;const o=this.$props.isSelected||c.getNestedValue(this.$props.field,this.$props.dataItem),s=typeof o=="boolean"&&o,a=this.$props.render,r=this.getKeyboardNavigationAttributes(this.$props.id),d=this.$props.rowType!=="groupHeader"?(e={style:this.$attrs.style,colspan:this.$props.colSpan,class:this.tdClass,"aria-colindex":this.$props.ariaColumnIndex,role:"gridcell",tabindex:r.tabIndex,"data-keyboardnavlevel":r[i.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":r[i.KEYBOARD_NAV_DATA_ID]},t=n.createVNode(n.Fragment,null,[n.createVNode("span",{class:"k-checkbox-wrap"},[n.createVNode("input",{checked:s,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.handleOnChange},null)]),n.createVNode("label",{class:"k-checkbox-label",for:this.inputId},null)]),n.createVNode("td",n.mergeProps(e,{onKeydown:this.triggerKeydown}),[t])):null;return l.getTemplate.call(this,{h:n.h,template:a||u(this.$props),defaultRendering:d,additionalProps:{...this.$props,tdProps:e},additionalListeners:{keydown:this.triggerKeydown,change:this.handleOnChange,contextmenu:this.triggerContextMenu},defaultSlots:t})}});exports.GridSelectionCell=p;