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

package/cells/pincell/GridPinDropdownButton.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),g=require("@progress/kendo-vue-common"),w=require("@progress/kendo-vue-popup"),u=require("@progress/kendo-svg-icons"),t=require("../../messages/main.js"),B=require("@progress/kendo-vue-layout"),V=o.defineComponent({name:"GridPinDropdownButton",props:{dataItem:Object},inject:{kendoLocalizationService:{default:null},kendo:{default:null}},setup(l){const e=o.inject("kendoLocalizationService",{}),s=o.inject("kendo",{}),i=o.ref(!1),T="#",P=g.guid(),a=o.computed(()=>s!=null&&s.getRowPinPosition?s.getRowPinPosition(l.dataItem):"none"),p=o.computed(()=>a.value!=="none"),c=o.computed(()=>{var n;return((n=e==null?void 0:e.toLanguageString)==null?void 0:n.call(e,t.gridPinToTop,t.messages[t.gridPinToTop]))||t.messages[t.gridPinToTop]}),f=o.computed(()=>{var n;return((n=e==null?void 0:e.toLanguageString)==null?void 0:n.call(e,t.gridPinToBottom,t.messages[t.gridPinToBottom]))||t.messages[t.gridPinToBottom]}),r=o.computed(()=>{var n;return((n=e==null?void 0:e.toLanguageString)==null?void 0:n.call(e,t.gridUnpin,t.messages[t.gridUnpin]))||t.messages[t.gridUnpin]}),I=o.computed(()=>{const n=[];return p.value&&n.push({text:r.value,svgIcon:u.unpinOutlineIcon,data:{action:"unpin"}}),a.value!=="top"&&n.push({text:c.value,svgIcon:u.pinOutlineTopIcon,data:{action:"pinTop"}}),a.value!=="bottom"&&n.push({text:f.value,svgIcon:u.pinOutlineBottomIcon,data:{action:"pinBottom"}}),n});return{anchor:P,showPopup:i,hrefValue:T,isPinned:p,pinToTopText:c,unpinText:r,menuItems:I,handleToggle:n=>{n.preventDefault(),i.value=!i.value},handleClose:n=>{n.isAnchorClicked||(i.value=!1)},handleMenuSelect:n=>{var d,h,m;const v=(h=(d=n.item)==null?void 0:d.data)==null?void 0:h.action;(m=s==null?void 0:s.onRowPin)==null||m.call(s,v,l.dataItem),i.value=!1}}},render(){return[o.createVNode("a",{class:"k-pin-cell",ref:this.anchor,href:this.hrefValue,tabindex:-1,onClick:this.handleToggle,"aria-label":this.isPinned?this.unpinText:this.pinToTopText},[o.createVNode(g.Icon,{name:this.isPinned?"unpin":"pin",icon:this.isPinned?u.unpinOutlineIcon:u.pinOutlineIcon},null)]),o.createVNode(w.Popup,{anchor:this.anchor,show:this.showPopup,anchorAlign:{vertical:"bottom",horizontal:"right"},popupClass:"k-menu-popup",onMousedownoutside:this.handleClose},{default:()=>[o.createVNode(B.Menu,{vertical:!0,items:this.menuItems,onSelect:this.handleMenuSelect},null)]})]}});exports.GridPinDropdownButton=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),m=require("@progress/kendo-vue-common"),w=require("@progress/kendo-vue-popup"),u=require("@progress/kendo-svg-icons"),t=require("../../messages/main.js"),B=require("@progress/kendo-vue-layout"),V=o.defineComponent({name:"GridPinDropdownButton",props:{dataItem:Object},inject:{kendoLocalizationService:{default:null},gridContext:{default:null}},setup(l){const e=o.inject("kendoLocalizationService",{}),s=o.inject("gridContext",{}),i=o.ref(!1),T="#",P=m.guid(),a=o.computed(()=>s!=null&&s.getRowPinPosition?s.getRowPinPosition(l.dataItem):"none"),p=o.computed(()=>a.value!=="none"),r=o.computed(()=>{var n;return((n=e==null?void 0:e.toLanguageString)==null?void 0:n.call(e,t.gridPinToTop,t.messages[t.gridPinToTop]))||t.messages[t.gridPinToTop]}),f=o.computed(()=>{var n;return((n=e==null?void 0:e.toLanguageString)==null?void 0:n.call(e,t.gridPinToBottom,t.messages[t.gridPinToBottom]))||t.messages[t.gridPinToBottom]}),c=o.computed(()=>{var n;return((n=e==null?void 0:e.toLanguageString)==null?void 0:n.call(e,t.gridUnpin,t.messages[t.gridUnpin]))||t.messages[t.gridUnpin]}),I=o.computed(()=>{const n=[];return p.value&&n.push({text:c.value,svgIcon:u.unpinOutlineIcon,data:{action:"unpin"}}),a.value!=="top"&&n.push({text:r.value,svgIcon:u.pinOutlineTopIcon,data:{action:"pinTop"}}),a.value!=="bottom"&&n.push({text:f.value,svgIcon:u.pinOutlineBottomIcon,data:{action:"pinBottom"}}),n});return{anchor:P,showPopup:i,hrefValue:T,isPinned:p,pinToTopText:r,unpinText:c,menuItems:I,handleToggle:n=>{n.preventDefault(),i.value=!i.value},handleClose:n=>{n.isAnchorClicked||(i.value=!1)},handleMenuSelect:n=>{var d,h,g;const v=(h=(d=n.item)==null?void 0:d.data)==null?void 0:h.action;(g=s==null?void 0:s.onRowPin)==null||g.call(s,v,l.dataItem),i.value=!1}}},render(){return[o.createVNode("a",{class:"k-pin-cell",ref:this.anchor,href:this.hrefValue,tabindex:-1,onClick:this.handleToggle,"aria-label":this.isPinned?this.unpinText:this.pinToTopText},[o.createVNode(m.Icon,{name:this.isPinned?"unpin":"pin",icon:this.isPinned?u.unpinOutlineIcon:u.pinOutlineIcon},null)]),o.createVNode(w.Popup,{anchor:this.anchor,show:this.showPopup,anchorAlign:{vertical:"bottom",horizontal:"right"},popupClass:"k-menu-popup",onMousedownoutside:this.handleClose},{default:()=>[o.createVNode(B.Menu,{vertical:!0,items:this.menuItems,onSelect:this.handleMenuSelect},null)]})]}});exports.GridPinDropdownButton=V;

package/cells/pincell/GridPinDropdownButton.mjs

@@ -6,10 +6,10 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as M, createVNode as u, inject as P, ref as O, computed as e } from "vue";
-import { Icon as j, guid as D } from "@progress/kendo-vue-common";
-import { Popup as R } from "@progress/kendo-vue-popup";
-import { unpinOutlineIcon as I, pinOutlineIcon as V, pinOutlineTopIcon as A, pinOutlineBottomIcon as C } from "@progress/kendo-svg-icons";
-import { messages as s, gridPinToTop as l, gridPinToBottom as p, gridUnpin as h } from "../../messages/main.mjs";
+import { Icon as C, guid as j } from "@progress/kendo-vue-common";
+import { Popup as D } from "@progress/kendo-vue-popup";
+import { unpinOutlineIcon as I, pinOutlineIcon as R, pinOutlineTopIcon as V, pinOutlineBottomIcon as A } from "@progress/kendo-svg-icons";
+import { messages as i, gridPinToTop as l, gridPinToBottom as p, gridUnpin as r } from "../../messages/main.mjs";
 import { Menu as G } from "@progress/kendo-vue-layout";
 const Q = /* @__PURE__ */ M({
   name: "GridPinDropdownButton",
@@ -20,21 +20,21 @@ const Q = /* @__PURE__ */ M({
     kendoLocalizationService: {
       default: null
     },
-    kendo: {
+    gridContext: {
       default: null
     }
   },
-  setup(r) {
-    const t = P("kendoLocalizationService", {}), o = P("kendo", {}), i = O(!1), w = "#", v = D(), a = e(() => o != null && o.getRowPinPosition ? o.getRowPinPosition(r.dataItem) : "none"), c = e(() => a.value !== "none"), m = e(() => {
+  setup(h) {
+    const t = P("kendoLocalizationService", {}), o = P("gridContext", {}), s = O(!1), w = "#", v = j(), a = e(() => o != null && o.getRowPinPosition ? o.getRowPinPosition(h.dataItem) : "none"), c = e(() => a.value !== "none"), m = e(() => {
       var n;
-      return ((n = t == null ? void 0 : t.toLanguageString) == null ? void 0 : n.call(t, l, s[l])) || s[l];
-    }), B = e(() => {
+      return ((n = t == null ? void 0 : t.toLanguageString) == null ? void 0 : n.call(t, l, i[l])) || i[l];
+    }), x = e(() => {
       var n;
-      return ((n = t == null ? void 0 : t.toLanguageString) == null ? void 0 : n.call(t, p, s[p])) || s[p];
+      return ((n = t == null ? void 0 : t.toLanguageString) == null ? void 0 : n.call(t, p, i[p])) || i[p];
     }), d = e(() => {
       var n;
-      return ((n = t == null ? void 0 : t.toLanguageString) == null ? void 0 : n.call(t, h, s[h])) || s[h];
-    }), b = e(() => {
+      return ((n = t == null ? void 0 : t.toLanguageString) == null ? void 0 : n.call(t, r, i[r])) || i[r];
+    }), B = e(() => {
       const n = [];
       return c.value && n.push({
         text: d.value,
@@ -44,13 +44,13 @@ const Q = /* @__PURE__ */ M({
         }
       }), a.value !== "top" && n.push({
         text: m.value,
-        svgIcon: A,
+        svgIcon: V,
         data: {
           action: "pinTop"
         }
       }), a.value !== "bottom" && n.push({
-        text: B.value,
-        svgIcon: C,
+        text: x.value,
+        svgIcon: A,
         data: {
           action: "pinBottom"
         }
@@ -58,22 +58,22 @@ const Q = /* @__PURE__ */ M({
     });
     return {
       anchor: v,
-      showPopup: i,
+      showPopup: s,
       hrefValue: w,
       isPinned: c,
       pinToTopText: m,
       unpinText: d,
-      menuItems: b,
+      menuItems: B,
       handleToggle: (n) => {
-        n.preventDefault(), i.value = !i.value;
+        n.preventDefault(), s.value = !s.value;
       },
       handleClose: (n) => {
-        n.isAnchorClicked || (i.value = !1);
+        n.isAnchorClicked || (s.value = !1);
       },
       handleMenuSelect: (n) => {
-        var f, g, T;
-        const x = (g = (f = n.item) == null ? void 0 : f.data) == null ? void 0 : g.action;
-        (T = o == null ? void 0 : o.onRowPin) == null || T.call(o, x, r.dataItem), i.value = !1;
+        var g, f, T;
+        const b = (f = (g = n.item) == null ? void 0 : g.data) == null ? void 0 : f.action;
+        (T = o == null ? void 0 : o.onRowPin) == null || T.call(o, b, h.dataItem), s.value = !1;
       }
     };
   },
@@ -85,10 +85,10 @@ const Q = /* @__PURE__ */ M({
       tabindex: -1,
       onClick: this.handleToggle,
       "aria-label": this.isPinned ? this.unpinText : this.pinToTopText
-    }, [u(j, {
+    }, [u(C, {
       name: this.isPinned ? "unpin" : "pin",
-      icon: this.isPinned ? I : V
-    }, null)]), u(R, {
+      icon: this.isPinned ? I : R
+    }, null)]), u(D, {
       anchor: this.anchor,
       show: this.showPopup,
       anchorAlign: {

package/common.d.ts

@@ -33,6 +33,7 @@ declare const gridProps: {
         default: () => any;
     };
     cells: PropType<import('.').GridCellsSettings>;
+    contextMenu: PropType<boolean | import('.').GridContextMenuOptions | ((options: import('.').GridCellBaseOptions) => boolean | import('.').GridContextMenuOptions)>;
     rows: PropType<import('./interfaces/GridRowsSettings').GridRowsSettings>;
     defaultColumnsState: {
         type: PropType<import('.').GridColumnState[]>;
@@ -191,5 +192,7 @@ declare const gridProps: {
     onSearchchange: PropType<(event: import('.').GridSearchChangeEvent) => void>;
     onGroupexpandchange: PropType<(event: import('.').GridGroupExpandChangeEvent) => void>;
     onDetailexpandchange: PropType<(event: import('.').GridDetailExpandChangeEvent) => void>;
+    onContextmenu: PropType<(event: import('.').GridContextMenuEvent) => void>;
+    onContextmenuitemclick: PropType<(event: import('.').GridContextMenuItemClickEvent) => void>;
 };
 export { gridProps };

package/common.js

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

package/common.mjs

@@ -31,6 +31,7 @@ const a = {
     }
   },
   cells: Object,
+  contextMenu: [Boolean, Object, Function],
   rows: Object,
   defaultColumnsState: {
     type: Array,
@@ -128,7 +129,9 @@ const a = {
   onGroupchange: Function,
   onSearchchange: Function,
   onGroupexpandchange: Function,
-  onDetailexpandchange: Function
+  onDetailexpandchange: Function,
+  onContextmenu: Function,
+  onContextmenuitemclick: Function
 };
 export {
   a as gridProps

package/components/PinnedRowsTable.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"),n=require("@progress/kendo-vue-common"),c=require("@progress/kendo-vue-data-tools"),R=require("@progress/kendo-vue-intl"),L=require("../rows/GridRow.js"),I=require("../getRowContents.js"),l=require("../messages/main.js"),C=t.defineComponent({name:"PinnedRowsTable",props:{size:String,cols:Array,dataRowContext:Object,position:String,pinnedItems:Array,rowHeight:Number,rows:Object,selectable:Object},inject:{gridContext:{default:()=>({})},kendoLocalizationService:{default:null}},mounted(){this.tableRef=n.getRef(this,"table"),this.colGroupRefEl=n.getRef(this,"colGroup")},updated(){this.tableRef=n.getRef(this,"table"),this.colGroupRefEl=n.getRef(this,"colGroup")},methods:{setWidth(e){const a=n.getRef(this,"table");a&&(a.style.width=e?e+"px":"")},setScrollLeft(e){const a=n.getRef(this,"pinnedRef");a&&a.scrollLeft!==e&&(a.scrollLeft=e)}},setup(e){const a=t.inject("kendo",{}),d=t.computed(()=>e.position==="top"),m=t.computed(()=>d.value?a.pinnedTopRef:a.pinnedBottomRef),p=t.ref(!1),w=s=>{const o=a.containerElementRef;if(!o||p.value)return;const i=s.currentTarget.scrollLeft;o.scrollLeft!==i&&(o.scrollLeft=i)},g=t.computed(()=>!e.pinnedItems||!e.dataRowContext?[]:e.pinnedItems.map((s,o)=>{var b;const i={dataItem:s,rowType:"data",level:0,expanded:!1,dataIndex:o},r=e.dataRowContext.dataItemKey,u="pinned_"+((r?n.getter(r)(s):void 0)||"ai"+o),f=I.getRowContents(e.dataRowContext,i,u,o),v=(b=e.rows)!=null&&b.pinnedData?{...e.rows,data:e.rows.pinnedData}:e.rows;return t.createVNode(L.GridRow,{key:u,rowType:"data",item:i,dataIndex:o,ariaRowIndex:o+1,absoluteRowIndex:o,isAltRow:o%2!==0,isHidden:!1,rowHeight:e.rowHeight,isSelected:f.isSelected,rows:v},{default:()=>[f.row]})})),h=t.computed(()=>n.classNames("k-grid-pinned-container",{"k-pos-bottom":!d.value})),S=t.computed(()=>n.classNames(n.uGrid.table({size:e.size}))),y=s=>{var i,r;const o=(i=e.pinnedItems)==null?void 0:i[s.startRowIndex];o&&((r=a.pinnedSelectionRelease)==null||r.call(a,s,o))},N=t.computed(()=>e.selectable?{...typeof e.selectable=="object"?e.selectable:{},enabled:!0,drag:!1}:e.selectable),T=t.computed(()=>d.value?c.tableKeyboardNavigationTopPinnedAttributes:c.tableKeyboardNavigationBottomPinnedAttributes);return{isTop:d,pinnedRef:m,handlePinnedScroll:w,pinnedRows:g,containerClassName:h,tableClassName:S,handleSelectionRelease:y,pinnedSelectable:N,pinnedBodyAttributes:T}},render(){return t.createVNode("div",{class:this.containerClassName,role:"presentation",style:{display:this.pinnedRows.length?"":"none"}},[t.createVNode("div",{class:"k-grid-pinned-wrap",ref:n.setRef(this,"pinnedRef"),onScroll:this.handlePinnedScroll},[t.createVNode(c.TableSelection,{selectable:this.pinnedSelectable,onRelease:this.handleSelectionRelease},{default:()=>[t.createVNode("table",{ref:n.setRef(this,"table"),class:this.tableClassName,"aria-label":this.isTop?R.provideLocalizationService(this).toLanguageString(l.pinnedTopRowsAriaLabel,l.messages[l.pinnedTopRowsAriaLabel]):R.provideLocalizationService(this).toLanguageString(l.pinnedBottomRowsAriaLabel,l.messages[l.pinnedBottomRowsAriaLabel])},[t.createVNode("colgroup",{ref:n.setRef(this,"colGroup")},[this.$props.cols]),t.createVNode("tbody",t.mergeProps({class:n.classNames(n.uGrid.tbody({}))},this.pinnedBodyAttributes),[this.pinnedRows])])]})])])}});exports.PinnedRowsTable=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("@progress/kendo-vue-common"),c=require("@progress/kendo-vue-data-tools"),b=require("@progress/kendo-vue-intl"),T=require("../rows/GridRow.js"),I=require("../getRowContents.js"),l=require("../messages/main.js"),C=t.defineComponent({name:"PinnedRowsTable",props:{size:String,cols:Array,dataRowContext:Object,position:String,pinnedItems:Array,rowHeight:Number,rows:Object,selectable:Object},inject:{gridContext:{default:()=>({})},kendoLocalizationService:{default:null}},mounted(){this.tableRef=o.getRef(this,"table"),this.colGroupRefEl=o.getRef(this,"colGroup")},updated(){this.tableRef=o.getRef(this,"table"),this.colGroupRefEl=o.getRef(this,"colGroup")},methods:{setWidth(e){const a=o.getRef(this,"table");a&&(a.style.width=e?e+"px":"")},setScrollLeft(e){const a=o.getRef(this,"pinnedRef");a&&a.scrollLeft!==e&&(a.scrollLeft=e)}},setup(e){const a=t.inject("gridContext",{}),d=t.computed(()=>e.position==="top"),m=t.computed(()=>d.value?a.pinnedTopRef:a.pinnedBottomRef),w=t.ref(!1),g=i=>{const n=a.containerElementRef;if(!n||w.value)return;const s=i.currentTarget.scrollLeft;n.scrollLeft!==s&&(n.scrollLeft=s)},h=t.computed(()=>{if(!e.rows)return;const{pinnedData:i,...n}=e.rows;return i?{...n,data:i}:e.rows}),p=t.computed(()=>!e.pinnedItems||!e.dataRowContext?[]:e.pinnedItems.map((i,n)=>{var R;const s={dataItem:i,rowType:"data",level:0,expanded:!1,dataIndex:n},r=e.dataRowContext.dataItemKey,u="pinned_"+((r?o.getter(r)(i):void 0)||"ai"+n),f=I.getRowContents(e.dataRowContext,s,u,n);return(R=e.rows)!=null&&R.pinnedData?{...e.rows,data:e.rows.pinnedData}:e.rows,t.createVNode(T.GridRow,{key:u,rowType:"data",isPinned:!0,item:s,dataIndex:n,ariaRowIndex:n+1,absoluteRowIndex:n,isAltRow:n%2!==0,isHidden:!1,rowHeight:e.rowHeight,isSelected:f.isSelected,rows:h.value},{default:()=>[f.row]})})),S=t.computed(()=>o.classNames("k-grid-pinned-container",{"k-pos-bottom":!d.value})),y=t.computed(()=>o.classNames(o.uGrid.table({size:e.size}))),N=i=>{var s,r;const n=(s=e.pinnedItems)==null?void 0:s[i.startRowIndex];n&&((r=a.pinnedSelectionRelease)==null||r.call(a,i,n))},v=t.computed(()=>e.selectable?{...typeof e.selectable=="object"?e.selectable:{},enabled:!0,drag:!1}:e.selectable),L=t.computed(()=>d.value?c.tableKeyboardNavigationTopPinnedAttributes:c.tableKeyboardNavigationBottomPinnedAttributes);return{isTop:d,pinnedRef:m,handlePinnedScroll:g,pinnedRows:p,containerClassName:S,tableClassName:y,handleSelectionRelease:N,pinnedSelectable:v,pinnedBodyAttributes:L}},render(){return t.createVNode("div",{class:this.containerClassName,role:"presentation",style:this.pinnedRows.length?void 0:{display:"none"}},[t.createVNode("div",{class:"k-grid-pinned-wrap",ref:o.setRef(this,"pinnedRef"),onScroll:this.handlePinnedScroll},[t.createVNode(c.TableSelection,{selectable:this.pinnedSelectable,onRelease:this.handleSelectionRelease},{default:()=>[t.createVNode("table",{ref:o.setRef(this,"table"),class:this.tableClassName,"aria-label":this.isTop?b.provideLocalizationService(this).toLanguageString(l.pinnedTopRowsAriaLabel,l.messages[l.pinnedTopRowsAriaLabel]):b.provideLocalizationService(this).toLanguageString(l.pinnedBottomRowsAriaLabel,l.messages[l.pinnedBottomRowsAriaLabel])},[t.createVNode("colgroup",{ref:o.setRef(this,"colGroup")},[this.$props.cols]),t.createVNode("tbody",t.mergeProps({class:o.classNames(o.uGrid.tbody({}))},this.pinnedBodyAttributes),[this.pinnedRows])])]})])])}});exports.PinnedRowsTable=C;

package/components/PinnedRowsTable.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as G, createVNode as a, mergeProps as P, inject as j, computed as s, ref as x } from "vue";
+import { defineComponent as x, createVNode as s, mergeProps as G, inject as j, computed as a, ref as k } from "vue";
 import { setRef as c, classNames as f, uGrid as R, getter as K, getRef as l } from "@progress/kendo-vue-common";
 import { TableSelection as z, tableKeyboardNavigationTopPinnedAttributes as B, tableKeyboardNavigationBottomPinnedAttributes as E } from "@progress/kendo-vue-data-tools";
-import { provideLocalizationService as p } from "@progress/kendo-vue-intl";
+import { provideLocalizationService as w } from "@progress/kendo-vue-intl";
 import { GridRow as H } from "../rows/GridRow.mjs";
-import { getRowContents as O } from "../getRowContents.mjs";
-import { pinnedTopRowsAriaLabel as h, messages as w, pinnedBottomRowsAriaLabel as g } from "../messages/main.mjs";
-const M = /* @__PURE__ */ G({
+import { getRowContents as D } from "../getRowContents.mjs";
+import { pinnedTopRowsAriaLabel as h, messages as p, pinnedBottomRowsAriaLabel as g } from "../messages/main.mjs";
+const M = /* @__PURE__ */ x({
   name: "PinnedRowsTable",
   props: {
     size: String,
@@ -49,27 +49,39 @@ const M = /* @__PURE__ */ G({
     }
   },
   setup(e) {
-    const n = j("kendo", {}), d = s(() => e.position === "top"), S = s(() => d.value ? n.pinnedTopRef : n.pinnedBottomRef), y = x(!1), I = (o) => {
+    const n = j("gridContext", {}), d = a(() => e.position === "top"), S = a(() => d.value ? n.pinnedTopRef : n.pinnedBottomRef), y = k(!1), I = (o) => {
       const t = n.containerElementRef;
       if (!t || y.value)
         return;
       const i = o.currentTarget.scrollLeft;
       t.scrollLeft !== i && (t.scrollLeft = i);
-    }, L = s(() => !e.pinnedItems || !e.dataRowContext ? [] : e.pinnedItems.map((o, t) => {
-      var u;
+    }, v = a(() => {
+      if (!e.rows)
+        return;
+      const {
+        pinnedData: o,
+        ...t
+      } = e.rows;
+      return o ? {
+        ...t,
+        data: o
+      } : e.rows;
+    }), L = a(() => !e.pinnedItems || !e.dataRowContext ? [] : e.pinnedItems.map((o, t) => {
+      var m;
       const i = {
         dataItem: o,
         rowType: "data",
         level: 0,
         expanded: !1,
         dataIndex: t
-      }, r = e.dataRowContext.dataItemKey, b = "pinned_" + ((r ? K(r)(o) : void 0) || "ai" + t), m = O(e.dataRowContext, i, b, t), k = (u = e.rows) != null && u.pinnedData ? {
+      }, r = e.dataRowContext.dataItemKey, u = "pinned_" + ((r ? K(r)(o) : void 0) || "ai" + t), b = D(e.dataRowContext, i, u, t);
+      return (m = e.rows) != null && m.pinnedData ? {
         ...e.rows,
         data: e.rows.pinnedData
-      } : e.rows;
-      return a(H, {
-        key: b,
+      } : e.rows, s(H, {
+        key: u,
         rowType: "data",
+        isPinned: !0,
         item: i,
         dataIndex: t,
         ariaRowIndex: t + 1,
@@ -77,58 +89,58 @@ const M = /* @__PURE__ */ G({
         isAltRow: t % 2 !== 0,
         isHidden: !1,
         rowHeight: e.rowHeight,
-        isSelected: m.isSelected,
-        rows: k
+        isSelected: b.isSelected,
+        rows: v.value
       }, {
-        default: () => [m.row]
+        default: () => [b.row]
       });
-    })), T = s(() => f("k-grid-pinned-container", {
+    })), C = a(() => f("k-grid-pinned-container", {
       "k-pos-bottom": !d.value
-    })), v = s(() => f(R.table({
+    })), T = a(() => f(R.table({
       size: e.size
-    }))), C = (o) => {
+    }))), A = (o) => {
       var i, r;
       const t = (i = e.pinnedItems) == null ? void 0 : i[o.startRowIndex];
       t && ((r = n.pinnedSelectionRelease) == null || r.call(n, o, t));
-    }, A = s(() => e.selectable ? {
+    }, N = a(() => e.selectable ? {
       ...typeof e.selectable == "object" ? e.selectable : {},
       enabled: !0,
       drag: !1
-    } : e.selectable), N = s(() => d.value ? B : E);
+    } : e.selectable), P = a(() => d.value ? B : E);
     return {
       isTop: d,
       pinnedRef: S,
       handlePinnedScroll: I,
       pinnedRows: L,
-      containerClassName: T,
-      tableClassName: v,
-      handleSelectionRelease: C,
-      pinnedSelectable: A,
-      pinnedBodyAttributes: N
+      containerClassName: C,
+      tableClassName: T,
+      handleSelectionRelease: A,
+      pinnedSelectable: N,
+      pinnedBodyAttributes: P
     };
   },
   render() {
-    return a("div", {
+    return s("div", {
       class: this.containerClassName,
       role: "presentation",
-      style: {
-        display: this.pinnedRows.length ? "" : "none"
+      style: this.pinnedRows.length ? void 0 : {
+        display: "none"
       }
-    }, [a("div", {
+    }, [s("div", {
       class: "k-grid-pinned-wrap",
       ref: c(this, "pinnedRef"),
       onScroll: this.handlePinnedScroll
-    }, [a(z, {
+    }, [s(z, {
       selectable: this.pinnedSelectable,
       onRelease: this.handleSelectionRelease
     }, {
-      default: () => [a("table", {
+      default: () => [s("table", {
         ref: c(this, "table"),
         class: this.tableClassName,
-        "aria-label": this.isTop ? p(this).toLanguageString(h, w[h]) : p(this).toLanguageString(g, w[g])
-      }, [a("colgroup", {
+        "aria-label": this.isTop ? w(this).toLanguageString(h, p[h]) : w(this).toLanguageString(g, p[g])
+      }, [s("colgroup", {
         ref: c(this, "colGroup")
-      }, [this.$props.cols]), a("tbody", P({
+      }, [this.$props.cols]), s("tbody", G({
         class: f(R.tbody({}))
       }, this.pinnedBodyAttributes), [this.pinnedRows])])]
     })])]);

package/components/table/GridTable.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"),r=require("@progress/kendo-vue-data-tools"),o=e.defineComponent({name:"GridTable",props:{selectable:Object,tableClassName:String},setup(a,{slots:t}){const{selectionRelease:n}=e.inject("kendo",{});return()=>e.createVNode(r.TableSelection,{selectable:a.selectable,onRelease:n},{default:()=>{var l;return[e.createVNode("table",{style:{tableLayout:"fixed"},role:"none",class:a.tableClassName},[(l=t.default)==null?void 0:l.call(t)])]}})}});exports.GridTable=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("@progress/kendo-vue-data-tools"),o=e.defineComponent({name:"GridTable",props:{selectable:Object,tableClassName:String},setup(a,{slots:t}){const{selectionRelease:n}=e.inject("gridContext",{});return()=>e.createVNode(r.TableSelection,{selectable:a.selectable,onRelease:n},{default:()=>{var l;return[e.createVNode("table",{style:{tableLayout:"fixed"},role:"none",class:a.tableClassName},[(l=t.default)==null?void 0:l.call(t)])]}})}});exports.GridTable=o;

package/components/table/GridTable.mjs

@@ -13,25 +13,25 @@ const d = /* @__PURE__ */ r({
     selectable: Object,
     tableClassName: String
   },
-  setup(a, {
+  setup(t, {
     slots: e
   }) {
     const {
       selectionRelease: n
-    } = o("kendo", {});
+    } = o("gridContext", {});
     return () => l(b, {
-      selectable: a.selectable,
+      selectable: t.selectable,
       onRelease: n
     }, {
       default: () => {
-        var t;
+        var a;
         return [l("table", {
           style: {
             tableLayout: "fixed"
           },
           role: "none",
-          class: a.tableClassName
-        }, [(t = e.default) == null ? void 0 : t.call(e)])];
+          class: t.tableClassName
+        }, [(a = e.default) == null ? void 0 : a.call(e)])];
       }
     });
   }

package/components/table/GridTableScrollable.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-data-tools"),o=e.defineComponent({name:"GridTableScrollable",props:{selectable:Object,tableClassName:Object,tableStyle:Object},setup(l,{slots:t}){const{selectionRelease:c}=e.inject("kendo",{});return()=>{const b={...l.tableStyle};return e.createVNode(n.TableSelection,{selectable:l.selectable,onRelease:c},{default:()=>{var a;return[e.createVNode("table",{role:"none",class:l.tableClassName,style:b},[(a=t.default)==null?void 0:a.call(t)])]}})}}});exports.GridTableScrollable=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("@progress/kendo-vue-data-tools"),r=e.defineComponent({name:"GridTableScrollable",props:{selectable:Object,tableClassName:Object,tableStyle:Object},setup(l,{slots:t}){const{selectionRelease:c}=e.inject("gridContext",{});return()=>{const b={...l.tableStyle};return e.createVNode(n.TableSelection,{selectable:l.selectable,onRelease:c},{default:()=>{var a;return[e.createVNode("table",{role:"none",class:l.tableClassName,style:b},[(a=t.default)==null?void 0:a.call(t)])]}})}}});exports.GridTableScrollable=r;

package/components/table/GridTableScrollable.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as n, inject as o, createVNode as a } from "vue";
-import { TableSelection as r } from "@progress/kendo-vue-data-tools";
+import { defineComponent as n, inject as r, createVNode as a } from "vue";
+import { TableSelection as o } from "@progress/kendo-vue-data-tools";
 const s = /* @__PURE__ */ n({
   name: "GridTableScrollable",
   props: {
@@ -19,12 +19,12 @@ const s = /* @__PURE__ */ n({
   }) {
     const {
       selectionRelease: b
-    } = o("kendo", {});
+    } = r("gridContext", {});
     return () => {
       const c = {
         ...e.tableStyle
       };
-      return a(r, {
+      return a(o, {
         selectable: e.selectable,
         onRelease: b
       }, {

package/contextMenu/GridContextMenu.d.ts

@@ -0,0 +1,155 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+import { LocalizationService } from '@progress/kendo-vue-intl';
+import { MenuItemModel, MenuSelectEvent } from '@progress/kendo-vue-layout';
+import { Offset } from '@progress/kendo-vue-popup';
+import { GridContextMenuItemNames } from './enums';
+/**
+ * Represents the `GridContextMenuOptions`.
+ */
+export interface GridContextMenuOptions {
+    /**
+     * The contextmenu settings for the head of the data table.
+     */
+    head?: boolean | (GridContextMenuItemNames | MenuItemModel)[];
+    /**
+     * The contextmenu settings for the body of the data table.
+     */
+    body?: boolean | (GridContextMenuItemNames | MenuItemModel)[];
+}
+/**
+ * Represents the `GridCellBaseOptions` object that are passed to the handler.
+ */
+export interface GridCellBaseOptions {
+    /**
+     * The data item associated with the cell.
+     */
+    dataItem?: any;
+    /**
+     * The field name of the column associated with the cell.
+     */
+    field?: string;
+}
+/**
+ * @hidden
+ */
+export interface GridContextMenuItem extends MenuItemModel {
+    name?: string;
+    options?: string;
+    items?: GridContextMenuItem[];
+}
+/**
+ * @hidden
+ */
+export interface GridContextMenuProps {
+    show: boolean;
+    offset: Offset;
+    onClose: () => void;
+    onSelect: (e: {
+        event: MenuSelectEvent;
+        dataItem?: any;
+        field?: string;
+    }) => void;
+    dataItem?: any;
+    field?: string;
+    items?: (GridContextMenuItemNames | GridContextMenuItem)[];
+}
+/**
+ * @hidden
+ */
+export declare const contextMenuItemsMap: Record<string, GridContextMenuItem>;
+/**
+ * @hidden
+ */
+export declare const getDefaultHeadContextMenuItems: (options: {
+    pdf?: boolean;
+    sortable?: boolean;
+    selectable?: boolean;
+    editable?: boolean;
+    reorderable?: boolean;
+    clipboard?: boolean;
+}) => GridContextMenuItemNames[];
+/**
+ * @hidden
+ */
+export declare const getDefaultBodyContextMenuItems: (options: {
+    pdf?: boolean;
+    sortable?: boolean;
+    selectable?: boolean;
+    editable?: boolean;
+    rowReorderable?: boolean;
+    clipboard?: boolean;
+    pinnable?: boolean;
+}) => GridContextMenuItemNames[];
+/**
+ * @hidden
+ */
+export declare const GridContextMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offset: {
+        type: PropType<Offset>;
+        default: () => {
+            left: number;
+            top: number;
+        };
+    };
+    dataItem: {
+        type: ObjectConstructor;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        default: any;
+    };
+    items: {
+        type: PropType<(GridContextMenuItemNames | GridContextMenuItem)[]>;
+        default: any;
+    };
+}>, {}, {}, {}, {
+    localizeItem(item: GridContextMenuItem, ls: LocalizationService): GridContextMenuItem;
+    menuItems(): GridContextMenuItem[] | undefined;
+    handleSelect(event: MenuSelectEvent): void;
+    handleClose(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "close")[], "select" | "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offset: {
+        type: PropType<Offset>;
+        default: () => {
+            left: number;
+            top: number;
+        };
+    };
+    dataItem: {
+        type: ObjectConstructor;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        default: any;
+    };
+    items: {
+        type: PropType<(GridContextMenuItemNames | GridContextMenuItem)[]>;
+        default: any;
+    };
+}>> & Readonly<{
+    onSelect?: (...args: any[]) => any;
+    onClose?: (...args: any[]) => any;
+}>, {
+    field: string;
+    dataItem: Record<string, any>;
+    items: (GridContextMenuItemNames | GridContextMenuItem)[];
+    offset: Offset;
+    show: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/contextMenu/GridContextMenu.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),s=require("@progress/kendo-vue-intl"),d=require("@progress/kendo-vue-layout"),o=require("@progress/kendo-svg-icons"),t=require("./enums.js"),m={[t.GridContextMenuItemNames.create]:{name:"create",text:"Add",icon:"plus",svgIcon:o.plusIcon,data:{action:"AddCommand"}},[t.GridContextMenuItemNames.edit]:{name:"edit",text:"Edit",icon:"pencil",svgIcon:o.pencilIcon,data:{action:"EditCommand"}},[t.GridContextMenuItemNames.delete]:{name:"delete",text:"Delete",icon:"trash",svgIcon:o.trashIcon,data:{action:"DeleteCommand"}},[t.GridContextMenuItemNames.select]:{name:"select",text:"Select",icon:"table-body",svgIcon:o.tableBodyIcon,items:[{name:"selectRow",text:"Row",icon:"table-row-groups",svgIcon:o.tableRowGroupsIcon,data:{action:"SelectRowCommand"}},{name:"selectAllRows",text:"All rows",icon:"grid",svgIcon:o.gridIcon,data:{action:"SelectAllRowsCommand"}},{name:"clearSelection",text:"Clear selection",icon:"table-unmerge",svgIcon:o.tableUnmergeIcon,data:{action:"ClearSelectionCommand"}}]},[t.GridContextMenuItemNames.pinRow]:{name:"pinRow",text:"Pin row",icon:"pin-outline",svgIcon:o.pinOutlineIcon,items:[{name:"pinTop",text:"Pin to Top",icon:"pin-outline-top",svgIcon:o.pinOutlineTopIcon,data:{action:"PinTopCommand"}},{name:"pinBottom",text:"Pin to Bottom",icon:"pin-outline-bottom",svgIcon:o.pinOutlineBottomIcon,data:{action:"PinBottomCommand"}},{name:"unpin",text:"Unpin",icon:"unpin-outline",svgIcon:o.unpinOutlineIcon,data:{action:"UnpinCommand"}}]},[t.GridContextMenuItemNames.pinTop]:{name:"pinTop",text:"Pin to Top",icon:"pin-outline-top",svgIcon:o.pinOutlineTopIcon,data:{action:"PinTopCommand"}},[t.GridContextMenuItemNames.pinBottom]:{name:"pinBottom",text:"Pin to Bottom",icon:"pin-outline-bottom",svgIcon:o.pinOutlineBottomIcon,data:{action:"PinBottomCommand"}},[t.GridContextMenuItemNames.unpin]:{name:"unpin",text:"Unpin",icon:"unpin-outline",svgIcon:o.unpinOutlineIcon,data:{action:"UnpinCommand"}},[t.GridContextMenuItemNames.copySelection]:{name:"copySelection",text:"Copy selection",icon:"page-header-section",svgIcon:o.pageHeaderSectionIcon,data:{action:"CopySelectionCommand"},options:"withHeaders"},[t.GridContextMenuItemNames.copySelectionNoHeaders]:{name:"copySelectionNoHeaders",text:"Copy selection (No Headers)",icon:"file-txt",svgIcon:o.fileTxtIcon,data:{action:"CopySelectionCommand"}},[t.GridContextMenuItemNames.paste]:{name:"paste",text:"Paste (use CTRL/⌘ + V)",icon:"clipboard",svgIcon:o.clipboardIcon,data:{action:"PasteCommand"}},[t.GridContextMenuItemNames.reorderRow]:{name:"reorderRow",text:"Reorder row",icon:"caret-alt-expand",svgIcon:o.caretAltExpandIcon,items:[{name:"reorderRowUp",text:"Up",icon:"caret-alt-up",svgIcon:o.caretAltUpIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowDown",text:"Down",icon:"caret-alt-down",svgIcon:o.caretAltDownIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowTop",text:"Top",icon:"caret-alt-to-top",svgIcon:o.caretAltToTopIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowBottom",text:"Bottom",icon:"caret-alt-to-bottom",svgIcon:o.caretAltToBottomIcon,data:{action:"ReorderRowCommand"}}]},[t.GridContextMenuItemNames.exportPDF]:{name:"exportPDF",text:"Export to PDF",icon:"file-pdf",svgIcon:o.filePdfIcon,data:{action:"ExportPDFCommand"}},[t.GridContextMenuItemNames.exportExcel]:{name:"exportExcel",text:"Export to Excel",icon:"file-excel",svgIcon:o.fileExcelIcon,items:[{name:"exportToExcelAll",text:"All",data:{action:"ExportExcelCommand"}},{name:"exportToExcelSelection",text:"Selection",data:{action:"ExportExcelCommand"},options:"selection,withHeaders"},{name:"exportToExcelSelectionNoHeaders",text:"Selection (No Headers)",data:{action:"ExportExcelCommand"},options:"selection"}]},[t.GridContextMenuItemNames.separator]:{name:"separator",separator:!0},[t.GridContextMenuItemNames.sortAsc]:{name:"sortAsc",text:"Sort Ascending",icon:"sort-asc-small",svgIcon:o.sortAscSmallIcon,data:{action:"SortCommand"}},[t.GridContextMenuItemNames.sortDesc]:{name:"sortDesc",text:"Sort Descending",icon:"sort-desc-small",svgIcon:o.sortDescSmallIcon,data:{action:"SortCommand"}}},l=n=>{let e=[];return n.sortable&&(e=e.concat([t.GridContextMenuItemNames.sortAsc,t.GridContextMenuItemNames.sortDesc])),n.pdf&&(e.length&&(e=e.concat([t.GridContextMenuItemNames.separator])),e=e.concat([t.GridContextMenuItemNames.exportPDF])),e},p=n=>{let e=[];return n.clipboard&&(e=e.concat([t.GridContextMenuItemNames.copySelection,t.GridContextMenuItemNames.copySelectionNoHeaders,t.GridContextMenuItemNames.paste])),n.editable&&(e.length&&(e=e.concat([t.GridContextMenuItemNames.separator])),e=e.concat([t.GridContextMenuItemNames.create,t.GridContextMenuItemNames.edit,t.GridContextMenuItemNames.delete])),n.selectable&&(e.length&&(e=e.concat([t.GridContextMenuItemNames.separator])),e=e.concat([t.GridContextMenuItemNames.select])),n.rowReorderable&&(e.length&&(e=e.concat([t.GridContextMenuItemNames.separator])),e=e.concat([t.GridContextMenuItemNames.reorderRow])),n.pdf&&(e.length&&(e=e.concat([t.GridContextMenuItemNames.separator])),e=e.concat([t.GridContextMenuItemNames.exportPDF])),n.pinnable&&(e.length&&(e=e.concat([t.GridContextMenuItemNames.separator])),e=e.concat([t.GridContextMenuItemNames.pinRow])),e},u=c.defineComponent({name:"GridContextMenu",props:{show:{type:Boolean,default:!1},offset:{type:Object,default:()=>({left:0,top:0})},dataItem:{type:Object,default:void 0},field:{type:String,default:void 0},items:{type:Array,default:void 0}},inject:{kendoLocalizationService:{default:null}},emits:["close","select"],methods:{localizeItem(n,e){const a={...n};return a.text&&a.name&&(a.text=e.toLanguageString(`contextMenu.${a.name}`,a.text||"")),a.items&&Array.isArray(a.items)&&(a.items=a.items.map(i=>this.localizeItem(i,e))),a},menuItems(){if(this.$props.items)return this.$props.items.map(n=>typeof n=="string"?{...m[n]}:{...n})},handleSelect(n){this.$emit("select",{event:n,dataItem:this.$props.dataItem,field:this.$props.field})},handleClose(){this.$emit("close")}},render(){const n=s.provideLocalizationService(this),e=this.menuItems(),a=e==null?void 0:e.map(r=>this.localizeItem(r,n)),i=!!(this.$props.show&&(a!=null&&a.length));return c.createVNode(d.ContextMenu,{show:i,offset:this.$props.offset,items:a,onClose:this.handleClose,onSelect:this.handleSelect},null)}});exports.GridContextMenu=u;exports.contextMenuItemsMap=m;exports.getDefaultBodyContextMenuItems=p;exports.getDefaultHeadContextMenuItems=l;