@progress/kendo-vue-grid 3.7.4-dev.202301131104 → 3.7.4-dev.202301151601

package/dist/es/Grid.js

@@ -248,7 +248,7 @@ var GridVue2 = {
     // Calculates the value of the ariaRowcount attribute. 
     getAriaRowCount: function getAriaRowCount() {
       var dataItems = this.$props.dataItems;
-      var totalRecords = this.$props.total !== undefined && this.$props.total || dataItems !== undefined && dataItems.total !== undefined && dataItems.total || dataItems !== undefined && dataItems.length !== undefined && dataItems.length;
+      var totalRecords = this.$props.total !== undefined && this.$props.total || dataItems !== undefined && dataItems !== null && dataItems.total !== undefined && dataItems.total || dataItems !== undefined && dataItems !== null && dataItems.length !== undefined && dataItems.length || 0;
       if (this.$props.detail) {
         return this._columnsMap.length + (this.$props.filterable ? 1 : 0) + totalRecords * 2 + (this._columns.some(function (c) {
           return Boolean(c.footerCell);
@@ -356,7 +356,6 @@ var GridVue2 = {
       if (Math.max(0, this.vs.attendedSkip) !== value && value !== undefined) {
         this.vs.attendedSkip = value;
         this.vs.propsSkip = (value || 0) + (this.$props.scrollable === 'virtual' ? this.vs.topCacheCount + (this.vs.attendedSkip - (value || 0)) : 0);
-        this.vs.syncScroll();
       }
     },
     onTotalChanged: function onTotalChanged(_value, _oldValue) {

package/dist/es/VirtualScroll.d.ts

@@ -19,7 +19,6 @@ export declare class VirtualScroll {
     fixedScroll: boolean;
     askedSkip: number | undefined;
     private prevScrollPos;
-    private syncTimeout;
     private tableTranslate;
     private scrollSyncing;
     constructor(cached: boolean, topCacheCount: number);
@@ -32,10 +31,11 @@ export declare class VirtualScroll {
     }>;
     changePage(skip: number, e: any): void;
     translate(dY: number): void;
-    syncScroll(): void;
     reset(): void;
     localScrollUp(e: any): void;
     localScrollDown(e: any): void;
     scrollNonStrict(e: any): void;
     scrollHandler(e: any): void;
+    private topItems;
+    private horizontalScrollbarHeight;
 }

package/dist/es/VirtualScroll.js

@@ -1,9 +1,9 @@
-import { canUseDOM } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
 var VirtualScroll = /** @class */ (function () {
     function VirtualScroll(cached, topCacheCount) {
+        var _this = this;
         this.containerHeight = 0;
         this.topCacheCount = 0; // 4;
         this.attendedSkip = 0; // -4;
@@ -18,6 +18,29 @@ var VirtualScroll = /** @class */ (function () {
         this.prevScrollPos = 0;
         this.tableTranslate = 0;
         this.scrollSyncing = false;
+        this.topItems = function (heights, skipTopBuffer) {
+            if (!_this.container || skipTopBuffer) {
+                return { topItemsCount: 0, topItemsHeight: 0 };
+            }
+            var screenHeight = _this.container.clientHeight;
+            var itemsOnScreen = Math.ceil(screenHeight / heights[0].line);
+            var topItemsCount = Math.ceil((heights.length - itemsOnScreen) / 2);
+            var topItemsHeight = 0;
+            for (var i = 0; i < topItemsCount; i++) {
+                topItemsHeight += heights[i].line + heights[i].acc;
+            }
+            return {
+                topItemsCount: topItemsCount,
+                topItemsHeight: topItemsHeight,
+                itemsNeededOnScreen: itemsOnScreen + itemsOnScreen / 2
+            };
+        };
+        this.horizontalScrollbarHeight = function () {
+            if (!_this.container) {
+                return 0;
+            }
+            return _this.container.offsetHeight - _this.container.clientHeight;
+        };
         if (cached) {
             this.topCacheCount = topCacheCount;
             this.attendedSkip = -this.topCacheCount;
@@ -48,12 +71,6 @@ var VirtualScroll = /** @class */ (function () {
                     accumulate = 0;
                 }
             }
-            if (allRows.length && !result.length) {
-                result.push({
-                    line: allRows[0].scrollHeight,
-                    acc: accumulate
-                });
-            }
             return result;
         },
         enumerable: false,
@@ -72,22 +89,6 @@ var VirtualScroll = /** @class */ (function () {
             this.table.style.transform = 'translateY(' + dY + 'px)';
         }
     };
-    VirtualScroll.prototype.syncScroll = function () {
-        if (!this.scrollableVirtual || !this.container) {
-            return;
-        }
-        this.syncTimeout = null;
-        var scrollTop = this.container.scrollTop;
-        var containerHeight = this.containerHeight; // = this.container.scrollHeight;
-        var rowHeights = this.rowHeights;
-        var percentage = (scrollTop - this.tableTranslate) / rowHeights[0].line;
-        var targetFloorScrollPosition = Math.floor((containerHeight) * (this.propsSkip + percentage) / this.total);
-        if (this.container.scrollTop !== (this.prevScrollPos = targetFloorScrollPosition)) {
-            this.scrollSyncing = true;
-            this.container.scrollTop = (this.prevScrollPos = targetFloorScrollPosition);
-        }
-        this.translate(this.tableTranslate + targetFloorScrollPosition - scrollTop);
-    };
     VirtualScroll.prototype.reset = function () {
         this.scrollSyncing = true;
         if (this.fixedScroll) {
@@ -106,11 +107,12 @@ var VirtualScroll = /** @class */ (function () {
         var scrollTop = this.container.scrollTop;
         var targetTranslate = this.tableTranslate;
         var rowsCount = 0;
+        var _a = this.topItems(heights, Boolean(this.topCacheCount)), topItemsCount = _a.topItemsCount, topItemsHeight = _a.topItemsHeight, itemsNeededOnScreen = _a.itemsNeededOnScreen;
         var additionalOnTop = scrollTop - targetTranslate;
-        if (additionalOnTop > 0) {
+        if ((additionalOnTop > topItemsHeight) || heights.length <= itemsNeededOnScreen) {
             return;
         }
-        while ((rowsCount < this.topCacheCount + this.attendedSkip - this.realSkip)
+        while ((rowsCount < this.topCacheCount + this.attendedSkip - this.realSkip + topItemsCount)
             && this.propsSkip - rowsCount > 0 &&
             !(targetTranslate + (heights[heights.length - 1 - rowsCount].line + heights[heights.length - 1 - rowsCount].acc) + additionalOnTop <= scrollTop)) {
             targetTranslate -= heights[heights.length - 1 - rowsCount].line +
@@ -136,8 +138,9 @@ var VirtualScroll = /** @class */ (function () {
             //    floor the translate to beginning of the item in absolute value
         }
         if (targetTranslate !== this.tableTranslate) {
-            this.translate(targetTranslate);
-            this.changePage(this.propsSkip - rowsCount, e);
+            this.translate(Math.max(0, targetTranslate - topItemsHeight));
+            var nextSkip = Math.max(0, this.propsSkip - rowsCount - topItemsCount);
+            this.changePage(nextSkip, e);
         }
     };
     VirtualScroll.prototype.localScrollDown = function (e) {
@@ -148,18 +151,23 @@ var VirtualScroll = /** @class */ (function () {
         var scrollTop = this.container.scrollTop;
         var targetTranslate = this.tableTranslate;
         var rowsCount = 0;
+        var _a = this.topItems(heights, Boolean(this.topCacheCount)), topItemsCount = _a.topItemsCount, topItemsHeight = _a.topItemsHeight, itemsNeededOnScreen = _a.itemsNeededOnScreen;
         while (rowsCount < heights.length - this.topCacheCount &&
             !(targetTranslate + heights[rowsCount].line + heights[rowsCount].acc > scrollTop)) {
             targetTranslate += heights[rowsCount].line + heights[rowsCount].acc;
             rowsCount++;
         }
+        if ((topItemsCount > this.propsSkip + rowsCount) || heights.length <= itemsNeededOnScreen) {
+            return;
+        }
         if (rowsCount >= heights.length - this.topCacheCount && this.propsSkip + rowsCount >= this.total) {
-            this.translate(targetTranslate);
-            this.changePage(this.total - 1, e);
+            this.translate(targetTranslate - topItemsHeight);
+            this.changePage(this.total - 1 - topItemsCount, e);
         }
-        else if (targetTranslate !== this.tableTranslate) {
-            this.translate(targetTranslate);
-            this.changePage(this.propsSkip + rowsCount, e);
+        else if (targetTranslate !== this.tableTranslate
+            && this.propsSkip + rowsCount - topItemsCount !== this.propsSkip) {
+            this.translate(targetTranslate - topItemsHeight);
+            this.changePage(this.propsSkip + rowsCount - topItemsCount, e);
         }
     };
     VirtualScroll.prototype.scrollNonStrict = function (e) {
@@ -178,8 +186,9 @@ var VirtualScroll = /** @class */ (function () {
         else if (rowIndexOffset === -1) {
             microAdjust = -((heights[heights.length - 1].line + heights[heights.length - 1].acc) * rowpercentage);
         }
-        this.translate(microAdjust + this.containerHeight * floatRowIndex / this.total);
-        this.changePage(rowIndex, e);
+        var _a = this.topItems(heights, Boolean(this.topCacheCount)), topItemsCount = _a.topItemsCount, topItemsHeight = _a.topItemsHeight;
+        this.translate(Math.max(0, microAdjust - topItemsHeight - this.horizontalScrollbarHeight() + this.containerHeight * floatRowIndex / this.total));
+        this.changePage(rowIndex - topItemsCount, e);
     };
     VirtualScroll.prototype.scrollHandler = function (e) {
         if (!this.scrollableVirtual) {
@@ -189,11 +198,6 @@ var VirtualScroll = /** @class */ (function () {
             this.scrollSyncing = false;
             return;
         }
-        var grid = this;
-        clearTimeout(this.syncTimeout);
-        if (canUseDOM) {
-            this.syncTimeout = window.setTimeout(function () { grid.syncScroll(); }, 200);
-        }
         var scrollTop = this.container.scrollTop;
         var prev = this.prevScrollPos;
         this.prevScrollPos = scrollTop;

package/dist/es/cells/GridFilterCell.js

@@ -9,7 +9,7 @@ import { messages, filterClearButton, filterChooseOperator } from '../messages/m
 import { DropDownList } from '@progress/kendo-vue-dropdowns';
 import { NumericTextBox, Input } from '@progress/kendo-vue-inputs';
 import { DatePicker } from '@progress/kendo-vue-dateinputs';
-import { filterClearIcon } from '@progress/kendo-svg-icons';
+import { filterIcon, filterClearIcon } from '@progress/kendo-svg-icons';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { cellBoolDropdownChange, cellInputChange, cellOperatorChange } from '../filterCommon';
 import { templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
@@ -103,7 +103,9 @@ var GridFilterCellVue2 = {
           attrs: this.v3 ? undefined : {
             value: selectedOperator,
             size: size,
-            iconClassName: "k-i-filter k-button-icon",
+            icon: 'filter',
+            svgIcon: filterIcon,
+            iconClassName: "filter k-button-icon",
             "data-items": this.$props.operators,
             textField: "text",
             title: localizationService.toLanguageString(filterChooseOperator, messages[filterChooseOperator]),
@@ -114,7 +116,9 @@ var GridFilterCellVue2 = {
           },
           size: size,
           "class": "k-dropdown-operator",
-          iconClassName: "k-i-filter k-button-icon",
+          icon: 'filter',
+          svgIcon: filterIcon,
+          iconClassName: "filter k-button-icon",
           "data-items": this.$props.operators,
           textField: "text",
           title: localizationService.toLanguageString(filterChooseOperator, messages[filterChooseOperator]),

package/dist/es/drag/CommonDragLogic.js

@@ -55,7 +55,7 @@ var CommonDragLogic = /** @class */ (function () {
             var groupPanelChildren = _this.groupPanelDivElement && _this.groupPanelDivElement.children;
             _this.currentGroup = _this.isTargetGroupingContainer(event)
                 ? groupPanelChildren && groupPanelChildren.length
-                    ? groupPanelChildren.length - 1
+                    ? groupPanelChildren.length
                     : 0
                 : _this.getGroupIndex(event);
             var invalidIndex = !_this.isValid();

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673607254,
+    publishDate: 1673797982,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/Grid.js

@@ -248,7 +248,7 @@ var GridVue2 = {
     // Calculates the value of the ariaRowcount attribute. 
     getAriaRowCount: function getAriaRowCount() {
       var dataItems = this.$props.dataItems;
-      var totalRecords = this.$props.total !== undefined && this.$props.total || dataItems !== undefined && dataItems.total !== undefined && dataItems.total || dataItems !== undefined && dataItems.length !== undefined && dataItems.length;
+      var totalRecords = this.$props.total !== undefined && this.$props.total || dataItems !== undefined && dataItems !== null && dataItems.total !== undefined && dataItems.total || dataItems !== undefined && dataItems !== null && dataItems.length !== undefined && dataItems.length || 0;
       if (this.$props.detail) {
         return this._columnsMap.length + (this.$props.filterable ? 1 : 0) + totalRecords * 2 + (this._columns.some(function (c) {
           return Boolean(c.footerCell);
@@ -356,7 +356,6 @@ var GridVue2 = {
       if (Math.max(0, this.vs.attendedSkip) !== value && value !== undefined) {
         this.vs.attendedSkip = value;
         this.vs.propsSkip = (value || 0) + (this.$props.scrollable === 'virtual' ? this.vs.topCacheCount + (this.vs.attendedSkip - (value || 0)) : 0);
-        this.vs.syncScroll();
       }
     },
     onTotalChanged: function onTotalChanged(_value, _oldValue) {

package/dist/esm/VirtualScroll.d.ts

@@ -19,7 +19,6 @@ export declare class VirtualScroll {
     fixedScroll: boolean;
     askedSkip: number | undefined;
     private prevScrollPos;
-    private syncTimeout;
     private tableTranslate;
     private scrollSyncing;
     constructor(cached: boolean, topCacheCount: number);
@@ -32,10 +31,11 @@ export declare class VirtualScroll {
     }>;
     changePage(skip: number, e: any): void;
     translate(dY: number): void;
-    syncScroll(): void;
     reset(): void;
     localScrollUp(e: any): void;
     localScrollDown(e: any): void;
     scrollNonStrict(e: any): void;
     scrollHandler(e: any): void;
+    private topItems;
+    private horizontalScrollbarHeight;
 }

package/dist/esm/VirtualScroll.js

@@ -1,9 +1,9 @@
-import { canUseDOM } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
 var VirtualScroll = /** @class */ (function () {
     function VirtualScroll(cached, topCacheCount) {
+        var _this = this;
         this.containerHeight = 0;
         this.topCacheCount = 0; // 4;
         this.attendedSkip = 0; // -4;
@@ -18,6 +18,29 @@ var VirtualScroll = /** @class */ (function () {
         this.prevScrollPos = 0;
         this.tableTranslate = 0;
         this.scrollSyncing = false;
+        this.topItems = function (heights, skipTopBuffer) {
+            if (!_this.container || skipTopBuffer) {
+                return { topItemsCount: 0, topItemsHeight: 0 };
+            }
+            var screenHeight = _this.container.clientHeight;
+            var itemsOnScreen = Math.ceil(screenHeight / heights[0].line);
+            var topItemsCount = Math.ceil((heights.length - itemsOnScreen) / 2);
+            var topItemsHeight = 0;
+            for (var i = 0; i < topItemsCount; i++) {
+                topItemsHeight += heights[i].line + heights[i].acc;
+            }
+            return {
+                topItemsCount: topItemsCount,
+                topItemsHeight: topItemsHeight,
+                itemsNeededOnScreen: itemsOnScreen + itemsOnScreen / 2
+            };
+        };
+        this.horizontalScrollbarHeight = function () {
+            if (!_this.container) {
+                return 0;
+            }
+            return _this.container.offsetHeight - _this.container.clientHeight;
+        };
         if (cached) {
             this.topCacheCount = topCacheCount;
             this.attendedSkip = -this.topCacheCount;
@@ -48,12 +71,6 @@ var VirtualScroll = /** @class */ (function () {
                     accumulate = 0;
                 }
             }
-            if (allRows.length && !result.length) {
-                result.push({
-                    line: allRows[0].scrollHeight,
-                    acc: accumulate
-                });
-            }
             return result;
         },
         enumerable: false,
@@ -72,22 +89,6 @@ var VirtualScroll = /** @class */ (function () {
             this.table.style.transform = 'translateY(' + dY + 'px)';
         }
     };
-    VirtualScroll.prototype.syncScroll = function () {
-        if (!this.scrollableVirtual || !this.container) {
-            return;
-        }
-        this.syncTimeout = null;
-        var scrollTop = this.container.scrollTop;
-        var containerHeight = this.containerHeight; // = this.container.scrollHeight;
-        var rowHeights = this.rowHeights;
-        var percentage = (scrollTop - this.tableTranslate) / rowHeights[0].line;
-        var targetFloorScrollPosition = Math.floor((containerHeight) * (this.propsSkip + percentage) / this.total);
-        if (this.container.scrollTop !== (this.prevScrollPos = targetFloorScrollPosition)) {
-            this.scrollSyncing = true;
-            this.container.scrollTop = (this.prevScrollPos = targetFloorScrollPosition);
-        }
-        this.translate(this.tableTranslate + targetFloorScrollPosition - scrollTop);
-    };
     VirtualScroll.prototype.reset = function () {
         this.scrollSyncing = true;
         if (this.fixedScroll) {
@@ -106,11 +107,12 @@ var VirtualScroll = /** @class */ (function () {
         var scrollTop = this.container.scrollTop;
         var targetTranslate = this.tableTranslate;
         var rowsCount = 0;
+        var _a = this.topItems(heights, Boolean(this.topCacheCount)), topItemsCount = _a.topItemsCount, topItemsHeight = _a.topItemsHeight, itemsNeededOnScreen = _a.itemsNeededOnScreen;
         var additionalOnTop = scrollTop - targetTranslate;
-        if (additionalOnTop > 0) {
+        if ((additionalOnTop > topItemsHeight) || heights.length <= itemsNeededOnScreen) {
             return;
         }
-        while ((rowsCount < this.topCacheCount + this.attendedSkip - this.realSkip)
+        while ((rowsCount < this.topCacheCount + this.attendedSkip - this.realSkip + topItemsCount)
             && this.propsSkip - rowsCount > 0 &&
             !(targetTranslate + (heights[heights.length - 1 - rowsCount].line + heights[heights.length - 1 - rowsCount].acc) + additionalOnTop <= scrollTop)) {
             targetTranslate -= heights[heights.length - 1 - rowsCount].line +
@@ -136,8 +138,9 @@ var VirtualScroll = /** @class */ (function () {
             //    floor the translate to beginning of the item in absolute value
         }
         if (targetTranslate !== this.tableTranslate) {
-            this.translate(targetTranslate);
-            this.changePage(this.propsSkip - rowsCount, e);
+            this.translate(Math.max(0, targetTranslate - topItemsHeight));
+            var nextSkip = Math.max(0, this.propsSkip - rowsCount - topItemsCount);
+            this.changePage(nextSkip, e);
         }
     };
     VirtualScroll.prototype.localScrollDown = function (e) {
@@ -148,18 +151,23 @@ var VirtualScroll = /** @class */ (function () {
         var scrollTop = this.container.scrollTop;
         var targetTranslate = this.tableTranslate;
         var rowsCount = 0;
+        var _a = this.topItems(heights, Boolean(this.topCacheCount)), topItemsCount = _a.topItemsCount, topItemsHeight = _a.topItemsHeight, itemsNeededOnScreen = _a.itemsNeededOnScreen;
         while (rowsCount < heights.length - this.topCacheCount &&
             !(targetTranslate + heights[rowsCount].line + heights[rowsCount].acc > scrollTop)) {
             targetTranslate += heights[rowsCount].line + heights[rowsCount].acc;
             rowsCount++;
         }
+        if ((topItemsCount > this.propsSkip + rowsCount) || heights.length <= itemsNeededOnScreen) {
+            return;
+        }
         if (rowsCount >= heights.length - this.topCacheCount && this.propsSkip + rowsCount >= this.total) {
-            this.translate(targetTranslate);
-            this.changePage(this.total - 1, e);
+            this.translate(targetTranslate - topItemsHeight);
+            this.changePage(this.total - 1 - topItemsCount, e);
         }
-        else if (targetTranslate !== this.tableTranslate) {
-            this.translate(targetTranslate);
-            this.changePage(this.propsSkip + rowsCount, e);
+        else if (targetTranslate !== this.tableTranslate
+            && this.propsSkip + rowsCount - topItemsCount !== this.propsSkip) {
+            this.translate(targetTranslate - topItemsHeight);
+            this.changePage(this.propsSkip + rowsCount - topItemsCount, e);
         }
     };
     VirtualScroll.prototype.scrollNonStrict = function (e) {
@@ -178,8 +186,9 @@ var VirtualScroll = /** @class */ (function () {
         else if (rowIndexOffset === -1) {
             microAdjust = -((heights[heights.length - 1].line + heights[heights.length - 1].acc) * rowpercentage);
         }
-        this.translate(microAdjust + this.containerHeight * floatRowIndex / this.total);
-        this.changePage(rowIndex, e);
+        var _a = this.topItems(heights, Boolean(this.topCacheCount)), topItemsCount = _a.topItemsCount, topItemsHeight = _a.topItemsHeight;
+        this.translate(Math.max(0, microAdjust - topItemsHeight - this.horizontalScrollbarHeight() + this.containerHeight * floatRowIndex / this.total));
+        this.changePage(rowIndex - topItemsCount, e);
     };
     VirtualScroll.prototype.scrollHandler = function (e) {
         if (!this.scrollableVirtual) {
@@ -189,11 +198,6 @@ var VirtualScroll = /** @class */ (function () {
             this.scrollSyncing = false;
             return;
         }
-        var grid = this;
-        clearTimeout(this.syncTimeout);
-        if (canUseDOM) {
-            this.syncTimeout = window.setTimeout(function () { grid.syncScroll(); }, 200);
-        }
         var scrollTop = this.container.scrollTop;
         var prev = this.prevScrollPos;
         this.prevScrollPos = scrollTop;

package/dist/esm/cells/GridFilterCell.js

@@ -9,7 +9,7 @@ import { messages, filterClearButton, filterChooseOperator } from '../messages/m
 import { DropDownList } from '@progress/kendo-vue-dropdowns';
 import { NumericTextBox, Input } from '@progress/kendo-vue-inputs';
 import { DatePicker } from '@progress/kendo-vue-dateinputs';
-import { filterClearIcon } from '@progress/kendo-svg-icons';
+import { filterIcon, filterClearIcon } from '@progress/kendo-svg-icons';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { cellBoolDropdownChange, cellInputChange, cellOperatorChange } from '../filterCommon.js';
 import { templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
@@ -103,7 +103,9 @@ var GridFilterCellVue2 = {
           attrs: this.v3 ? undefined : {
             value: selectedOperator,
             size: size,
-            iconClassName: "k-i-filter k-button-icon",
+            icon: 'filter',
+            svgIcon: filterIcon,
+            iconClassName: "filter k-button-icon",
             "data-items": this.$props.operators,
             textField: "text",
             title: localizationService.toLanguageString(filterChooseOperator, messages[filterChooseOperator]),
@@ -114,7 +116,9 @@ var GridFilterCellVue2 = {
           },
           size: size,
           "class": "k-dropdown-operator",
-          iconClassName: "k-i-filter k-button-icon",
+          icon: 'filter',
+          svgIcon: filterIcon,
+          iconClassName: "filter k-button-icon",
           "data-items": this.$props.operators,
           textField: "text",
           title: localizationService.toLanguageString(filterChooseOperator, messages[filterChooseOperator]),

package/dist/esm/drag/CommonDragLogic.js

@@ -55,7 +55,7 @@ var CommonDragLogic = /** @class */ (function () {
             var groupPanelChildren = _this.groupPanelDivElement && _this.groupPanelDivElement.children;
             _this.currentGroup = _this.isTargetGroupingContainer(event)
                 ? groupPanelChildren && groupPanelChildren.length
-                    ? groupPanelChildren.length - 1
+                    ? groupPanelChildren.length
                     : 0
                 : _this.getGroupIndex(event);
             var invalidIndex = !_this.isValid();

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673607254,
+    publishDate: 1673797982,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/Grid.js

@@ -254,7 +254,7 @@ var GridVue2 = {
     // Calculates the value of the ariaRowcount attribute. 
     getAriaRowCount: function getAriaRowCount() {
       var dataItems = this.$props.dataItems;
-      var totalRecords = this.$props.total !== undefined && this.$props.total || dataItems !== undefined && dataItems.total !== undefined && dataItems.total || dataItems !== undefined && dataItems.length !== undefined && dataItems.length;
+      var totalRecords = this.$props.total !== undefined && this.$props.total || dataItems !== undefined && dataItems !== null && dataItems.total !== undefined && dataItems.total || dataItems !== undefined && dataItems !== null && dataItems.length !== undefined && dataItems.length || 0;
       if (this.$props.detail) {
         return this._columnsMap.length + (this.$props.filterable ? 1 : 0) + totalRecords * 2 + (this._columns.some(function (c) {
           return Boolean(c.footerCell);
@@ -362,7 +362,6 @@ var GridVue2 = {
       if (Math.max(0, this.vs.attendedSkip) !== value && value !== undefined) {
         this.vs.attendedSkip = value;
         this.vs.propsSkip = (value || 0) + (this.$props.scrollable === 'virtual' ? this.vs.topCacheCount + (this.vs.attendedSkip - (value || 0)) : 0);
-        this.vs.syncScroll();
       }
     },
     onTotalChanged: function onTotalChanged(_value, _oldValue) {

package/dist/npm/VirtualScroll.d.ts

@@ -19,7 +19,6 @@ export declare class VirtualScroll {
     fixedScroll: boolean;
     askedSkip: number | undefined;
     private prevScrollPos;
-    private syncTimeout;
     private tableTranslate;
     private scrollSyncing;
     constructor(cached: boolean, topCacheCount: number);
@@ -32,10 +31,11 @@ export declare class VirtualScroll {
     }>;
     changePage(skip: number, e: any): void;
     translate(dY: number): void;
-    syncScroll(): void;
     reset(): void;
     localScrollUp(e: any): void;
     localScrollDown(e: any): void;
     scrollNonStrict(e: any): void;
     scrollHandler(e: any): void;
+    private topItems;
+    private horizontalScrollbarHeight;
 }