@progress/kendo-vue-grid 7.1.0-develop.4 → 7.1.0-develop.6

package/index.d.ts

@@ -31,6 +31,7 @@ import { GridGroupExpandChangeEvent as GridGroupExpandChangeEvent_2 } from '.';
 import { GridItemChangeEvent as GridItemChangeEvent_2 } from '.';
 import { GridPageChangeEvent as GridPageChangeEvent_2 } from '.';
 import { GridPagerSettings } from '@progress/kendo-vue-data-tools';
+import { GridRowSpannableSettings as GridRowSpannableSettings_2 } from './interfaces/GridRowSpannableSettings';
 import { GridSearchChangeEvent as GridSearchChangeEvent_2 } from '.';
 import { GridSortChangeEvent as GridSortChangeEvent_2 } from '.';
 import { GridSortSettings as GridSortSettings_2 } from '.';
@@ -68,6 +69,9 @@ export declare function autoGenerateColumns(data: any[] | DataResult | null | un
     idPrefix: string;
 }): ExtendedColumnProps[];
 
+/** @hidden */
+export declare const calcRowHeight: (tableBody: HTMLTableSectionElement | null) => number;
+
 /**
  * @hidden
  */
@@ -154,9 +158,6 @@ tableClass(): {
 'k-table': boolean;
 'k-grid-footer-table': boolean;
 };
-divStyle(): {
-padding: string;
-};
 tableStyle(): {
 width: any;
 };
@@ -245,6 +246,7 @@ export declare const getRowSpanOptions: (rowSpannable?: boolean | GridRowSpannab
  * ```
  */
 export declare const Grid: DefineComponent<ExtractPropTypes<    {
+id: PropType<string>;
 autoProcessData: PropType<boolean | {
 filter?: boolean;
 search?: boolean;
@@ -253,7 +255,9 @@ group?: boolean;
 page?: boolean;
 }>;
 topCacheCount: {
-type: PropType<number>;
+type: PropType<number>; /**
+* Represent the `ref` of the Grid component.
+*/
 default: number;
 };
 collapsedGroups: {
@@ -270,7 +274,11 @@ type: PropType<GridColumnState_2[]>;
 default: () => any;
 };
 defaultColumnsState: {
-type: PropType<GridColumnState_2[]>;
+type: PropType<GridColumnState_2[]>; /**
+* Method to allow the scroll to be set to a specific row index when the Grid is scrollable. It is zero based.
+*
+* @param options - Object, containing the rowIndex to which is going to be scrolled.
+*/
 default: () => any;
 };
 columnVirtualization: PropType<boolean>;
@@ -300,6 +308,7 @@ highlight: PropType<    {
 pageable: PropType<any>;
 pageSize: PropType<number>;
 total: PropType<number>;
+fixedScroll: PropType<boolean>;
 skip: PropType<number>;
 defaultSkip: PropType<number>;
 take: PropType<number>;
@@ -309,6 +318,7 @@ expandColumn: PropType<GridColumnProps>;
 selectedField: PropType<string>;
 cellRender: PropType<string | boolean | ((h: any, defaultRendering: any, props: GridCellProps_2, listeners: any) => any)>;
 rowRender: PropType<string | boolean | ((h: any, defaultRendering: any, defaultSlots: any, props: any, listeners: any) => any)>;
+rowSpannable: PropType<boolean | GridRowSpannableSettings_2>;
 resizable: PropType<boolean>;
 reorderable: PropType<boolean>;
 group: PropType<GroupDescriptor[]>;
@@ -418,6 +428,7 @@ onDetailexpandchange: PropType<(event: GridDetailExpandChangeEvent_2) => void>;
 }>, void, {}, {
 columnsWithTemplates(): any[];
 }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+id: PropType<string>;
 autoProcessData: PropType<boolean | {
 filter?: boolean;
 search?: boolean;
@@ -426,7 +437,9 @@ group?: boolean;
 page?: boolean;
 }>;
 topCacheCount: {
-type: PropType<number>;
+type: PropType<number>; /**
+* Represent the `ref` of the Grid component.
+*/
 default: number;
 };
 collapsedGroups: {
@@ -443,7 +456,11 @@ type: PropType<GridColumnState_2[]>;
 default: () => any;
 };
 defaultColumnsState: {
-type: PropType<GridColumnState_2[]>;
+type: PropType<GridColumnState_2[]>; /**
+* Method to allow the scroll to be set to a specific row index when the Grid is scrollable. It is zero based.
+*
+* @param options - Object, containing the rowIndex to which is going to be scrolled.
+*/
 default: () => any;
 };
 columnVirtualization: PropType<boolean>;
@@ -473,6 +490,7 @@ highlight: PropType<    {
 pageable: PropType<any>;
 pageSize: PropType<number>;
 total: PropType<number>;
+fixedScroll: PropType<boolean>;
 skip: PropType<number>;
 defaultSkip: PropType<number>;
 take: PropType<number>;
@@ -482,6 +500,7 @@ expandColumn: PropType<GridColumnProps>;
 selectedField: PropType<string>;
 cellRender: PropType<string | boolean | ((h: any, defaultRendering: any, props: GridCellProps_2, listeners: any) => any)>;
 rowRender: PropType<string | boolean | ((h: any, defaultRendering: any, defaultSlots: any, props: any, listeners: any) => any)>;
+rowSpannable: PropType<boolean | GridRowSpannableSettings_2>;
 resizable: PropType<boolean>;
 reorderable: PropType<boolean>;
 group: PropType<GroupDescriptor[]>;
@@ -593,8 +612,8 @@ size: string;
 scrollable: string;
 navigatable: boolean;
 columnMenuAnimate: boolean;
-collapsedGroups: any[][];
 topCacheCount: number;
+collapsedGroups: any[][];
 columnsState: GridColumnState_2[];
 defaultColumnsState: GridColumnState_2[];
 showLoader: boolean;
@@ -629,6 +648,10 @@ level: PropType<number>;
 expanded: PropType<boolean>;
 type: PropType<string>;
 editor: PropType<string>;
+rowSpan: PropType<{
+count: number;
+value: any;
+}>;
 isSelected: PropType<boolean>;
 isHighlighted: PropType<boolean>;
 ariaColumnIndex: PropType<number>;
@@ -688,6 +711,10 @@ level: PropType<number>;
 expanded: PropType<boolean>;
 type: PropType<string>;
 editor: PropType<string>;
+rowSpan: PropType<{
+count: number;
+value: any;
+}>;
 isSelected: PropType<boolean>;
 isHighlighted: PropType<boolean>;
 ariaColumnIndex: PropType<number>;
@@ -879,12 +906,17 @@ export declare interface GridCellProps {
     render?: any;
     /** @hidden */
     group?: GroupState;
+    /** @hidden */
+    rowSpan?: {
+        count: number | null;
+        value: any;
+    };
 }
 
 /**
  * Represents the properties of the callback used when spanning a column.
  */
-declare type GridColSpanProps = {
+export declare type GridColSpanProps = {
     /**
      * Represents the properties of the spanned column.
      */
@@ -1655,6 +1687,10 @@ export declare interface GridDataStateChangeEvent extends GridEvent {
      * The state of the Grid based on the user action.
      */
     data: State;
+    /**
+     * The state of the Grid based on the user action.
+     */
+    dataState: GridState;
 }
 
 /**
@@ -1838,7 +1874,7 @@ event: any;
 }) => void>;
 render: PropType<any>;
 ariaLabel: PropType<string>;
-size: PropType<string>;
+size: PropType<"small" | "medium" | "large">;
 }>, {
 kendoIntlService: {};
 kendoLocalizationService: {};
@@ -1866,7 +1902,7 @@ event: any;
 }) => void>;
 render: PropType<any>;
 ariaLabel: PropType<string>;
-size: PropType<string>;
+size: PropType<"small" | "medium" | "large">;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**
@@ -1945,7 +1981,7 @@ export declare interface GridFilterCellProps {
      *
      * @default `medium`
      */
-    size?: null | 'small' | 'medium' | 'large' | string;
+    size?: null | 'small' | 'medium' | 'large';
 }
 
 /**
@@ -2378,6 +2414,15 @@ export { GridPagerSettings }
  * Represents the props of the [native Vue Grid component by Kendo UI]({% slug overview_grid %}).
  */
 export declare interface GridProps {
+    /**
+     * Sets the `id` property of the top div element of the component.
+     *
+     * @example
+     * ```jsx
+     * <Grid :id="'custom-grid-id' />
+     * ```
+     */
+    id?: string;
     /**
      * Enables data-processing inside the GridComponent based on its state.
      * Provides an easy, built-in way to handle data operations like sorting, filtering, grouping, and paging.
@@ -2387,13 +2432,13 @@ export declare interface GridProps {
      * @example
      * ```jsx
      * <Grid
-     *   autoProcessData={{
+     *   :autoProcessData="{
      *     filter: true,
      *     search: true,
      *     sort: true,
      *     group: true,
      *     page: true
-     *   }}
+     *   }}"
      * />
      * ```
      */
@@ -2647,6 +2692,11 @@ export declare interface GridProps {
      * Fires when the user tries to expand or collapse a row.
      */
     onExpandchange?: (event: GridExpandChangeEvent) => void;
+    /**
+     * Determines if the scroll position will be updated after a data change.
+     * If set to `true`, the scroll will remain in the same position.
+     */
+    fixedScroll?: boolean;
     /**
      *
      * `obsolete` Will be removed in the next major release. Use `expandable` property instead.
@@ -2723,6 +2773,15 @@ export declare interface GridProps {
      * item ([more information and examples]({% slug editing_inline_grid %})).
      */
     editField?: string;
+    /**
+     * Enables the built-in row span feature of the Grid.
+     *
+     * @example
+     * ```jsx
+     * <Grid rowSpannable={true} />
+     * ```
+     */
+    rowSpannable?: boolean | GridRowSpannableSettings;
     /**
      * A function that returns a custom class applied to the row.
      *
@@ -2888,7 +2947,7 @@ export declare interface GridRemoveEvent {
  */
 export declare const GridRow: DefineComponent<ExtractPropTypes<    {
 rowType: PropType<string>;
-dataItem: PropType<any>;
+item: PropType<any>;
 isAltRow: PropType<boolean>;
 isHidden: PropType<boolean>;
 isHighlighted: PropType<boolean>;
@@ -2897,8 +2956,9 @@ isInEdit: PropType<boolean>;
 isSelected: PropType<boolean>;
 selectedField: PropType<string>;
 rowHeight: PropType<number>;
-ariaRowIndex: PropType<Number>;
-dataIndex: PropType<Number>;
+ariaRowIndex: PropType<number>;
+absoluteRowIndex: PropType<number>;
+dataIndex: PropType<number>;
 render: PropType<any>;
 onRowclick: PropType<any>;
 onRowdblclick: PropType<Function>;
@@ -2919,7 +2979,7 @@ handleClick(e: any): void;
 handleDoubleClick(e: any): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 rowType: PropType<string>;
-dataItem: PropType<any>;
+item: PropType<any>;
 isAltRow: PropType<boolean>;
 isHidden: PropType<boolean>;
 isHighlighted: PropType<boolean>;
@@ -2928,8 +2988,9 @@ isInEdit: PropType<boolean>;
 isSelected: PropType<boolean>;
 selectedField: PropType<string>;
 rowHeight: PropType<number>;
-ariaRowIndex: PropType<Number>;
-dataIndex: PropType<Number>;
+ariaRowIndex: PropType<number>;
+absoluteRowIndex: PropType<number>;
+dataIndex: PropType<number>;
 render: PropType<any>;
 onRowclick: PropType<any>;
 onRowdblclick: PropType<Function>;
@@ -2960,7 +3021,7 @@ export declare interface GridRowProps {
     /**
      * The `data` object that represents the current row.
      */
-    dataItem: any;
+    item: any;
     /**
      * Indicates whether the row is an alternating row.
      */
@@ -2998,11 +3059,15 @@ export declare interface GridRowProps {
     /**
      * @hidden
      */
-    ariaRowIndex?: Number;
+    ariaRowIndex?: number;
     /**
      * @hidden
      */
-    dataIndex?: Number;
+    absoluteRowIndex?: number;
+    /**
+     * @hidden
+     */
+    dataIndex?: number;
 }
 
 /**
@@ -3121,6 +3186,20 @@ export declare type GridSortSettings = boolean | GridColumnSortSettings & {
     mode?: 'single' | 'multiple';
 };
 
+/** @hidden */
+declare type GridState = {
+    filter?: GridProps['filter'];
+    highlight?: GridProps['highlight'];
+    search?: GridProps['search'];
+    sort?: GridProps['sort'];
+    skip?: GridProps['skip'];
+    take?: GridProps['take'];
+    group?: GridProps['group'];
+    detailExpand?: GridProps['detailExpand'];
+    groupExpand?: GridProps['groupExpand'];
+    columnsState?: GridProps['columnsState'];
+};
+
 /**
  * Represents the GridToolbar component.
  *

package/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./RootGrid.js"),r=require("./columnMenu/GridColumnMenuSort.js"),o=require("./columnMenu/GridColumnMenuFilter.js"),t=require("./columnMenu/GridColumnMenuFilterUI.js"),l=require("./columnMenu/GridColumnMenuFilterCell.js"),n=require("./columnMenu/GridColumnMenuCheckboxFilter.js"),u=require("./cells/GridCell.js"),d=require("./cells/GridEditCell.js"),G=require("./cells/GridGroupCell.js"),C=require("./cells/GridHierarchyCell.js"),a=require("./cells/GridFilterCell.js"),s=require("./header/GridHeaderCell.js"),m=require("./footer/Footer.js"),c=require("./footer/FooterRow.js"),p=require("./rows/GridDetailRow.js"),F=require("./rows/GridRow.js"),M=require("./GridToolbar.js"),q=require("./GridNoRecords.js"),g=require("./columnMenu/GridColumnMenuItem.js"),R=require("./columnMenu/GridColumnMenuItemContent.js"),S=require("./columnMenu/GridColumnMenuItemGroup.js"),x=require("./GridSearchBox.js"),e=require("./utils/main.js");exports.Grid=i.RootGrid;exports.GridColumnMenuSort=r.GridColumnMenuSort;exports.sortGroupByField=r.sortGroupByField;exports.GridColumnMenuFilter=o.GridColumnMenuFilter;exports.filterGroupByField=o.filterGroupByField;exports.GridColumnMenuFilterUI=t.GridColumnMenuFilterUI;exports.GridColumnMenuFilterCell=l.GridColumnMenuFilterCell;exports.GridColumnMenuCheckboxFilter=n.GridColumnMenuCheckboxFilter;exports.GridCell=u.GridCell;exports.GridEditCell=d.GridEditCell;exports.GridGroupCell=G.GridGroupCell;exports.GridHierarchyCell=C.GridHierarchyCell;exports.GridFilterCell=a.GridFilterCell;exports.GridHeaderCell=s.GridHeaderCell;exports.Footer=m.Footer;exports.FooterRow=c.FooterRow;exports.GridDetailRow=p.GridDetailRow;exports.GridRow=F.GridRow;exports.GridToolbar=M.GridToolbar;exports.GridNoRecords=q.GridNoRecords;exports.GridColumnMenuItem=g.GridColumnMenuItem;exports.GridColumnMenuItemContent=R.GridColumnMenuItemContent;exports.GridColumnMenuItemGroup=S.GridColumnMenuItemGroup;exports.GridSearchBox=x.GridSearchBox;exports.applyExpandedState=e.applyExpandedState;exports.autoGenerateColumns=e.autoGenerateColumns;exports.checkPropCompatibility=e.checkPropCompatibility;exports.firefox=e.firefox;exports.firefoxMaxHeight=e.firefoxMaxHeight;exports.flatData=e.flatData;exports.footerColumns=e.footerColumns;exports.getColSpan=e.getColSpan;exports.getColumnWidth=e.getColumnWidth;exports.getDataAsArray=e.getDataAsArray;exports.getFlatColumnsState=e.getFlatColumnsState;exports.getIndex=e.getIndex;exports.getNestedValue=e.getNestedValue;exports.getRowSpanOptions=e.getRowSpanOptions;exports.groupedFirstItemValue=e.groupedFirstItemValue;exports.isRtl=e.isRtl;exports.isSorted=e.isSorted;exports.mapColumns=e.mapColumns;exports.parsers=e.parsers;exports.readColumns=e.readColumns;exports.sanitizeColumns=e.sanitizeColumns;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./RootGrid.js"),r=require("./columnMenu/GridColumnMenuSort.js"),o=require("./columnMenu/GridColumnMenuFilter.js"),t=require("./columnMenu/GridColumnMenuFilterUI.js"),l=require("./columnMenu/GridColumnMenuFilterCell.js"),n=require("./columnMenu/GridColumnMenuCheckboxFilter.js"),u=require("./cells/GridCell.js"),d=require("./cells/GridEditCell.js"),G=require("./cells/GridGroupCell.js"),C=require("./cells/GridHierarchyCell.js"),a=require("./cells/GridFilterCell.js"),s=require("./header/GridHeaderCell.js"),m=require("./footer/Footer.js"),c=require("./footer/FooterRow.js"),p=require("./rows/GridDetailRow.js"),F=require("./rows/GridRow.js"),M=require("./GridToolbar.js"),q=require("./components/noRecords/GridNoRecords.js"),g=require("./columnMenu/GridColumnMenuItem.js"),R=require("./columnMenu/GridColumnMenuItemContent.js"),S=require("./columnMenu/GridColumnMenuItemGroup.js"),h=require("./GridSearchBox.js"),e=require("./utils/main.js");exports.Grid=i.RootGrid;exports.GridColumnMenuSort=r.GridColumnMenuSort;exports.sortGroupByField=r.sortGroupByField;exports.GridColumnMenuFilter=o.GridColumnMenuFilter;exports.filterGroupByField=o.filterGroupByField;exports.GridColumnMenuFilterUI=t.GridColumnMenuFilterUI;exports.GridColumnMenuFilterCell=l.GridColumnMenuFilterCell;exports.GridColumnMenuCheckboxFilter=n.GridColumnMenuCheckboxFilter;exports.GridCell=u.GridCell;exports.GridEditCell=d.GridEditCell;exports.GridGroupCell=G.GridGroupCell;exports.GridHierarchyCell=C.GridHierarchyCell;exports.GridFilterCell=a.GridFilterCell;exports.GridHeaderCell=s.GridHeaderCell;exports.Footer=m.Footer;exports.FooterRow=c.FooterRow;exports.GridDetailRow=p.GridDetailRow;exports.GridRow=F.GridRow;exports.GridToolbar=M.GridToolbar;exports.GridNoRecords=q.GridNoRecords;exports.GridColumnMenuItem=g.GridColumnMenuItem;exports.GridColumnMenuItemContent=R.GridColumnMenuItemContent;exports.GridColumnMenuItemGroup=S.GridColumnMenuItemGroup;exports.GridSearchBox=h.GridSearchBox;exports.applyExpandedState=e.applyExpandedState;exports.autoGenerateColumns=e.autoGenerateColumns;exports.calcRowHeight=e.calcRowHeight;exports.checkPropCompatibility=e.checkPropCompatibility;exports.firefox=e.firefox;exports.firefoxMaxHeight=e.firefoxMaxHeight;exports.flatData=e.flatData;exports.footerColumns=e.footerColumns;exports.getColSpan=e.getColSpan;exports.getColumnWidth=e.getColumnWidth;exports.getDataAsArray=e.getDataAsArray;exports.getFlatColumnsState=e.getFlatColumnsState;exports.getIndex=e.getIndex;exports.getNestedValue=e.getNestedValue;exports.getRowSpanOptions=e.getRowSpanOptions;exports.groupedFirstItemValue=e.groupedFirstItemValue;exports.isRtl=e.isRtl;exports.isSorted=e.isSorted;exports.mapColumns=e.mapColumns;exports.parsers=e.parsers;exports.readColumns=e.readColumns;exports.sanitizeColumns=e.sanitizeColumns;

package/index.mjs

@@ -9,33 +9,33 @@ import { RootGrid as e } from "./RootGrid.mjs";
 import { GridColumnMenuSort as l, sortGroupByField as i } from "./columnMenu/GridColumnMenuSort.mjs";
 import { GridColumnMenuFilter as p, filterGroupByField as d } from "./columnMenu/GridColumnMenuFilter.mjs";
 import { GridColumnMenuFilterUI as u } from "./columnMenu/GridColumnMenuFilterUI.mjs";
-import { GridColumnMenuFilterCell as x } from "./columnMenu/GridColumnMenuFilterCell.mjs";
+import { GridColumnMenuFilterCell as f } from "./columnMenu/GridColumnMenuFilterCell.mjs";
 import { GridColumnMenuCheckboxFilter as C } from "./columnMenu/GridColumnMenuCheckboxFilter.mjs";
 import { GridCell as s } from "./cells/GridCell.mjs";
 import { GridEditCell as g } from "./cells/GridEditCell.mjs";
-import { GridGroupCell as R } from "./cells/GridGroupCell.mjs";
-import { GridHierarchyCell as c } from "./cells/GridHierarchyCell.mjs";
+import { GridGroupCell as c } from "./cells/GridGroupCell.mjs";
+import { GridHierarchyCell as h } from "./cells/GridHierarchyCell.mjs";
 import { GridFilterCell as y } from "./cells/GridFilterCell.mjs";
 import { GridHeaderCell as w } from "./header/GridHeaderCell.mjs";
-import { Footer as B } from "./footer/Footer.mjs";
-import { FooterRow as H } from "./footer/FooterRow.mjs";
+import { Footer as b } from "./footer/Footer.mjs";
+import { FooterRow as D } from "./footer/FooterRow.mjs";
 import { GridDetailRow as A } from "./rows/GridDetailRow.mjs";
 import { GridRow as N } from "./rows/GridRow.mjs";
 import { GridToolbar as z } from "./GridToolbar.mjs";
-import { GridNoRecords as P } from "./GridNoRecords.mjs";
+import { GridNoRecords as P } from "./components/noRecords/GridNoRecords.mjs";
 import { GridColumnMenuItem as U } from "./columnMenu/GridColumnMenuItem.mjs";
 import { GridColumnMenuItemContent as j } from "./columnMenu/GridColumnMenuItemContent.mjs";
 import { GridColumnMenuItemGroup as v } from "./columnMenu/GridColumnMenuItemGroup.mjs";
 import { GridSearchBox as K } from "./GridSearchBox.mjs";
-import { applyExpandedState as Q, autoGenerateColumns as X, checkPropCompatibility as Y, firefox as Z, firefoxMaxHeight as _, flatData as $, footerColumns as rr, getColSpan as or, getColumnWidth as er, getDataAsArray as tr, getFlatColumnsState as lr, getIndex as ir, getNestedValue as mr, getRowSpanOptions as pr, groupedFirstItemValue as dr, isRtl as nr, isSorted as ur, mapColumns as fr, parsers as xr, readColumns as ar, sanitizeColumns as Cr } from "./utils/main.mjs";
+import { applyExpandedState as Q, autoGenerateColumns as X, calcRowHeight as Y, checkPropCompatibility as Z, firefox as _, firefoxMaxHeight as $, flatData as rr, footerColumns as or, getColSpan as er, getColumnWidth as tr, getDataAsArray as lr, getFlatColumnsState as ir, getIndex as mr, getNestedValue as pr, getRowSpanOptions as dr, groupedFirstItemValue as nr, isRtl as ur, isSorted as ar, mapColumns as fr, parsers as xr, readColumns as Cr, sanitizeColumns as Gr } from "./utils/main.mjs";
 export {
-  B as Footer,
-  H as FooterRow,
+  b as Footer,
+  D as FooterRow,
   e as Grid,
   s as GridCell,
   C as GridColumnMenuCheckboxFilter,
   p as GridColumnMenuFilter,
-  x as GridColumnMenuFilterCell,
+  f as GridColumnMenuFilterCell,
   u as GridColumnMenuFilterUI,
   U as GridColumnMenuItem,
   j as GridColumnMenuItemContent,
@@ -44,34 +44,35 @@ export {
   A as GridDetailRow,
   g as GridEditCell,
   y as GridFilterCell,
-  R as GridGroupCell,
+  c as GridGroupCell,
   w as GridHeaderCell,
-  c as GridHierarchyCell,
+  h as GridHierarchyCell,
   P as GridNoRecords,
   N as GridRow,
   K as GridSearchBox,
   z as GridToolbar,
   Q as applyExpandedState,
   X as autoGenerateColumns,
-  Y as checkPropCompatibility,
+  Y as calcRowHeight,
+  Z as checkPropCompatibility,
   d as filterGroupByField,
-  Z as firefox,
-  _ as firefoxMaxHeight,
-  $ as flatData,
-  rr as footerColumns,
-  or as getColSpan,
-  er as getColumnWidth,
-  tr as getDataAsArray,
-  lr as getFlatColumnsState,
-  ir as getIndex,
-  mr as getNestedValue,
-  pr as getRowSpanOptions,
-  dr as groupedFirstItemValue,
-  nr as isRtl,
-  ur as isSorted,
+  _ as firefox,
+  $ as firefoxMaxHeight,
+  rr as flatData,
+  or as footerColumns,
+  er as getColSpan,
+  tr as getColumnWidth,
+  lr as getDataAsArray,
+  ir as getFlatColumnsState,
+  mr as getIndex,
+  pr as getNestedValue,
+  dr as getRowSpanOptions,
+  nr as groupedFirstItemValue,
+  ur as isRtl,
+  ar as isSorted,
   fr as mapColumns,
   xr as parsers,
-  ar as readColumns,
-  Cr as sanitizeColumns,
+  Cr as readColumns,
+  Gr as sanitizeColumns,
   i as sortGroupByField
 };

package/package-metadata.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={name:"@progress/kendo-vue-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1769174314,version:"7.1.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;
+"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: 1769676430,version:"7.1.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1769174314,
-  version: "7.1.0-develop.4",
+  publishDate: 1769676430,
+  version: "7.1.0-develop.6",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-grid",
-  "version": "7.1.0-develop.4",
+  "version": "7.1.0-develop.6",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -21,16 +21,16 @@
     "@progress/kendo-data-query": "^1.7.0",
     "@progress/kendo-drawing": "^1.21.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "7.1.0-develop.4",
-    "@progress/kendo-vue-buttons": "7.1.0-develop.4",
-    "@progress/kendo-vue-common": "7.1.0-develop.4",
-    "@progress/kendo-vue-data-tools": "7.1.0-develop.4",
-    "@progress/kendo-vue-dateinputs": "7.1.0-develop.4",
-    "@progress/kendo-vue-indicators": "7.1.0-develop.4",
-    "@progress/kendo-vue-dropdowns": "7.1.0-develop.4",
-    "@progress/kendo-vue-inputs": "7.1.0-develop.4",
-    "@progress/kendo-vue-intl": "7.1.0-develop.4",
-    "@progress/kendo-vue-popup": "7.1.0-develop.4",
+    "@progress/kendo-vue-animation": "7.1.0-develop.6",
+    "@progress/kendo-vue-buttons": "7.1.0-develop.6",
+    "@progress/kendo-vue-common": "7.1.0-develop.6",
+    "@progress/kendo-vue-data-tools": "7.1.0-develop.6",
+    "@progress/kendo-vue-dateinputs": "7.1.0-develop.6",
+    "@progress/kendo-vue-indicators": "7.1.0-develop.6",
+    "@progress/kendo-vue-dropdowns": "7.1.0-develop.6",
+    "@progress/kendo-vue-inputs": "7.1.0-develop.6",
+    "@progress/kendo-vue-intl": "7.1.0-develop.6",
+    "@progress/kendo-vue-popup": "7.1.0-develop.6",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -51,7 +51,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1769174314,
+      "publishDate": 1769676430,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/"
     }
   },

package/rows/GridRow.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"),l=require("../utils/main.js"),r=require("@progress/kendo-vue-common"),s=o.defineComponent({name:"KendoGridRow",props:{rowType:String,dataItem:Object,isAltRow:Boolean,isHidden:Boolean,isHighlighted:Boolean,onClick:Function,isInEdit:Boolean,isSelected:Boolean,selectedField:String,rowHeight:Number,ariaRowIndex:Number,dataIndex:Number,render:[String,Function,Object],onRowclick:Function,onRowdblclick:Function},methods:{handleClick(e){this.$emit("rowclick",e)},handleDoubleClick(e){this.$emit("rowdblclick",e)}},computed:{trClass(){const{rowType:e,isAltRow:t,isInEdit:n,selectedField:i,isHighlighted:d}=this.$props;return{"k-table-row":!0,"k-selected":i!==void 0&&l.getNestedValue(i,this.$props.dataItem),"k-highlighted":d,"k-table-group-row":e==="groupHeader","k-grouping-row":e==="groupHeader","k-group-footer":e==="groupFooter","k-master-row":e!=="groupHeader"&&e!=="groupFooter","k-table-alt-row":t,"k-edit-row":n}}},render(){const e=r.getDefaultSlots(this),t=o.createVNode("tr",{onClick:this.handleClick,onDblclick:this.handleDoubleClick,class:this.trClass,style:{height:this.$props.rowHeight?this.$props.rowHeight+"px":"",visibility:this.$props.isHidden?"hidden":""},role:"row","aria-rowindex":this.$props.ariaRowIndex,"data-grid-row-index":this.$props.rowType==="data"?this.$props.dataIndex:void 0},[e]);return r.getTemplate.call(this,{h:o.h,template:this.$props.render,defaultRendering:t,additionalProps:this.$props,additionalListeners:{click:this.handleClick},defaultSlots:e,swapDefaultSlots:!0})}});exports.GridRow=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=require("@progress/kendo-vue-common"),s=t.defineComponent({name:"KendoGridRow",props:{rowType:String,item:Object,isAltRow:Boolean,isHidden:Boolean,isHighlighted:Boolean,onClick:Function,isInEdit:Boolean,isSelected:Boolean,selectedField:String,rowHeight:Number,ariaRowIndex:Number,absoluteRowIndex:Number,dataIndex:Number,render:[String,Function,Object],onRowclick:Function,onRowdblclick:Function},methods:{handleClick(e){this.$emit("rowclick",e)},handleDoubleClick(e){this.$emit("rowdblclick",e)}},computed:{trClass(){const{rowType:e,isAltRow:o,isInEdit:r,isHighlighted:l,isSelected:n}=this.$props;return{"k-table-row":!0,"k-selected":n,"k-highlighted":l,"k-table-group-row":e==="groupHeader","k-grouping-row":e==="groupHeader","k-group-footer":e==="groupFooter","k-master-row":e!=="groupHeader"&&e!=="groupFooter","k-table-alt-row":o,"k-edit-row":r}}},render(){const e=i.getDefaultSlots(this),o=t.createVNode("tr",{onClick:this.handleClick,onDblclick:this.handleDoubleClick,class:this.trClass,style:{height:this.$props.rowHeight?this.$props.rowHeight+"px":"",visibility:this.$props.isHidden?"hidden":""},role:"row","aria-rowindex":this.$props.ariaRowIndex,"absolute-row-index":this.$props.absoluteRowIndex,"data-grid-row-index":this.$props.rowType==="data"?this.$props.dataIndex:void 0},[e]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:o,additionalProps:this.$props,additionalListeners:{click:this.handleClick},defaultSlots:e,swapDefaultSlots:!0})}});exports.GridRow=s;

package/rows/GridRow.mjs

@@ -5,14 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as d, createVNode as l, h as n } from "vue";
-import { getNestedValue as s } from "../utils/main.mjs";
-import { getDefaultSlots as a, getTemplate as p } from "@progress/kendo-vue-common";
-const g = /* @__PURE__ */ d({
+import { defineComponent as l, createVNode as s, h as n } from "vue";
+import { getDefaultSlots as d, getTemplate as a } from "@progress/kendo-vue-common";
+const c = /* @__PURE__ */ l({
   name: "KendoGridRow",
   props: {
     rowType: String,
-    dataItem: Object,
+    item: Object,
     isAltRow: Boolean,
     isHidden: Boolean,
     isHighlighted: Boolean,
@@ -22,6 +21,7 @@ const g = /* @__PURE__ */ d({
     selectedField: String,
     rowHeight: Number,
     ariaRowIndex: Number,
+    absoluteRowIndex: Number,
     dataIndex: Number,
     render: [String, Function, Object],
     onRowclick: Function,
@@ -39,26 +39,26 @@ const g = /* @__PURE__ */ d({
     trClass() {
       const {
         rowType: e,
-        isAltRow: t,
-        isInEdit: i,
-        selectedField: o,
-        isHighlighted: r
+        isAltRow: o,
+        isInEdit: t,
+        isHighlighted: i,
+        isSelected: r
       } = this.$props;
       return {
         "k-table-row": !0,
-        "k-selected": o !== void 0 && s(o, this.$props.dataItem),
-        "k-highlighted": r,
+        "k-selected": r,
+        "k-highlighted": i,
         "k-table-group-row": e === "groupHeader",
         "k-grouping-row": e === "groupHeader",
         "k-group-footer": e === "groupFooter",
         "k-master-row": e !== "groupHeader" && e !== "groupFooter",
-        "k-table-alt-row": t,
-        "k-edit-row": i
+        "k-table-alt-row": o,
+        "k-edit-row": t
       };
     }
   },
   render() {
-    const e = a(this), t = l("tr", {
+    const e = d(this), o = s("tr", {
       onClick: this.handleClick,
       onDblclick: this.handleDoubleClick,
       class: this.trClass,
@@ -68,12 +68,13 @@ const g = /* @__PURE__ */ d({
       },
       role: "row",
       "aria-rowindex": this.$props.ariaRowIndex,
+      "absolute-row-index": this.$props.absoluteRowIndex,
       "data-grid-row-index": this.$props.rowType === "data" ? this.$props.dataIndex : void 0
     }, [e]);
-    return p.call(this, {
+    return a.call(this, {
       h: n,
       template: this.$props.render,
-      defaultRendering: t,
+      defaultRendering: o,
       additionalProps: this.$props,
       additionalListeners: {
         click: this.handleClick
@@ -84,5 +85,5 @@ const g = /* @__PURE__ */ d({
   }
 });
 export {
-  g as GridRow
+  c as GridRow
 };