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

package/GridSearchBox.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"),d=require("@progress/kendo-vue-inputs"),l=require("./key.js"),g=require("@progress/kendo-vue-data-tools"),S=require("@progress/kendo-vue-common"),p=require("@progress/kendo-svg-icons"),m=e.defineComponent({name:"KendoVueGridSearchBox",inheritAttrs:!1,props:{onChange:Function,className:String,placeholder:String},setup(r,{emit:t}){const a=e.inject("kendoLocalizationService",{}),{searchChange:o}=e.inject("kendo",{}),{search:c}=e.inject(l.KendoKey,{}),s=n=>{o&&o(n),t("change",n),r.onChange&&r.onChange.call(void 0,n)},i=e.computed(()=>g.getStringFromSearch(c.value)),u=e.computed(()=>({"k-grid-search":!0,"k-searchbox":!0})),h=e.computed(()=>{const n=a;return n!=null&&n.toLanguageString?n.toLanguageString("searchboxPlaceholder","Search..."):r.placeholder||"Search..."});return{handleChange:s,value:i,rootClassName:u,placeholder:h}},render(){return e.createVNode(d.TextBox,e.mergeProps({placeholder:this.placeholder,value:this.value,prefix:()=>e.createVNode(S.Icon,{name:"search",icon:p.searchIcon},null)},this.$attrs,{wrapperClass:"k-grid-search k-searchbox",onInput:this.handleChange}),null)}});exports.GridSearchBox=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("@progress/kendo-vue-inputs"),l=require("./key.js"),g=require("@progress/kendo-vue-data-tools"),S=require("@progress/kendo-vue-common"),p=require("@progress/kendo-svg-icons"),m=e.defineComponent({name:"KendoVueGridSearchBox",inheritAttrs:!1,props:{onChange:Function,className:String,placeholder:String},setup(n,{emit:t}){const a=e.inject("kendoLocalizationService",{}),{searchChange:o}=e.inject("gridContext",{}),{search:c}=e.inject(l.KendoKey,{}),s=r=>{o&&o(r),t("change",r),n.onChange&&n.onChange.call(void 0,r)},i=e.computed(()=>g.getStringFromSearch(c.value)),u=e.computed(()=>({"k-grid-search":!0,"k-searchbox":!0})),h=e.computed(()=>{const r=a;return r!=null&&r.toLanguageString?r.toLanguageString("searchboxPlaceholder","Search..."):n.placeholder||"Search..."});return{handleChange:s,value:i,rootClassName:u,placeholder:h}},render(){return e.createVNode(d.TextBox,e.mergeProps({placeholder:this.placeholder,value:this.value,prefix:()=>e.createVNode(S.Icon,{name:"search",icon:p.searchIcon},null)},this.$attrs,{wrapperClass:"k-grid-search k-searchbox",onInput:this.handleChange}),null)}});exports.GridSearchBox=m;

package/GridSearchBox.mjs

@@ -5,13 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as g, createVNode as t, mergeProps as m, inject as o, computed as n } from "vue";
+import { defineComponent as u, createVNode as t, mergeProps as m, inject as o, computed as n } from "vue";
 import { TextBox as p } from "@progress/kendo-vue-inputs";
 import { KendoKey as f } from "./key.mjs";
 import { getStringFromSearch as S } from "@progress/kendo-vue-data-tools";
 import { Icon as x } from "@progress/kendo-vue-common";
 import { searchIcon as C } from "@progress/kendo-svg-icons";
-const K = /* @__PURE__ */ g({
+const K = /* @__PURE__ */ u({
   name: "KendoVueGridSearchBox",
   inheritAttrs: !1,
   props: {
@@ -24,14 +24,14 @@ const K = /* @__PURE__ */ g({
   }) {
     const h = o("kendoLocalizationService", {}), {
       searchChange: a
-    } = o("kendo", {}), {
+    } = o("gridContext", {}), {
       search: i
     } = o(f, {}), s = (e) => {
       a && a(e), c("change", e), r.onChange && r.onChange.call(void 0, e);
     }, l = n(() => S(i.value)), d = n(() => ({
       "k-grid-search": !0,
       "k-searchbox": !0
-    })), u = n(() => {
+    })), g = n(() => {
       const e = h;
       return e != null && e.toLanguageString ? e.toLanguageString("searchboxPlaceholder", "Search...") : r.placeholder || "Search...";
     });
@@ -39,7 +39,7 @@ const K = /* @__PURE__ */ g({
       handleChange: s,
       value: l,
       rootClassName: d,
-      placeholder: u
+      placeholder: g
     };
   },
   render() {

package/GridState.d.ts

@@ -127,6 +127,9 @@ declare const GridStateProvider: import('vue').DefineComponent<{
     lockGroups?: boolean;
     pager?: string | boolean | Object;
     columnVirtualization?: boolean;
+    contextMenu?: boolean | import('.').GridContextMenuOptions | ((options: import('.').GridCellBaseOptions) => boolean | import('.').GridContextMenuOptions);
+    onContextmenu?: (event: import('./interfaces/events').GridContextMenuEvent) => void;
+    onContextmenuitemclick?: (event: import('./interfaces/events').GridContextMenuItemClickEvent) => void;
     navigatable?: boolean;
     topCacheCount?: number;
     totalGroupedHeight?: number;
@@ -239,6 +242,9 @@ declare const GridStateProvider: import('vue').DefineComponent<{
     lockGroups?: boolean;
     pager?: string | boolean | Object;
     columnVirtualization?: boolean;
+    contextMenu?: boolean | import('.').GridContextMenuOptions | ((options: import('.').GridCellBaseOptions) => boolean | import('.').GridContextMenuOptions);
+    onContextmenu?: (event: import('./interfaces/events').GridContextMenuEvent) => void;
+    onContextmenuitemclick?: (event: import('./interfaces/events').GridContextMenuItemClickEvent) => void;
     navigatable?: boolean;
     topCacheCount?: number;
     totalGroupedHeight?: number;

package/RootGrid.d.ts

@@ -83,17 +83,13 @@ export declare const RootGrid: import('vue').DefineComponent<import('vue').Extra
         default: () => any;
     };
     cells: import('vue').PropType<import('.').GridCellsSettings>;
+    contextMenu: import('vue').PropType<boolean | import('.').GridContextMenuOptions | ((options: import('.').GridCellBaseOptions) => boolean | import('.').GridContextMenuOptions)>;
     rows: import('vue').PropType<import('./interfaces/GridRowsSettings').GridRowsSettings>;
     defaultColumnsState: {
         type: import('vue').PropType<import('.').GridColumnState[]>;
         default: () => any;
     };
     columnVirtualization: import('vue').PropType<boolean>;
-    /**
-     * Method to fit columns according to their content.
-     *
-     * @param columnIds - Array of column ids to be fitted.
-     */
     dataItems: import('vue').PropType<any[] | import('@progress/kendo-data-query').DataResult>;
     sortable: import('vue').PropType<import('.').GridSortSettings>;
     defaultSort: import('vue').PropType<import('@progress/kendo-data-query').SortDescriptor[]>;
@@ -246,6 +242,8 @@ export declare const RootGrid: import('vue').DefineComponent<import('vue').Extra
     onSearchchange: import('vue').PropType<(event: import('.').GridSearchChangeEvent) => void>;
     onGroupexpandchange: import('vue').PropType<(event: import('.').GridGroupExpandChangeEvent) => void>;
     onDetailexpandchange: import('vue').PropType<(event: import('.').GridDetailExpandChangeEvent) => void>;
+    onContextmenu: import('vue').PropType<(event: import('.').GridContextMenuEvent) => void>;
+    onContextmenuitemclick: import('vue').PropType<(event: import('.').GridContextMenuItemClickEvent) => void>;
 }>, void, {}, {
     columnsWithTemplates(): any[];
     cellsWithTemplates(): any;
@@ -309,17 +307,13 @@ export declare const RootGrid: import('vue').DefineComponent<import('vue').Extra
         default: () => any;
     };
     cells: import('vue').PropType<import('.').GridCellsSettings>;
+    contextMenu: import('vue').PropType<boolean | import('.').GridContextMenuOptions | ((options: import('.').GridCellBaseOptions) => boolean | import('.').GridContextMenuOptions)>;
     rows: import('vue').PropType<import('./interfaces/GridRowsSettings').GridRowsSettings>;
     defaultColumnsState: {
         type: import('vue').PropType<import('.').GridColumnState[]>;
         default: () => any;
     };
     columnVirtualization: import('vue').PropType<boolean>;
-    /**
-     * Method to fit columns according to their content.
-     *
-     * @param columnIds - Array of column ids to be fitted.
-     */
     dataItems: import('vue').PropType<any[] | import('@progress/kendo-data-query').DataResult>;
     sortable: import('vue').PropType<import('.').GridSortSettings>;
     defaultSort: import('vue').PropType<import('@progress/kendo-data-query').SortDescriptor[]>;
@@ -472,6 +466,8 @@ export declare const RootGrid: import('vue').DefineComponent<import('vue').Extra
     onSearchchange: import('vue').PropType<(event: import('.').GridSearchChangeEvent) => void>;
     onGroupexpandchange: import('vue').PropType<(event: import('.').GridGroupExpandChangeEvent) => void>;
     onDetailexpandchange: import('vue').PropType<(event: import('.').GridDetailExpandChangeEvent) => void>;
+    onContextmenu: import('vue').PropType<(event: import('.').GridContextMenuEvent) => void>;
+    onContextmenuitemclick: import('vue').PropType<(event: import('.').GridContextMenuItemClickEvent) => void>;
 }>> & Readonly<{}>, {
     size: string;
     scrollable: string;

package/cells/GridCell.d.ts

@@ -57,6 +57,7 @@ declare const GridCell: import('vue').DefineComponent<import('vue').ExtractPropT
     cells: PropType<import('../interfaces/GridCellsSettings').GridCellsSettings>;
 }>, {
     kendoIntlService: {};
+    gridContext: any;
 }, {}, {
     tdClass(): {
         [x: number]: any;
@@ -72,6 +73,7 @@ declare const GridCell: import('vue').DefineComponent<import('vue').ExtractPropT
     triggerCancel(dataItem: any): void;
     triggerSave(dataItem: any): void;
     triggerRemove(dataItem: any): void;
+    triggerContextMenu(e: MouseEvent): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cellclick: any;
     cellkeydown: 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 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})}});exports.GridCell=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),c=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)},triggerContextMenu(e){var t,i;(i=(t=this.gridContext)==null?void 0:t.onContextMenu)==null||i.call(t,e,this.$props.dataItem,this.$props.field)}},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(){const e=r.inject("kendoIntlService",{}),t=r.inject("gridContext",null);return{kendoIntlService:e,gridContext:t}},render(){var l,d,a;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,onContextmenu:this.triggerContextMenu}),[o]);else if(this.$props.field!==void 0&&this.$props.rowType!=="groupHeader"){const n=c.getNestedValue(this.$props.field,this.$props.dataItem);let p="";n!=null&&(p=this.$props.format?this.$props.type?this._intl.format(this.$props.format,c.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:(a=(d=this.$props.rowSpan)==null?void 0:d.count)!=null?a: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=p,e=r.createVNode("td",r.mergeProps(i,{onKeydown:this.triggerKeydown,onClick:this.triggerClick,onContextmenu:this.triggerContextMenu}),[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,contextmenu:this.triggerContextMenu},defaultSlots:o})}});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 h, createVNode as d, mergeProps as p, h as m, inject as u } from "vue";
+import { defineComponent as m, createVNode as a, mergeProps as p, h as u, inject as g } from "vue";
 import { getNestedValue as $, parsers as f } 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({
+import { provideIntlService as C } from "@progress/kendo-vue-intl";
+import { noop as S, getTemplate as v } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as c, KEYBOARD_NAV_DATA_LEVEL as h } from "@progress/kendo-vue-data-tools";
+const w = /* @__PURE__ */ m({
   name: "GridCell",
   inheritAttrs: !1,
   emits: {
@@ -53,7 +53,7 @@ const A = /* @__PURE__ */ h({
       default: null
     },
     getKeyboardNavigationAttributes: {
-      default: v
+      default: S
     }
   },
   methods: {
@@ -63,73 +63,80 @@ const A = /* @__PURE__ */ h({
         field: this.$props.field
       });
     },
-    triggerKeydown(e) {
+    triggerKeydown(t) {
       this.$emit("cellkeydown", {
-        event: e,
+        event: t,
         dataItem: this.$props.dataItem,
         field: this.$props.field
       });
     },
-    triggerEdit(e) {
-      this.$emit("edit", e);
+    triggerEdit(t) {
+      this.$emit("edit", t);
     },
-    triggerAdd(e) {
-      this.$emit("add", e);
+    triggerAdd(t) {
+      this.$emit("add", t);
     },
-    triggerCancel(e) {
-      this.$emit("cancel", e);
+    triggerCancel(t) {
+      this.$emit("cancel", t);
     },
-    triggerSave(e) {
-      this.$emit("save", e);
+    triggerSave(t) {
+      this.$emit("save", t);
     },
-    triggerRemove(e) {
-      this.$emit("remove", e);
+    triggerRemove(t) {
+      this.$emit("remove", t);
+    },
+    triggerContextMenu(t) {
+      var e, i;
+      (i = (e = this.gridContext) == null ? void 0 : e.onContextMenu) == null || i.call(e, t, this.$props.dataItem, this.$props.field);
     }
   },
   created() {
-    this._intl = S(this);
+    this._intl = C(this);
   },
   computed: {
     tdClass() {
       const {
-        className: e,
-        isSelected: t,
+        className: t,
+        isSelected: e,
         isHighlighted: i
       } = this.$props;
       return {
         "k-table-td": !0,
-        "k-selected": t,
+        "k-selected": e,
         "k-highlighted": i,
-        [e]: e
+        [t]: t
       };
     }
   },
   setup() {
+    const t = g("kendoIntlService", {}), e = g("gridContext", null);
     return {
-      kendoIntlService: u("kendoIntlService", {})
+      kendoIntlService: t,
+      gridContext: e
     };
   },
   render() {
     var o, s, l;
-    let e = null;
-    const t = this.getKeyboardNavigationAttributes(this.$props.id);
+    let t = null;
+    const e = this.getKeyboardNavigationAttributes(this.$props.id);
     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,
-        tabindex: t.tabIndex,
-        "data-keyboardnavlevel": t[g],
-        "data-keyboardnavid": t[c]
-      }, e = d("td", p(i, {
+        tabindex: e.tabIndex,
+        "data-keyboardnavlevel": e[h],
+        "data-keyboardnavid": e[c]
+      }, t = a("td", p(i, {
         onKeydown: this.triggerKeydown,
-        onClick: this.triggerClick
+        onClick: this.triggerClick,
+        onContextmenu: this.triggerContextMenu
       }), [n]);
     else if (this.$props.field !== void 0 && this.$props.rowType !== "groupHeader") {
       const r = $(this.$props.field, this.$props.dataItem);
-      let a = "";
-      r != null && (a = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, f[this.$props.type](r, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, r) : r.toString()), i = {
+      let d = "";
+      r != null && (d = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, f[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: (l = (s = this.$props.rowSpan) == null ? void 0 : s.count) != null ? l : void 0,
@@ -138,18 +145,19 @@ const A = /* @__PURE__ */ h({
         "aria-colindex": this.$props.ariaColumnIndex,
         "aria-selected": this.$props.isSelected,
         "data-grid-col-index": this.$props.columnIndex,
-        tabindex: t.tabIndex,
-        "data-keyboardnavlevel": t[g],
-        "data-keyboardnavid": t[c]
-      }, n = a, e = d("td", p(i, {
+        tabindex: e.tabIndex,
+        "data-keyboardnavlevel": e[h],
+        "data-keyboardnavid": e[c]
+      }, n = d, t = a("td", p(i, {
         onKeydown: this.triggerKeydown,
-        onClick: this.triggerClick
+        onClick: this.triggerClick,
+        onContextmenu: this.triggerContextMenu
       }), [n]);
     }
-    return b.call(this, {
-      h: m,
+    return v.call(this, {
+      h: u,
       template: this.$props.render,
-      defaultRendering: e,
+      defaultRendering: t,
       additionalProps: {
         ...this.$props,
         tdProps: i
@@ -161,12 +169,13 @@ const A = /* @__PURE__ */ h({
         add: this.triggerAdd,
         cancel: this.triggerCancel,
         save: this.triggerSave,
-        remove: this.triggerRemove
+        remove: this.triggerRemove,
+        contextmenu: this.triggerContextMenu
       },
       defaultSlots: n
     });
   }
 });
 export {
-  A as GridCell
+  w as GridCell
 };

package/cells/GridDetailCell.d.ts

@@ -27,7 +27,10 @@ declare const GridDetailCell: import('vue').DefineComponent<import('vue').Extrac
     id: PropType<string>;
 }>, {
     kendoIntlService: {};
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    gridContext: any;
+}, {}, {}, {
+    triggerContextMenu(e: MouseEvent): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     colSpan: PropType<number>;
     ariaColIndex: PropType<number>;
     dataItem: PropType<any>;

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

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;