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

package/dist/npm/VirtualScroll.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VirtualScroll = void 0;
-var kendo_vue_common_1 = require("@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;
@@ -21,6 +21,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;
@@ -51,12 +74,6 @@ var VirtualScroll = /** @class */ (function () {
                     accumulate = 0;
                 }
             }
-            if (allRows.length && !result.length) {
-                result.push({
-                    line: allRows[0].scrollHeight,
-                    acc: accumulate
-                });
-            }
             return result;
         },
         enumerable: false,
@@ -75,22 +92,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) {
@@ -109,11 +110,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 +
@@ -139,8 +141,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) {
@@ -151,18 +154,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) {
@@ -181,8 +189,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) {
@@ -192,11 +201,6 @@ var VirtualScroll = /** @class */ (function () {
             this.scrollSyncing = false;
             return;
         }
-        var grid = this;
-        clearTimeout(this.syncTimeout);
-        if (kendo_vue_common_1.canUseDOM) {
-            this.syncTimeout = window.setTimeout(function () { grid.syncScroll(); }, 200);
-        }
         var scrollTop = this.container.scrollTop;
         var prev = this.prevScrollPos;
         this.prevScrollPos = scrollTop;

package/dist/npm/cells/GridFilterCell.js

@@ -109,7 +109,9 @@ var GridFilterCellVue2 = {
           attrs: this.v3 ? undefined : {
             value: selectedOperator,
             size: size,
-            iconClassName: "k-i-filter k-button-icon",
+            icon: 'filter',
+            svgIcon: kendo_svg_icons_1.filterIcon,
+            iconClassName: "filter k-button-icon",
             "data-items": this.$props.operators,
             textField: "text",
             title: localizationService.toLanguageString(main_1.filterChooseOperator, main_1.messages[main_1.filterChooseOperator]),
@@ -120,7 +122,9 @@ var GridFilterCellVue2 = {
           },
           size: size,
           "class": "k-dropdown-operator",
-          iconClassName: "k-i-filter k-button-icon",
+          icon: 'filter',
+          svgIcon: kendo_svg_icons_1.filterIcon,
+          iconClassName: "filter k-button-icon",
           "data-items": this.$props.operators,
           textField: "text",
           title: localizationService.toLanguageString(main_1.filterChooseOperator, main_1.messages[main_1.filterChooseOperator]),

package/dist/npm/drag/CommonDragLogic.js

@@ -55,10 +55,10 @@ var CommonDragLogic = /** @class */ (function () {
                 return;
             }
             _this.currentColumn = _this.getColumnIndex(event, element);
-            var groupPanelChildren = _this.groupPanelDivElement.children;
+            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/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673512622,
+    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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-grid",
-  "version": "3.7.4-dev.202301120847",
+  "version": "3.7.4-dev.202301151601",
   "description": "Kendo UI for Vue Grid package",
   "repository": {
     "type": "git",
@@ -42,25 +42,25 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.7.4-dev.202301120847"
+    "@progress/kendo-vue-common": "3.7.4-dev.202301151601"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-drawing": "^1.9.3",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-animation": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-charts": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-data-tools": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-dateinputs": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-excel-export": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-indicators": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-inputs": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-pdf": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202301120847",
+    "@progress/kendo-vue-animation": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-charts": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-data-tools": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-dateinputs": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-excel-export": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-indicators": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-inputs": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-pdf": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301151601",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0",