@progress/kendo-vue-grid 8.0.3-develop.3 → 8.1.0-develop.1

package/StatusBar.d.ts

@@ -5,17 +5,67 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { PropType } from 'vue';
+import { GridSelectionChangeEvent } from './interfaces/events';
+import { GridColumnProps } from './interfaces/GridColumnProps';
+import { GridProps } from './interfaces/GridProps';
+/**
+ * Represents the Kendo UI for Vue Grid's StatusItem object.
+ */
+export interface StatusItem {
+    /**
+     * The type of the status item.
+     * Could be `sum`, `min`, `max`, `average`, `count`, `isTrue`, `isFalse`, `earliest` or `latest`.
+     */
+    type: string;
+    /**
+     * The calculated value of the status item.
+     */
+    value: number | boolean | Date;
+    /**
+     * The formatted value of the status item.
+     */
+    formattedValue: string;
+}
+/**
+ * Represents the props of the Kendo UI for Vue Grid's StatusBar component.
+ */
+export interface StatusBarProps {
+    /**
+     * The collection of status items to display in the status bar.
+     */
+    data: StatusItem[];
+}
+/**
+ * Represents the Kendo UI for Vue Grid's StatusBar component.
+ */
+export declare const StatusBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     data: {
-        type: ArrayConstructor;
+        type: PropType<StatusItem[]>;
         default: () => any[];
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     data: {
-        type: ArrayConstructor;
+        type: PropType<StatusItem[]>;
         default: () => any[];
     };
 }>> & Readonly<{}>, {
-    data: unknown[];
+    data: StatusItem[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+/**
+ * @hidden
+ */
+export declare const leafColumns: (columns: GridColumnProps[]) => GridColumnProps[];
+/**
+ * Represents the arguments of the getStatusData function.
+ */
+export type StatusDataArgs = Pick<GridSelectionChangeEvent, 'dataItems' | 'target' | 'select'> & {
+    dataItemKey: Required<GridProps>['dataItemKey'];
+};
+/**
+ * Calculates the status data.
+ *
+ * @param args StatusDataArgs
+ * @returns StatusItem[]
+ */
+export declare const getStatusData: (args: StatusDataArgs) => StatusItem[];

package/StatusBar.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 r=require("vue"),b=require("@progress/kendo-vue-common"),D=r.defineComponent({name:"KendoVueGridStatusBar",props:{data:{type:Array,default:()=>[]}},setup(a){return()=>r.createVNode("div",{class:"k-selection-aggregates k-grid-selection-aggregates"},[a.data.map((s,o)=>r.createVNode("div",{key:`${s.type}-${o}`},[r.createVNode("span",{class:"k-selection-aggregates-item-text"},[s.type,r.createTextVNode(": ")]),r.createVNode("span",{class:"k-selection-aggregates-item-value"},[s.formattedValue])]))])}}),y=a=>{var o,c,l,d;const s=a.slice();for(let t=0;t<s.length;t++)for(;(c=(o=s[t])==null?void 0:o.children)!=null&&c.length;)s.splice(t,1,...(d=(l=s[t])==null?void 0:l.children)!=null?d:[]);return s},x=a=>{const{dataItems:s,target:o}=a,l=y(o.columns).map(e=>e.field).filter(e=>e&&typeof e=="string").map(e=>b.getter(e)),d=e=>{var n;return(n=a.select)==null?void 0:n[b.getter(a.dataItemKey)(e)]},t={dates:[],numbers:[],booleans:[],others:[]},S=e=>{typeof e=="number"?t.numbers.push(e):typeof e=="boolean"?t.booleans.push(e):e instanceof Date?t.dates.push(e):t.others.push(e)};s.forEach(e=>{const n=d(e);Array.isArray(n)&&n.forEach(u=>{S(l[u](e))})});const m=t.dates.map(e=>e.getTime()),i=t.booleans.filter(Boolean).length,f=t.booleans.length-i,g=t.numbers.length?t.numbers.reduce((e,n)=>e+n,0):void 0,h={sum:g,average:typeof g=="number"?g/t.numbers.length:void 0,min:t.numbers.length?Math.min(...t.numbers):void 0,max:t.numbers.length?Math.max(...t.numbers):void 0,count:t.numbers.length+t.booleans.length+t.dates.length+t.others.length,isTrue:i>0?i:void 0,isFalse:f>0?f:void 0,earliest:t.dates.length?new Date(Math.min(...m)):void 0,latest:t.dates.length?new Date(Math.max(...m)):void 0},V=(e,n)=>(n==="sum"||n==="average")&&typeof e=="number"?e.toFixed(2):(n==="earliest"||n==="latest")&&e instanceof Date?e.toLocaleDateString():String(e),p=[];return Object.keys(h).forEach(e=>{const n=e,u=h[n];u!==void 0&&p.push({type:n,value:u,formattedValue:V(u,n)})}),p};exports.StatusBar=D;exports.getStatusData=x;exports.leafColumns=y;

package/StatusBar.mjs

@@ -0,0 +1,81 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as D, createVNode as u, createTextVNode as S } from "vue";
+import { getter as b } from "@progress/kendo-vue-common";
+const M = /* @__PURE__ */ D({
+  name: "KendoVueGridStatusBar",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(a) {
+    return () => u("div", {
+      class: "k-selection-aggregates k-grid-selection-aggregates"
+    }, [a.data.map((s, o) => u("div", {
+      key: `${s.type}-${o}`
+    }, [u("span", {
+      class: "k-selection-aggregates-item-text"
+    }, [s.type, S(": ")]), u("span", {
+      class: "k-selection-aggregates-item-value"
+    }, [s.formattedValue])]))]);
+  }
+}), V = (a) => {
+  var o, d, l, i;
+  const s = a.slice();
+  for (let t = 0; t < s.length; t++)
+    for (; (d = (o = s[t]) == null ? void 0 : o.children) != null && d.length; )
+      s.splice(t, 1, ...(i = (l = s[t]) == null ? void 0 : l.children) != null ? i : []);
+  return s;
+}, T = (a) => {
+  const {
+    dataItems: s,
+    target: o
+  } = a, l = V(o.columns).map((e) => e.field).filter((e) => e && typeof e == "string").map((e) => b(e)), i = (e) => {
+    var n;
+    return (n = a.select) == null ? void 0 : n[b(a.dataItemKey)(e)];
+  }, t = {
+    dates: [],
+    numbers: [],
+    booleans: [],
+    others: []
+  }, y = (e) => {
+    typeof e == "number" ? t.numbers.push(e) : typeof e == "boolean" ? t.booleans.push(e) : e instanceof Date ? t.dates.push(e) : t.others.push(e);
+  };
+  s.forEach((e) => {
+    const n = i(e);
+    Array.isArray(n) && n.forEach((r) => {
+      y(l[r](e));
+    });
+  });
+  const g = t.dates.map((e) => e.getTime()), c = t.booleans.filter(Boolean).length, f = t.booleans.length - c, m = t.numbers.length ? t.numbers.reduce((e, n) => e + n, 0) : void 0, h = {
+    sum: m,
+    average: typeof m == "number" ? m / t.numbers.length : void 0,
+    min: t.numbers.length ? Math.min(...t.numbers) : void 0,
+    max: t.numbers.length ? Math.max(...t.numbers) : void 0,
+    count: t.numbers.length + t.booleans.length + t.dates.length + t.others.length,
+    isTrue: c > 0 ? c : void 0,
+    isFalse: f > 0 ? f : void 0,
+    earliest: t.dates.length ? new Date(Math.min(...g)) : void 0,
+    latest: t.dates.length ? new Date(Math.max(...g)) : void 0
+  }, x = (e, n) => (n === "sum" || n === "average") && typeof e == "number" ? e.toFixed(2) : (n === "earliest" || n === "latest") && e instanceof Date ? e.toLocaleDateString() : String(e), p = [];
+  return Object.keys(h).forEach((e) => {
+    const n = e, r = h[n];
+    r !== void 0 && p.push({
+      type: n,
+      value: r,
+      formattedValue: x(r, n)
+    });
+  }), p;
+};
+export {
+  M as StatusBar,
+  T as getStatusData,
+  V as leafColumns
+};

package/cells/GridCell.d.ts

@@ -16,6 +16,7 @@ declare const GridCell: import('vue').DefineComponent<import('vue').ExtractPropT
     format: PropType<string>;
     readFormat: PropType<string>;
     className: PropType<string>;
+    columnType: PropType<import('../interfaces/ColumnType').GridColumnType>;
     colSpan: PropType<number>;
     columnIndex: PropType<number>;
     columnsCount: PropType<number>;
@@ -59,6 +60,7 @@ declare const GridCell: import('vue').DefineComponent<import('vue').ExtractPropT
     tdClass(): {
         [x: number]: any;
         'k-table-td': boolean;
+        'k-selected': any;
         'k-highlighted': any;
     };
 }, {
@@ -79,6 +81,7 @@ declare const GridCell: import('vue').DefineComponent<import('vue').ExtractPropT
     format: PropType<string>;
     readFormat: PropType<string>;
     className: PropType<string>;
+    columnType: PropType<import('../interfaces/ColumnType').GridColumnType>;
     colSpan: PropType<number>;
     columnIndex: PropType<number>;
     columnsCount: PropType<number>;

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

package/cells/GridCell.mjs

@@ -5,12 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as l, createVNode as a, h as d, inject as p } from "vue";
-import { getNestedValue as c, parsers as h } from "../utils/main.mjs";
-import { provideIntlService as g } from "@progress/kendo-vue-intl";
+import { defineComponent as a, createVNode as l, h as d, inject as p } from "vue";
+import { getNestedValue as c, parsers as g } from "../utils/main.mjs";
+import { provideIntlService as h } from "@progress/kendo-vue-intl";
 import { noop as m, getTemplate as u } from "@progress/kendo-vue-common";
 import { KEYBOARD_NAV_DATA_ID as $, KEYBOARD_NAV_DATA_LEVEL as f } from "@progress/kendo-vue-data-tools";
-const I = /* @__PURE__ */ l({
+const I = /* @__PURE__ */ a({
   name: "GridCell",
   inheritAttrs: !1,
   emits: {
@@ -24,6 +24,7 @@ const I = /* @__PURE__ */ l({
     format: String,
     readFormat: String,
     className: String,
+    columnType: String,
     colSpan: Number,
     columnIndex: Number,
     columnsCount: Number,
@@ -61,42 +62,44 @@ const I = /* @__PURE__ */ l({
         field: this.$props.field
       });
     },
-    triggerKeydown(t) {
+    triggerKeydown(e) {
       this.$emit("cellkeydown", {
-        event: t,
+        event: e,
         dataItem: this.$props.dataItem,
         field: this.$props.field
       });
     },
-    triggerEdit(t) {
-      this.$emit("edit", t);
+    triggerEdit(e) {
+      this.$emit("edit", e);
     },
-    triggerAdd(t) {
-      this.$emit("add", t);
+    triggerAdd(e) {
+      this.$emit("add", e);
     },
-    triggerCancel(t) {
-      this.$emit("cancel", t);
+    triggerCancel(e) {
+      this.$emit("cancel", e);
     },
-    triggerSave(t) {
-      this.$emit("save", t);
+    triggerSave(e) {
+      this.$emit("save", e);
     },
-    triggerRemove(t) {
-      this.$emit("remove", t);
+    triggerRemove(e) {
+      this.$emit("remove", e);
     }
   },
   created() {
-    this._intl = g(this);
+    this._intl = h(this);
   },
   computed: {
     tdClass() {
       const {
-        className: t,
-        isHighlighted: e
+        className: e,
+        isSelected: t,
+        isHighlighted: r
       } = this.$props;
       return {
         "k-table-td": !0,
-        "k-highlighted": e,
-        [t]: t
+        "k-selected": t,
+        "k-highlighted": r,
+        [e]: e
       };
     }
   },
@@ -107,18 +110,18 @@ const I = /* @__PURE__ */ l({
   },
   render() {
     var r, n, o;
-    let t = null;
-    const e = this.getKeyboardNavigationAttributes(this.$props.id);
+    let e = null;
+    const t = this.getKeyboardNavigationAttributes(this.$props.id);
     if (((r = this.$props.rowSpan) == null ? void 0 : r.count) === null)
       return null;
     if (this.$props.rowType === "groupFooter")
-      t = a("td", {
+      e = l("td", {
         class: this.tdClass
       }, null);
     else if (this.$props.field !== void 0 && this.$props.rowType !== "groupHeader") {
       const i = c(this.$props.field, this.$props.dataItem);
       let s = "";
-      i != null && (s = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, h[this.$props.type](i, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, i) : i.toString()), t = a("td", {
+      i != null && (s = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, g[this.$props.type](i, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, i) : i.toString()), e = l("td", {
         style: this.$attrs.style,
         colspan: this.$props.colSpan,
         rowspan: (o = (n = this.$props.rowSpan) == null ? void 0 : n.count) != null ? o : void 0,
@@ -129,15 +132,15 @@ const I = /* @__PURE__ */ l({
         "aria-colindex": this.$props.ariaColumnIndex,
         "aria-selected": this.$props.isSelected,
         "data-grid-col-index": this.$props.columnIndex,
-        tabindex: e.tabIndex,
-        "data-keyboardnavlevel": e[f],
-        "data-keyboardnavid": e[$]
+        tabindex: t.tabIndex,
+        "data-keyboardnavlevel": t[f],
+        "data-keyboardnavid": t[$]
       }, [s]);
     }
     return u.call(this, {
       h: d,
       template: this.$props.render,
-      defaultRendering: t,
+      defaultRendering: e,
       additionalProps: this.$props,
       additionalListeners: {
         click: this.triggerClick,

package/cells/GridEditCell.d.ts

@@ -17,6 +17,7 @@ declare const GridEditCell: import('vue').DefineComponent<import('vue').ExtractP
     type: PropType<string>;
     className: PropType<string>;
     colSpan: PropType<number>;
+    columnType: PropType<import('../interfaces/ColumnType').GridColumnType>;
     columnIndex: PropType<number>;
     columnsCount: PropType<number>;
     rowType: PropType<string>;
@@ -62,6 +63,7 @@ declare const GridEditCell: import('vue').DefineComponent<import('vue').ExtractP
     type: PropType<string>;
     className: PropType<string>;
     colSpan: PropType<number>;
+    columnType: PropType<import('../interfaces/ColumnType').GridColumnType>;
     columnIndex: PropType<number>;
     columnsCount: PropType<number>;
     rowType: PropType<string>;

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"),n=require("../utils/main.js"),d=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,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:d.noop}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},data(){return{inputId:d.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=n.getNestedValue(this.$props.field,this.$props.dataItem),t=this.getKeyboardNavigationAttributes(this.$props.id);let r=null;switch(this.$props.editor){case"numeric":r=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":r=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":r=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:r=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 d.getTemplate.call(this,{h:a.h,template:this.$props.render,defaultRendering:r,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 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;

package/cells/GridEditCell.mjs

@@ -22,6 +22,7 @@ const v = /* @__PURE__ */ d({
     type: String,
     className: String,
     colSpan: Number,
+    columnType: String,
     columnIndex: Number,
     columnsCount: Number,
     rowType: String,

package/cells/GridSelectionCell.js

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

package/cells/GridSelectionCell.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as o, createVNode as t, h as r } from "vue";
-import { getNestedValue as d } from "../utils/main.mjs";
-import { noop as l, getTemplate as s, guid as p } 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 k = /* @__PURE__ */ o({
+import { defineComponent as r, createVNode as t, h as s } from "vue";
+import { getNestedValue as l } from "../utils/main.mjs";
+import { noop as d, getTemplate as p, guid as c } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as h, KEYBOARD_NAV_DATA_LEVEL as m } from "@progress/kendo-vue-data-tools";
+const y = /* @__PURE__ */ r({
   name: "KendoGridSelectionCell",
   inheritAttrs: !1,
   props: {
@@ -40,12 +40,12 @@ const k = /* @__PURE__ */ o({
       default: null
     },
     getKeyboardNavigationAttributes: {
-      default: l
+      default: d
     }
   },
   data() {
     return {
-      inputId: p()
+      inputId: c()
     };
   },
   computed: {
@@ -75,7 +75,7 @@ const k = /* @__PURE__ */ o({
     }
   },
   render() {
-    const e = d(this.$props.field, this.$props.dataItem), a = this.$props.render, n = this.getKeyboardNavigationAttributes(this.$props.id), i = this.$props.rowType !== "groupHeader" ? t("td", {
+    const e = this.$props.isSelected || l(this.$props.field, this.$props.dataItem), o = typeof e == "boolean" && e, i = this.$props.render, n = this.getKeyboardNavigationAttributes(this.$props.id), a = this.$props.rowType !== "groupHeader" ? t("td", {
       style: this.$attrs.style,
       onKeydown: this.triggerKeydown,
       colspan: this.$props.colSpan,
@@ -83,12 +83,12 @@ const k = /* @__PURE__ */ o({
       "aria-colindex": this.$props.ariaColumnIndex,
       role: "gridcell",
       tabindex: n.tabIndex,
-      "data-keyboardnavlevel": n[h],
-      "data-keyboardnavid": n[c]
+      "data-keyboardnavlevel": n[m],
+      "data-keyboardnavid": n[h]
     }, [t("span", {
       class: "k-checkbox-wrap"
     }, [t("input", {
-      checked: e,
+      checked: o,
       id: this.inputId,
       type: "checkbox",
       class: "k-checkbox k-checkbox-md k-rounded-md",
@@ -97,10 +97,10 @@ const k = /* @__PURE__ */ o({
       class: "k-checkbox-label",
       for: this.inputId
     }, null)]) : null;
-    return s.call(this, {
-      h: r,
-      template: a,
-      defaultRendering: i,
+    return p.call(this, {
+      h: s,
+      template: i,
+      defaultRendering: a,
       additionalProps: this.$props,
       additionalListeners: {
         keydown: this.triggerKeydown,
@@ -110,5 +110,5 @@ const k = /* @__PURE__ */ o({
   }
 });
 export {
-  k as GridSelectionCell
+  y as GridSelectionCell
 };

package/common.d.ts

@@ -85,6 +85,9 @@ declare const gridProps: {
     defaultDetailExpand: PropType<import('@progress/kendo-vue-data-tools').DetailExpandDescriptor>;
     editField: PropType<string>;
     rowClass: PropType<Function>;
+    select: PropType<import('@progress/kendo-vue-data-tools').SelectDescriptor>;
+    defaultSelect: PropType<import('@progress/kendo-vue-data-tools').SelectDescriptor>;
+    selectable: PropType<boolean | import('./interfaces/GridSelectableSettings').GridSelectableSettings>;
     scrollable: {
         type: PropType<string>;
         default: string;

package/common.js

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

package/common.mjs

@@ -80,6 +80,9 @@ const o = {
   defaultDetailExpand: Object,
   editField: String,
   rowClass: Function,
+  select: Object,
+  defaultSelect: Object,
+  selectable: [Boolean, Object],
   scrollable: {
     type: String,
     default: "scrollable"

package/components/table/GridTable.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+export declare const GridTable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    selectable: PropType<any>;
+    tableClassName: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    selectable: PropType<any>;
+    tableClassName: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/components/table/GridTable.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 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;

package/components/table/GridTable.mjs

@@ -0,0 +1,41 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as r, inject as o, createVNode as l } from "vue";
+import { TableSelection as b } from "@progress/kendo-vue-data-tools";
+const d = /* @__PURE__ */ r({
+  name: "GridTable",
+  props: {
+    selectable: Object,
+    tableClassName: String
+  },
+  setup(a, {
+    slots: e
+  }) {
+    const {
+      selectionRelease: n
+    } = o("kendo", {});
+    return () => l(b, {
+      selectable: a.selectable,
+      onRelease: n
+    }, {
+      default: () => {
+        var t;
+        return [l("table", {
+          style: {
+            tableLayout: "fixed"
+          },
+          role: "none",
+          class: a.tableClassName
+        }, [(t = e.default) == null ? void 0 : t.call(e)])];
+      }
+    });
+  }
+});
+export {
+  d as GridTable
+};

package/components/table/GridTableScrollable.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+export declare const GridTableScrollable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    selectable: PropType<any>;
+    tableClassName: ObjectConstructor;
+    tableStyle: PropType<any>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    selectable: PropType<any>;
+    tableClassName: ObjectConstructor;
+    tableStyle: PropType<any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/components/table/GridTableScrollable.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 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;