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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/footer/Footer.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),l=require("../utils/main.js"),r=require("@progress/kendo-vue-common"),i=t.defineComponent({name:"Footer",props:{staticHeaders:Boolean,row:Object,columnResize:Object,cols:Array,size:String},data(){return{scrollbarWidth:0,rtl:!1,tableWidth:null}},computed:{tableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-footer-table":!0,[`k-table-${r.kendoThemeMaps.sizeMap[e]||e}`]:e}},divStyle(){const e=this.$data.scrollbarWidth+"px",o=this.rtl?0:e,s=this.rtl?e:0;return{padding:`0 ${o} 0 ${s}`}},tableStyle(){return this.tableWidth?{width:this.tableWidth}:null}},mounted(){this.rtl=l.isRtl(this.$el),this.$props.columnResize.colGroupFooter=r.getRef(this,"colGroupHeader"),this._footerWrap=r.getRef(this,"footerWrap")},methods:{setScrollLeft(e){this._footerWrap&&(this._footerWrap.scrollLeft=e)},setWidth(e){this.$data.tableWidth=e+"px"}},setup(){const e=t.ref(null);return{colGroupHeaderRef:t.ref(null),footerWrapRef:e}},render(){return this.$props.staticHeaders?t.createVNode("div",{class:"k-grid-footer",style:this.divStyle,role:"presentation"},[t.createVNode("div",{class:"k-grid-footer-wrap",ref:r.setRef(this,"footerWrap"),role:"presentation"},[t.createVNode("table",{class:this.tableClass,style:this.tableStyle,role:"presentation"},[t.createVNode("colgroup",{ref:r.setRef(this,"colGroupHeader")},[this.$props.cols]),t.createVNode("tfoot",{class:"k-table-tfoot",role:"rowgroup"},[this.$props.row])])])]):t.createVNode("tfoot",{class:"k-table-tfoot k-grid-footer",role:"rowgroup"},[this.$props.row])}});exports.Footer=i;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("../utils/main.js"),o=require("@progress/kendo-vue-common"),s=t.defineComponent({name:"Footer",props:{staticHeaders:Boolean,row:Object,columnResize:Object,cols:Array,size:String},data(){return{scrollbarWidth:0,rtl:!1,tableWidth:null}},computed:{tableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-footer-table":!0,[`k-table-${o.kendoThemeMaps.sizeMap[e]||e}`]:e}},tableStyle(){return this.tableWidth?{width:this.tableWidth}:null}},mounted(){this.rtl=r.isRtl(this.$el),this.$props.columnResize.colGroupFooter=o.getRef(this,"colGroupHeader"),this._footerWrap=o.getRef(this,"footerWrap")},methods:{setScrollLeft(e){this._footerWrap&&(this._footerWrap.scrollLeft=e)},setWidth(e){this.$data.tableWidth=e+"px"}},setup(){const e=t.ref(null);return{colGroupHeaderRef:t.ref(null),footerWrapRef:e}},render(){return this.$props.staticHeaders?t.createVNode("div",{class:"k-grid-footer",role:"presentation"},[t.createVNode("div",{class:"k-grid-footer-wrap",ref:o.setRef(this,"footerWrap"),role:"presentation"},[t.createVNode("table",{class:this.tableClass,style:this.tableStyle,role:"presentation"},[t.createVNode("colgroup",{ref:o.setRef(this,"colGroupHeader")},[this.$props.cols]),t.createVNode("tfoot",{class:"k-table-tfoot",role:"rowgroup"},[this.$props.row])])])]):t.createVNode("tfoot",{class:"k-table-tfoot k-grid-footer",role:"rowgroup"},[this.$props.row])}});exports.Footer=s;
package/footer/Footer.mjs CHANGED
@@ -5,10 +5,10 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import { defineComponent as a, createVNode as e, ref as o } from "vue";
9
- import { isRtl as p } from "../utils/main.mjs";
10
- import { setRef as s, getRef as l, kendoThemeMaps as n } from "@progress/kendo-vue-common";
11
- const f = /* @__PURE__ */ a({
8
+ import { defineComponent as l, createVNode as e, ref as o } from "vue";
9
+ import { isRtl as a } from "../utils/main.mjs";
10
+ import { setRef as r, getRef as s, kendoThemeMaps as i } from "@progress/kendo-vue-common";
11
+ const c = /* @__PURE__ */ l({
12
12
  name: "Footer",
13
13
  props: {
14
14
  staticHeaders: Boolean,
@@ -32,13 +32,7 @@ const f = /* @__PURE__ */ a({
32
32
  return {
33
33
  "k-table": !0,
34
34
  "k-grid-footer-table": !0,
35
- [`k-table-${n.sizeMap[t] || t}`]: t
36
- };
37
- },
38
- divStyle() {
39
- const t = this.$data.scrollbarWidth + "px", r = this.rtl ? 0 : t, i = this.rtl ? t : 0;
40
- return {
41
- padding: `0 ${r} 0 ${i}`
35
+ [`k-table-${i.sizeMap[t] || t}`]: t
42
36
  };
43
37
  },
44
38
  tableStyle() {
@@ -48,7 +42,7 @@ const f = /* @__PURE__ */ a({
48
42
  }
49
43
  },
50
44
  mounted() {
51
- this.rtl = p(this.$el), this.$props.columnResize.colGroupFooter = l(this, "colGroupHeader"), this._footerWrap = l(this, "footerWrap");
45
+ this.rtl = a(this.$el), this.$props.columnResize.colGroupFooter = s(this, "colGroupHeader"), this._footerWrap = s(this, "footerWrap");
52
46
  },
53
47
  methods: {
54
48
  setScrollLeft(t) {
@@ -68,18 +62,17 @@ const f = /* @__PURE__ */ a({
68
62
  render() {
69
63
  return this.$props.staticHeaders ? e("div", {
70
64
  class: "k-grid-footer",
71
- style: this.divStyle,
72
65
  role: "presentation"
73
66
  }, [e("div", {
74
67
  class: "k-grid-footer-wrap",
75
- ref: s(this, "footerWrap"),
68
+ ref: r(this, "footerWrap"),
76
69
  role: "presentation"
77
70
  }, [e("table", {
78
71
  class: this.tableClass,
79
72
  style: this.tableStyle,
80
73
  role: "presentation"
81
74
  }, [e("colgroup", {
82
- ref: s(this, "colGroupHeader")
75
+ ref: r(this, "colGroupHeader")
83
76
  }, [this.$props.cols]), e("tfoot", {
84
77
  class: "k-table-tfoot",
85
78
  role: "rowgroup"
@@ -90,5 +83,5 @@ const f = /* @__PURE__ */ a({
90
83
  }
91
84
  });
92
85
  export {
93
- f as Footer
86
+ c as Footer
94
87
  };
package/header/Header.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),i=require("../utils/main.js"),t=require("@progress/kendo-vue-common"),d=require("../utils/browser-support.service.js"),p=r.defineComponent({props:{staticHeaders:Boolean,headerRow:Object,columnResize:Object,cols:Array,size:String,draggable:Boolean},data(){return{divStyle:{},element:null,headerWrap:null,table:null}},computed:{wrapperClass(){return{"k-grid-header":!0,"k-grid-draggable-header":this.$props.draggable}},tableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-header-table":!0,[`k-table-${t.kendoThemeMaps.sizeMap[e]||e}`]:e}}},mounted(){this.headerWrap=t.getRef(this,"headerWrap"),this.table=t.getRef(this,"table"),this.$props.columnResize.colGroupHeader=t.getRef(this,"colGroupHeader");const e=new d.BrowserSupportService().scrollbarWidth,s=i.isRtl(this.$el);this.$props.columnResize&&this.$props.columnResize.setIsRtl(s);const a=Math.max(0,e)+"px",o=s?0:a,l=s?a:0;this.divStyle={padding:`0 ${o} 0 ${l}`}},methods:{setScrollLeft(e){this.headerWrap&&(this.headerWrap.scrollLeft=e)},setWidth(e){this.table&&(this.table.style.width=e+"px")}},setup(){const e=r.ref(null),s=r.ref(null),a=r.ref(null);return{headerWrapRef:e,tableRef:s,colGroupHeaderRef:a}},render(){return this.$props.staticHeaders?r.createVNode("div",{class:this.wrapperClass,style:this.divStyle},[r.createVNode("div",{ref:t.setRef(this,"headerWrap"),class:"k-grid-header-wrap"},[r.createVNode("table",{class:this.tableClass,ref:t.setRef(this,"table"),role:"none"},[r.createVNode("colgroup",{ref:t.setRef(this,"colGroupHeader")},[this.$props.cols]),this.$props.headerRow])])]):this.$props.headerRow}});exports.Header=p;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),l=require("../utils/main.js"),t=require("@progress/kendo-vue-common"),o=r.defineComponent({props:{staticHeaders:Boolean,headerRow:Object,columnResize:Object,cols:Array,size:String,draggable:Boolean},data(){return{divStyle:{},element:null,headerWrap:null,table:null}},computed:{wrapperClass(){return{"k-grid-header":!0,"k-grid-draggable-header":this.$props.draggable}},tableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-header-table":!0,[`k-table-${t.kendoThemeMaps.sizeMap[e]||e}`]:e}}},mounted(){this.headerWrap=t.getRef(this,"headerWrap"),this.table=t.getRef(this,"table"),this.$props.columnResize.colGroupHeader=t.getRef(this,"colGroupHeader");const e=l.isRtl(this.$el);this.$props.columnResize&&this.$props.columnResize.setIsRtl(e)},methods:{setScrollLeft(e){this.headerWrap&&(this.headerWrap.scrollLeft=e)},setWidth(e){this.table&&(this.table.style.width=e+"px")}},setup(){const e=r.ref(null),s=r.ref(null),a=r.ref(null);return{headerWrapRef:e,tableRef:s,colGroupHeaderRef:a}},render(){return this.$props.staticHeaders?r.createVNode("div",{class:this.wrapperClass},[r.createVNode("div",{ref:t.setRef(this,"headerWrap"),class:"k-grid-header-wrap"},[r.createVNode("table",{class:this.tableClass,ref:t.setRef(this,"table"),role:"none"},[r.createVNode("colgroup",{ref:t.setRef(this,"colGroupHeader")},[this.$props.cols]),this.$props.headerRow])])]):this.$props.headerRow}});exports.Header=o;
package/header/Header.mjs CHANGED
@@ -5,11 +5,10 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import { defineComponent as d, createVNode as s, ref as a } from "vue";
9
- import { isRtl as h } from "../utils/main.mjs";
10
- import { setRef as l, getRef as o, kendoThemeMaps as n } from "@progress/kendo-vue-common";
11
- import { BrowserSupportService as c } from "../utils/browser-support.service.mjs";
12
- const g = /* @__PURE__ */ d({
8
+ import { defineComponent as i, createVNode as r, ref as t } from "vue";
9
+ import { isRtl as p } from "../utils/main.mjs";
10
+ import { setRef as s, getRef as a, kendoThemeMaps as h } from "@progress/kendo-vue-common";
11
+ const u = /* @__PURE__ */ i({
13
12
  props: {
14
13
  staticHeaders: Boolean,
15
14
  headerRow: Object,
@@ -40,18 +39,14 @@ const g = /* @__PURE__ */ d({
40
39
  return {
41
40
  "k-table": !0,
42
41
  "k-grid-header-table": !0,
43
- [`k-table-${n.sizeMap[e] || e}`]: e
42
+ [`k-table-${h.sizeMap[e] || e}`]: e
44
43
  };
45
44
  }
46
45
  },
47
46
  mounted() {
48
- this.headerWrap = o(this, "headerWrap"), this.table = o(this, "table"), this.$props.columnResize.colGroupHeader = o(this, "colGroupHeader");
49
- const e = new c().scrollbarWidth, r = h(this.$el);
50
- this.$props.columnResize && this.$props.columnResize.setIsRtl(r);
51
- const t = Math.max(0, e) + "px", i = r ? 0 : t, p = r ? t : 0;
52
- this.divStyle = {
53
- padding: `0 ${i} 0 ${p}`
54
- };
47
+ this.headerWrap = a(this, "headerWrap"), this.table = a(this, "table"), this.$props.columnResize.colGroupHeader = a(this, "colGroupHeader");
48
+ const e = p(this.$el);
49
+ this.$props.columnResize && this.$props.columnResize.setIsRtl(e);
55
50
  },
56
51
  methods: {
57
52
  setScrollLeft(e) {
@@ -62,29 +57,28 @@ const g = /* @__PURE__ */ d({
62
57
  }
63
58
  },
64
59
  setup() {
65
- const e = a(null), r = a(null), t = a(null);
60
+ const e = t(null), l = t(null), o = t(null);
66
61
  return {
67
62
  headerWrapRef: e,
68
- tableRef: r,
69
- colGroupHeaderRef: t
63
+ tableRef: l,
64
+ colGroupHeaderRef: o
70
65
  };
71
66
  },
72
67
  render() {
73
- return this.$props.staticHeaders ? s("div", {
74
- class: this.wrapperClass,
75
- style: this.divStyle
76
- }, [s("div", {
77
- ref: l(this, "headerWrap"),
68
+ return this.$props.staticHeaders ? r("div", {
69
+ class: this.wrapperClass
70
+ }, [r("div", {
71
+ ref: s(this, "headerWrap"),
78
72
  class: "k-grid-header-wrap"
79
- }, [s("table", {
73
+ }, [r("table", {
80
74
  class: this.tableClass,
81
- ref: l(this, "table"),
75
+ ref: s(this, "table"),
82
76
  role: "none"
83
- }, [s("colgroup", {
84
- ref: l(this, "colGroupHeader")
77
+ }, [r("colgroup", {
78
+ ref: s(this, "colGroupHeader")
85
79
  }, [this.$props.cols]), this.$props.headerRow])])]) : this.$props.headerRow;
86
80
  }
87
81
  });
88
82
  export {
89
- g as Header
83
+ u as Header
90
84
  };
package/index.d.mts CHANGED
@@ -31,6 +31,7 @@ import { GridGroupExpandChangeEvent as GridGroupExpandChangeEvent_2 } from '.';
31
31
  import { GridItemChangeEvent as GridItemChangeEvent_2 } from '.';
32
32
  import { GridPageChangeEvent as GridPageChangeEvent_2 } from '.';
33
33
  import { GridPagerSettings } from '@progress/kendo-vue-data-tools';
34
+ import { GridRowSpannableSettings as GridRowSpannableSettings_2 } from './interfaces/GridRowSpannableSettings';
34
35
  import { GridSearchChangeEvent as GridSearchChangeEvent_2 } from '.';
35
36
  import { GridSortChangeEvent as GridSortChangeEvent_2 } from '.';
36
37
  import { GridSortSettings as GridSortSettings_2 } from '.';
@@ -157,9 +158,6 @@ tableClass(): {
157
158
  'k-table': boolean;
158
159
  'k-grid-footer-table': boolean;
159
160
  };
160
- divStyle(): {
161
- padding: string;
162
- };
163
161
  tableStyle(): {
164
162
  width: any;
165
163
  };
@@ -320,6 +318,7 @@ expandColumn: PropType<GridColumnProps>;
320
318
  selectedField: PropType<string>;
321
319
  cellRender: PropType<string | boolean | ((h: any, defaultRendering: any, props: GridCellProps_2, listeners: any) => any)>;
322
320
  rowRender: PropType<string | boolean | ((h: any, defaultRendering: any, defaultSlots: any, props: any, listeners: any) => any)>;
321
+ rowSpannable: PropType<boolean | GridRowSpannableSettings_2>;
323
322
  resizable: PropType<boolean>;
324
323
  reorderable: PropType<boolean>;
325
324
  group: PropType<GroupDescriptor[]>;
@@ -501,6 +500,7 @@ expandColumn: PropType<GridColumnProps>;
501
500
  selectedField: PropType<string>;
502
501
  cellRender: PropType<string | boolean | ((h: any, defaultRendering: any, props: GridCellProps_2, listeners: any) => any)>;
503
502
  rowRender: PropType<string | boolean | ((h: any, defaultRendering: any, defaultSlots: any, props: any, listeners: any) => any)>;
503
+ rowSpannable: PropType<boolean | GridRowSpannableSettings_2>;
504
504
  resizable: PropType<boolean>;
505
505
  reorderable: PropType<boolean>;
506
506
  group: PropType<GroupDescriptor[]>;
@@ -648,6 +648,10 @@ level: PropType<number>;
648
648
  expanded: PropType<boolean>;
649
649
  type: PropType<string>;
650
650
  editor: PropType<string>;
651
+ rowSpan: PropType<{
652
+ count: number;
653
+ value: any;
654
+ }>;
651
655
  isSelected: PropType<boolean>;
652
656
  isHighlighted: PropType<boolean>;
653
657
  ariaColumnIndex: PropType<number>;
@@ -707,6 +711,10 @@ level: PropType<number>;
707
711
  expanded: PropType<boolean>;
708
712
  type: PropType<string>;
709
713
  editor: PropType<string>;
714
+ rowSpan: PropType<{
715
+ count: number;
716
+ value: any;
717
+ }>;
710
718
  isSelected: PropType<boolean>;
711
719
  isHighlighted: PropType<boolean>;
712
720
  ariaColumnIndex: PropType<number>;
@@ -898,12 +906,17 @@ export declare interface GridCellProps {
898
906
  render?: any;
899
907
  /** @hidden */
900
908
  group?: GroupState;
909
+ /** @hidden */
910
+ rowSpan?: {
911
+ count: number | null;
912
+ value: any;
913
+ };
901
914
  }
902
915
 
903
916
  /**
904
917
  * Represents the properties of the callback used when spanning a column.
905
918
  */
906
- declare type GridColSpanProps = {
919
+ export declare type GridColSpanProps = {
907
920
  /**
908
921
  * Represents the properties of the spanned column.
909
922
  */
@@ -1964,11 +1977,10 @@ export declare interface GridFilterCellProps {
1964
1977
  * - small
1965
1978
  * - medium
1966
1979
  * - large
1967
- * - null&mdash;Does not set a size `class`.
1968
1980
  *
1969
- * @default `medium`
1981
+ * @default `undefined`
1970
1982
  */
1971
- size?: null | 'small' | 'medium' | 'large';
1983
+ size?: 'small' | 'medium' | 'large';
1972
1984
  }
1973
1985
 
1974
1986
  /**
@@ -2760,6 +2772,15 @@ export declare interface GridProps {
2760
2772
  * item ([more information and examples]({% slug editing_inline_grid %})).
2761
2773
  */
2762
2774
  editField?: string;
2775
+ /**
2776
+ * Enables the built-in row span feature of the Grid.
2777
+ *
2778
+ * @example
2779
+ * ```jsx
2780
+ * <Grid rowSpannable={true} />
2781
+ * ```
2782
+ */
2783
+ rowSpannable?: boolean | GridRowSpannableSettings;
2763
2784
  /**
2764
2785
  * A function that returns a custom class applied to the row.
2765
2786
  *
@@ -2783,7 +2804,7 @@ export declare interface GridProps {
2783
2804
  * - small
2784
2805
  * - medium
2785
2806
  *
2786
- * @default `medium`
2807
+ * @default `undefined`
2787
2808
  */
2788
2809
  size?: 'small' | 'medium' | string;
2789
2810
  /**
@@ -3186,8 +3207,7 @@ declare type GridState = {
3186
3207
  export declare const GridToolbar: DefineComponent<ExtractPropTypes< {
3187
3208
  size: {
3188
3209
  type: PropType<string>;
3189
- default: string;
3190
- validator: (value: string) => any;
3210
+ validator: (value: string) => boolean;
3191
3211
  };
3192
3212
  }>, {}, {}, {
3193
3213
  wrapperClass(): {
@@ -3199,12 +3219,9 @@ wrapperClass(): {
3199
3219
  }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
3200
3220
  size: {
3201
3221
  type: PropType<string>;
3202
- default: string;
3203
- validator: (value: string) => any;
3222
+ validator: (value: string) => boolean;
3204
3223
  };
3205
- }>> & Readonly<{}>, {
3206
- size: string;
3207
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
3224
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
3208
3225
 
3209
3226
  /**
3210
3227
  * The props of the GridToolbarProps component.
package/index.d.ts CHANGED
@@ -31,6 +31,7 @@ import { GridGroupExpandChangeEvent as GridGroupExpandChangeEvent_2 } from '.';
31
31
  import { GridItemChangeEvent as GridItemChangeEvent_2 } from '.';
32
32
  import { GridPageChangeEvent as GridPageChangeEvent_2 } from '.';
33
33
  import { GridPagerSettings } from '@progress/kendo-vue-data-tools';
34
+ import { GridRowSpannableSettings as GridRowSpannableSettings_2 } from './interfaces/GridRowSpannableSettings';
34
35
  import { GridSearchChangeEvent as GridSearchChangeEvent_2 } from '.';
35
36
  import { GridSortChangeEvent as GridSortChangeEvent_2 } from '.';
36
37
  import { GridSortSettings as GridSortSettings_2 } from '.';
@@ -157,9 +158,6 @@ tableClass(): {
157
158
  'k-table': boolean;
158
159
  'k-grid-footer-table': boolean;
159
160
  };
160
- divStyle(): {
161
- padding: string;
162
- };
163
161
  tableStyle(): {
164
162
  width: any;
165
163
  };
@@ -320,6 +318,7 @@ expandColumn: PropType<GridColumnProps>;
320
318
  selectedField: PropType<string>;
321
319
  cellRender: PropType<string | boolean | ((h: any, defaultRendering: any, props: GridCellProps_2, listeners: any) => any)>;
322
320
  rowRender: PropType<string | boolean | ((h: any, defaultRendering: any, defaultSlots: any, props: any, listeners: any) => any)>;
321
+ rowSpannable: PropType<boolean | GridRowSpannableSettings_2>;
323
322
  resizable: PropType<boolean>;
324
323
  reorderable: PropType<boolean>;
325
324
  group: PropType<GroupDescriptor[]>;
@@ -501,6 +500,7 @@ expandColumn: PropType<GridColumnProps>;
501
500
  selectedField: PropType<string>;
502
501
  cellRender: PropType<string | boolean | ((h: any, defaultRendering: any, props: GridCellProps_2, listeners: any) => any)>;
503
502
  rowRender: PropType<string | boolean | ((h: any, defaultRendering: any, defaultSlots: any, props: any, listeners: any) => any)>;
503
+ rowSpannable: PropType<boolean | GridRowSpannableSettings_2>;
504
504
  resizable: PropType<boolean>;
505
505
  reorderable: PropType<boolean>;
506
506
  group: PropType<GroupDescriptor[]>;
@@ -648,6 +648,10 @@ level: PropType<number>;
648
648
  expanded: PropType<boolean>;
649
649
  type: PropType<string>;
650
650
  editor: PropType<string>;
651
+ rowSpan: PropType<{
652
+ count: number;
653
+ value: any;
654
+ }>;
651
655
  isSelected: PropType<boolean>;
652
656
  isHighlighted: PropType<boolean>;
653
657
  ariaColumnIndex: PropType<number>;
@@ -707,6 +711,10 @@ level: PropType<number>;
707
711
  expanded: PropType<boolean>;
708
712
  type: PropType<string>;
709
713
  editor: PropType<string>;
714
+ rowSpan: PropType<{
715
+ count: number;
716
+ value: any;
717
+ }>;
710
718
  isSelected: PropType<boolean>;
711
719
  isHighlighted: PropType<boolean>;
712
720
  ariaColumnIndex: PropType<number>;
@@ -898,12 +906,17 @@ export declare interface GridCellProps {
898
906
  render?: any;
899
907
  /** @hidden */
900
908
  group?: GroupState;
909
+ /** @hidden */
910
+ rowSpan?: {
911
+ count: number | null;
912
+ value: any;
913
+ };
901
914
  }
902
915
 
903
916
  /**
904
917
  * Represents the properties of the callback used when spanning a column.
905
918
  */
906
- declare type GridColSpanProps = {
919
+ export declare type GridColSpanProps = {
907
920
  /**
908
921
  * Represents the properties of the spanned column.
909
922
  */
@@ -1964,11 +1977,10 @@ export declare interface GridFilterCellProps {
1964
1977
  * - small
1965
1978
  * - medium
1966
1979
  * - large
1967
- * - null&mdash;Does not set a size `class`.
1968
1980
  *
1969
- * @default `medium`
1981
+ * @default `undefined`
1970
1982
  */
1971
- size?: null | 'small' | 'medium' | 'large';
1983
+ size?: 'small' | 'medium' | 'large';
1972
1984
  }
1973
1985
 
1974
1986
  /**
@@ -2760,6 +2772,15 @@ export declare interface GridProps {
2760
2772
  * item ([more information and examples]({% slug editing_inline_grid %})).
2761
2773
  */
2762
2774
  editField?: string;
2775
+ /**
2776
+ * Enables the built-in row span feature of the Grid.
2777
+ *
2778
+ * @example
2779
+ * ```jsx
2780
+ * <Grid rowSpannable={true} />
2781
+ * ```
2782
+ */
2783
+ rowSpannable?: boolean | GridRowSpannableSettings;
2763
2784
  /**
2764
2785
  * A function that returns a custom class applied to the row.
2765
2786
  *
@@ -2783,7 +2804,7 @@ export declare interface GridProps {
2783
2804
  * - small
2784
2805
  * - medium
2785
2806
  *
2786
- * @default `medium`
2807
+ * @default `undefined`
2787
2808
  */
2788
2809
  size?: 'small' | 'medium' | string;
2789
2810
  /**
@@ -3186,8 +3207,7 @@ declare type GridState = {
3186
3207
  export declare const GridToolbar: DefineComponent<ExtractPropTypes< {
3187
3208
  size: {
3188
3209
  type: PropType<string>;
3189
- default: string;
3190
- validator: (value: string) => any;
3210
+ validator: (value: string) => boolean;
3191
3211
  };
3192
3212
  }>, {}, {}, {
3193
3213
  wrapperClass(): {
@@ -3199,12 +3219,9 @@ wrapperClass(): {
3199
3219
  }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
3200
3220
  size: {
3201
3221
  type: PropType<string>;
3202
- default: string;
3203
- validator: (value: string) => any;
3222
+ validator: (value: string) => boolean;
3204
3223
  };
3205
- }>> & Readonly<{}>, {
3206
- size: string;
3207
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
3224
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
3208
3225
 
3209
3226
  /**
3210
3227
  * The props of the GridToolbarProps component.
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1769424777,version:"7.1.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1770355607,version:"7.1.0-develop.7",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;
@@ -10,8 +10,8 @@ const e = {
10
10
  productName: "Kendo UI for Vue",
11
11
  productCode: "KENDOUIVUE",
12
12
  productCodes: ["KENDOUIVUE"],
13
- publishDate: 1769424777,
14
- version: "7.1.0-develop.5",
13
+ publishDate: 1770355607,
14
+ version: "7.1.0-develop.7",
15
15
  licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
16
16
  };
17
17
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-grid",
3
- "version": "7.1.0-develop.5",
3
+ "version": "7.1.0-develop.7",
4
4
  "description": "TODO",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -21,16 +21,16 @@
21
21
  "@progress/kendo-data-query": "^1.7.0",
22
22
  "@progress/kendo-drawing": "^1.21.1",
23
23
  "@progress/kendo-licensing": "^1.7.2",
24
- "@progress/kendo-vue-animation": "7.1.0-develop.5",
25
- "@progress/kendo-vue-buttons": "7.1.0-develop.5",
26
- "@progress/kendo-vue-common": "7.1.0-develop.5",
27
- "@progress/kendo-vue-data-tools": "7.1.0-develop.5",
28
- "@progress/kendo-vue-dateinputs": "7.1.0-develop.5",
29
- "@progress/kendo-vue-indicators": "7.1.0-develop.5",
30
- "@progress/kendo-vue-dropdowns": "7.1.0-develop.5",
31
- "@progress/kendo-vue-inputs": "7.1.0-develop.5",
32
- "@progress/kendo-vue-intl": "7.1.0-develop.5",
33
- "@progress/kendo-vue-popup": "7.1.0-develop.5",
24
+ "@progress/kendo-vue-animation": "7.1.0-develop.7",
25
+ "@progress/kendo-vue-buttons": "7.1.0-develop.7",
26
+ "@progress/kendo-vue-common": "7.1.0-develop.7",
27
+ "@progress/kendo-vue-data-tools": "7.1.0-develop.7",
28
+ "@progress/kendo-vue-dateinputs": "7.1.0-develop.7",
29
+ "@progress/kendo-vue-indicators": "7.1.0-develop.7",
30
+ "@progress/kendo-vue-dropdowns": "7.1.0-develop.7",
31
+ "@progress/kendo-vue-inputs": "7.1.0-develop.7",
32
+ "@progress/kendo-vue-intl": "7.1.0-develop.7",
33
+ "@progress/kendo-vue-popup": "7.1.0-develop.7",
34
34
  "@progress/kendo-svg-icons": "^4.4.0",
35
35
  "vue": "^3.0.2"
36
36
  },
@@ -51,7 +51,7 @@
51
51
  "package": {
52
52
  "productName": "Kendo UI for Vue",
53
53
  "productCode": "KENDOUIVUE",
54
- "publishDate": 1769424777,
54
+ "publishDate": 1770355607,
55
55
  "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/"
56
56
  }
57
57
  },
@@ -1,8 +0,0 @@
1
- /**
2
- * @license
3
- *-------------------------------------------------------------------------------------------
4
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
- * Licensed under commercial license. See LICENSE.md in the package root for more information
6
- *-------------------------------------------------------------------------------------------
7
- */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=()=>typeof document!="undefined"?document:{};class r{get scrollbarWidth(){const o=t();if(!this.scrollbar&&o&&o.createElement){const e=o.createElement("div");e.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",e.innerHTML="&nbsp;",o.body.appendChild(e),this.scrollbar=e.offsetWidth-e.scrollWidth,o.body.removeChild(e)}return this.scrollbar}}exports.BrowserSupportService=r;
@@ -1,21 +0,0 @@
1
- /**
2
- * @license
3
- *-------------------------------------------------------------------------------------------
4
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
- * Licensed under commercial license. See LICENSE.md in the package root for more information
6
- *-------------------------------------------------------------------------------------------
7
- */
8
- const t = () => typeof document != "undefined" ? document : {};
9
- class l {
10
- get scrollbarWidth() {
11
- const o = t();
12
- if (!this.scrollbar && o && o.createElement) {
13
- const e = o.createElement("div");
14
- e.style.cssText = "overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block", e.innerHTML = "&nbsp;", o.body.appendChild(e), this.scrollbar = e.offsetWidth - e.scrollWidth, o.body.removeChild(e);
15
- }
16
- return this.scrollbar;
17
- }
18
- }
19
- export {
20
- l as BrowserSupportService
21
- };