@progress/kendo-vue-grid 3.8.4-dev.202302160938 → 3.8.4-dev.202302221027

package/dist/npm/Grid.js

@@ -60,6 +60,7 @@ var FooterRow_1 = require("./footer/FooterRow");
 var GridCellValue_1 = require("./GridCellValue");
 var filterCommon_1 = require("./filterCommon");
 var VirtualScroll_1 = require("./VirtualScroll");
+var VirtualScrollFixed_1 = require("./VirtualScrollFixed");
 var ColumnResize_1 = require("./drag/ColumnResize");
 var CommonDragLogic_1 = require("./drag/CommonDragLogic");
 var DragClue_1 = require("./drag/DragClue");
@@ -132,6 +133,7 @@ var GridVue2 = {
     },
     pager: kendo_vue_common_1.templateDefinition,
     rowHeight: Number,
+    detailRowHeight: Number,
     detail: kendo_vue_common_1.templateDefinition,
     columnMenu: [Boolean, String, Function, Object],
     columnMenuAnimate: {
@@ -172,7 +174,8 @@ var GridVue2 = {
     this.initialHeight = null;
     this._columns = [];
     var groupable = this.currentGroupable;
-    this.vs = new VirtualScroll_1.VirtualScroll(groupable || this.$props.rowHeight === undefined || this.$props.rowHeight === 0, this.$props.topCacheCount);
+    var VS = this.getVirtualScroll();
+    this.vs = new VS(groupable || this.$props.rowHeight === undefined || this.$props.rowHeight === 0, this.$props.topCacheCount);
     this.dragLogic = new CommonDragLogic_1.CommonDragLogic(this.columnReorder.bind(this), this.groupReorder.bind(this), this.columnToGroup.bind(this));
     this.columnResize = new ColumnResize_1.ColumnResize(this.onResize.bind(this));
     this._columnsMap = [[]];
@@ -181,11 +184,13 @@ var GridVue2 = {
     this.forceUpdateTimeout = undefined;
     this._gridId = (0, kendo_vue_common_1.guid)();
     this._gridRoleElementId = (0, kendo_vue_common_1.guid)(); // Needed for aria-control accessibility attribute
+    this.slicedCurrentData = undefined;
+    this._prevTotal = undefined;
   },
-
   mounted: function mounted() {
     this.setRefs();
     var rtl = (0, kendo_vue_common_1.isRtl)(this._element);
+    this._prevTotal = this.$props.total;
     this.isRtl = rtl;
     // @ts-ignore
     this.initialHeight = this._element.style ? this._element.style.height : null;
@@ -194,6 +199,11 @@ var GridVue2 = {
     this.setRefs();
     var rtl = (0, kendo_vue_common_1.isRtl)(this._element);
     this.isRtl = rtl;
+    this._prevTotal = this.$props.total;
+    if (this.vs.tableTransform && this.vs.table) {
+      this.vs.table.style.transform = this.vs.tableTransform;
+      this.vs.tableTransform = '';
+    }
   },
   destroyed: !!isV3 ? undefined : function () {
     this.gridUnmounted();
@@ -335,10 +345,10 @@ var GridVue2 = {
       this.columnResize.colGroupMain = (0, kendo_vue_common_1.getRef)(this, 'colGroup');
       this._header = (0, kendo_vue_common_1.getRef)(this, 'header');
       this._footer = (0, kendo_vue_common_1.getRef)(this, 'footer');
-      this.vs.container = (0, kendo_vue_common_1.getRef)(this, 'scrollContainer');
+      this.vs.containerRef = (0, kendo_vue_common_1.getRef)(this, 'scrollContainer');
       this.vs.table = (0, kendo_vue_common_1.getRef)(this, 'scrollTable');
       this.resetTableWidth();
-      this.vs.tableBody = (0, kendo_vue_common_1.getRef)(this, 'scrollTableBody');
+      this.vs.tableBodyRef = (0, kendo_vue_common_1.getRef)(this, 'scrollTableBody');
     },
     gridUnmounted: function gridUnmounted() {
       clearTimeout(this.forceUpdateTimeout);
@@ -358,6 +368,62 @@ var GridVue2 = {
       this.vs.scrollableVirtual = this.$props.scrollable === 'virtual';
       this.vs.propsSkip = (this.$props.skip || 0) + (this.$props.scrollable === 'virtual' ? this.vs.topCacheCount + (this.vs.attendedSkip - (this.$props.skip || 0)) : 0);
     },
+    getVirtualScroll: function getVirtualScroll() {
+      return VirtualScroll_1.VirtualScroll;
+    },
+    isAllData: function isAllData() {
+      var _a = this.$props,
+        dataItems = _a.dataItems,
+        total = _a.total;
+      if (Array.isArray(dataItems)) {
+        return dataItems.length === total;
+      } else if (dataItems) {
+        return total === dataItems.total;
+      }
+      return false;
+    },
+    initializeVirtualization: function initializeVirtualization(total) {
+      if (this.$props.total !== this._prevTotal || this.$props.scrollable === 'virtual' !== this.vs.scrollableVirtual) {
+        this.vs.reset();
+      }
+      this.resetVirtual();
+      this.vs.total = total;
+      if (this.$props.rowHeight !== undefined && this.$props.rowHeight > 0 && !this.currentGroupable) {
+        this.vs.containerHeight = Math.min(1533915, this.$props.rowHeight * (total || 0));
+      } else {
+        if (this.$props.totalGroupedHeight) {
+          this.vs.containerHeight = Math.min(1533915, this.$props.totalGroupedHeight);
+        } else if (this.$props.allGroupedItems && this.$props.allGroupedItems.data) {
+          var allGroupedTotal = this.totalGroupedRows((0, main_1.applyExpandedState)(this.$props.allGroupedItems, this.computedCollapsed, this.$props.uniqueField).data);
+          this.vs.containerHeight = Math.min(1533915, this.$props.rowHeight * allGroupedTotal);
+        } else {
+          this.vs.containerHeight = 1533915;
+        }
+      }
+      this.vs.containerRef = this.containerRef;
+      this.vs.tableBodyRef = this.tableBodyRef;
+      this.vs.table = this.tableElement;
+      this.slicedCurrentData = undefined;
+      if (this.vs instanceof VirtualScrollFixed_1.VirtualScrollFixed) {
+        var _a = this.$props,
+          _b = _a.rowHeight,
+          rowHeight = _b === void 0 ? 0 : _b,
+          detail = _a.detail,
+          expandField = _a.expandField;
+        var _c = this.$props.detailRowHeight,
+          detailRowHeight = _c === void 0 ? 0 : _c;
+        detailRowHeight = Boolean(detail && expandField) ? detailRowHeight : rowHeight;
+        if (this.isAllData()) {
+          this.vs.total = this.currentData.length;
+          this.slicedCurrentData = this.currentData.slice(this.vs.realSkip, this.vs.realSkip + this.vs.pageSize);
+          this.vs.rowHeightService = this.rowHeightService(this.vs, this.currentData.length, rowHeight, detailRowHeight, this.currentData);
+        } else {
+          this.vs.rowHeightService = new VirtualScrollFixed_1.RowHeightService(total, rowHeight, detailRowHeight);
+        }
+        var containerHeight = this.vs.rowHeightService.totalHeight();
+        this.vs.containerHeight = main_1.firefox ? Math.min(main_1.firefoxMaxHeight, containerHeight) : containerHeight;
+      }
+    },
     onSkipChanged: function onSkipChanged(value, _oldValue) {
       if (Math.max(0, this.vs.attendedSkip) !== value && value !== undefined) {
         this.vs.attendedSkip = value;
@@ -843,26 +909,13 @@ var GridVue2 = {
     this.columnResize.resizable = this.$props.resizable || false;
     this.dragLogic.reorderable = this.$props.reorderable || false;
     this.dragLogic.groupable = groupable;
-    this.resetVirtual();
-    this.vs.total = total;
-    if (this.$props.rowHeight !== undefined && this.$props.rowHeight > 0 && !this.currentGroupable) {
-      this.vs.containerHeight = Math.min(1533915, this.$props.rowHeight * (total || 0));
-    } else {
-      if (this.$props.totalGroupedHeight) {
-        this.vs.containerHeight = Math.min(1533915, this.$props.totalGroupedHeight);
-      } else if (this.$props.allGroupedItems && this.$props.allGroupedItems.data) {
-        var allGroupedTotal = this.totalGroupedRows((0, main_1.applyExpandedState)(this.$props.allGroupedItems, this.computedCollapsed, this.$props.uniqueField).data);
-        this.vs.containerHeight = Math.min(1533915, this.$props.rowHeight * allGroupedTotal);
-      } else {
-        this.vs.containerHeight = 1533915;
-      }
-    }
-    var children = defaultSlot || [];
+    this.initializeVirtualization(total);
     var groupingFooter = (0, kendo_vue_common_1.isObject)(this.$props.groupable) && this.$props.groupable.footer || 'none';
     this.currentData = [];
     var resolvedGroupsCount = (0, main_1.flatData)(this.currentData, gridData, groupingFooter, {
       index: this.$props.skip || 0
     }, this.$props.group !== undefined, this.$props.expandField);
+    var children = defaultSlot || [];
     var notHiddenColumns = this.$props.columns ? this.$props.columns.filter(function (column) {
       return !column.hidden;
     }) : this.$props.columns;
@@ -1704,7 +1757,8 @@ var GridVue2 = {
         key: detailRowId,
         "class": isAlt ? 'k-table-row k-table-alt-row k-detail-row k-alt' : 'k-table-row k-detail-row',
         style: {
-          visibility: hidden(rowIndex) ? 'hidden' : ''
+          visibility: hidden(rowIndex) ? 'hidden' : '',
+          height: this.$props.detailRowHeight + 'px'
         },
         role: "row",
         attrs: this.v3 ? undefined : {

package/dist/npm/VirtualScroll.d.ts

@@ -1,10 +1,11 @@
 import { Page } from '@progress/kendo-vue-data-tools';
+import { VirtualScrollInterface } from './interfaces/VirtualScrollInterface';
+import { RowHeightService } from './VirtualScrollFixed';
 /**
  * @hidden
  */
-export declare class VirtualScroll {
-    container: any;
-    table: any;
+export declare class VirtualScroll implements VirtualScrollInterface {
+    table: HTMLTableElement | null;
     containerHeight: number;
     topCacheCount: number;
     attendedSkip: number;
@@ -14,10 +15,13 @@ export declare class VirtualScroll {
     realSkip: number;
     pageSize: number;
     PageChange: (page: Page, event: any) => void;
-    tableBody: any;
-    heightContainer: any;
+    tableBodyRef: any;
     fixedScroll: boolean;
     askedSkip: number | undefined;
+    containerRef: any;
+    tableTransform: string;
+    rowHeightService?: RowHeightService;
+    get container(): HTMLDivElement | null;
     private prevScrollPos;
     private tableTranslate;
     private scrollSyncing;

package/dist/npm/VirtualScroll.js

@@ -7,6 +7,7 @@ exports.VirtualScroll = void 0;
 var VirtualScroll = /** @class */ (function () {
     function VirtualScroll(cached, topCacheCount) {
         var _this = this;
+        this.table = null;
         this.containerHeight = 0;
         this.topCacheCount = 0; // 4;
         this.attendedSkip = 0; // -4;
@@ -15,9 +16,9 @@ var VirtualScroll = /** @class */ (function () {
         this.scrollableVirtual = false;
         this.realSkip = 0;
         this.pageSize = 0;
-        this.heightContainer = null;
         this.fixedScroll = false;
         this.askedSkip = undefined;
+        this.tableTransform = '';
         this.prevScrollPos = 0;
         this.tableTranslate = 0;
         this.scrollSyncing = false;
@@ -26,6 +27,7 @@ var VirtualScroll = /** @class */ (function () {
                 return { topItemsCount: 0, topItemsHeight: 0 };
             }
             var screenHeight = _this.container.clientHeight;
+            var footerRowsCount = _this.container.querySelectorAll('.k-group-footer').length;
             var itemsOnScreen = Math.ceil(screenHeight / heights[0].line);
             var topItemsCount = Math.ceil((heights.length - itemsOnScreen) / 2);
             var topItemsHeight = 0;
@@ -35,7 +37,7 @@ var VirtualScroll = /** @class */ (function () {
             return {
                 topItemsCount: topItemsCount,
                 topItemsHeight: topItemsHeight,
-                itemsNeededOnScreen: itemsOnScreen + itemsOnScreen / 2
+                itemsNeededOnScreen: itemsOnScreen + itemsOnScreen / 2 + footerRowsCount
             };
         };
         this.horizontalScrollbarHeight = function () {
@@ -50,13 +52,20 @@ var VirtualScroll = /** @class */ (function () {
         }
         this.scrollHandler = this.scrollHandler.bind(this);
     }
+    Object.defineProperty(VirtualScroll.prototype, "container", {
+        get: function () {
+            return this.containerRef;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(VirtualScroll.prototype, "rowHeights", {
         /**
          * @return - The row heights in an array.
          */
         get: function () {
             var result = [];
-            var allRows = this.tableBody && this.tableBody.children || [];
+            var allRows = this.tableBodyRef && this.tableBodyRef.children || [];
             var accumulate = 0;
             for (var i = 0; i < allRows.length; i++) {
                 if (allRows[i].className.indexOf('k-grouping-row') > -1) {

package/dist/npm/VirtualScrollFixed.d.ts

@@ -0,0 +1,47 @@
+import { Page } from '@progress/kendo-vue-data-tools';
+import { VirtualScrollInterface } from './interfaces/VirtualScrollInterface';
+import { DataItemWrapper } from './utils/main';
+/**
+ * @hidden
+ */
+export declare class RowHeightService {
+    private total;
+    private offsets;
+    private heights;
+    constructor(total: number, rowHeight: number, detailRowHeight: number, data?: DataItemWrapper[]);
+    height(rowIndex: number): number;
+    index(position: number): number | undefined;
+    offset(rowIndex: number): number;
+    totalHeight(): number;
+}
+/**
+ * @hidden
+ */
+export declare class VirtualScrollFixed implements VirtualScrollInterface {
+    table: HTMLTableElement | null;
+    containerHeight: number;
+    topCacheCount: number;
+    attendedSkip: number;
+    propsSkip: number;
+    total: number;
+    scrollableVirtual: boolean;
+    realSkip: number;
+    pageSize: number;
+    PageChange: ((event: Page, evnet: any) => void) | null;
+    tableBodyRef: any;
+    fixedScroll: boolean;
+    askedSkip: number | undefined;
+    containerRef: any;
+    tableTransform: string;
+    rowHeightService?: RowHeightService;
+    private scrollSyncing;
+    private lastLoaded;
+    private firstLoaded;
+    private lastScrollTop;
+    get container(): HTMLDivElement | null;
+    constructor(_cached: boolean);
+    translate(dY: number): void;
+    changePage(skip: number, e: any): void;
+    reset(): void;
+    scrollHandler(e: any): void;
+}

package/dist/npm/VirtualScrollFixed.js

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VirtualScrollFixed = exports.RowHeightService = void 0;
+/**
+ * @hidden
+ */
+var RowHeightService = /** @class */ (function () {
+    function RowHeightService(total, rowHeight, detailRowHeight, data) {
+        if (total === void 0) { total = 0; }
+        this.total = total;
+        this.offsets = [];
+        this.heights = [];
+        var agg = 0;
+        for (var idx = 0; idx < total; idx++) {
+            this.offsets.push(agg);
+            var currHeight = (data && data[idx].expanded
+                && data[idx].rowType === 'data') ? detailRowHeight : rowHeight;
+            agg += currHeight;
+            this.heights.push(currHeight);
+        }
+    }
+    RowHeightService.prototype.height = function (rowIndex) {
+        return this.heights[rowIndex];
+    };
+    RowHeightService.prototype.index = function (position) {
+        if (position < 0) {
+            return undefined;
+        }
+        var result = this.offsets.reduce(function (prev, current, idx) {
+            if (prev !== undefined) {
+                return prev;
+            }
+            else if (current === position) {
+                return idx;
+            }
+            else if (current > position) {
+                return idx - 1;
+            }
+            return undefined;
+        }, undefined);
+        return result === undefined ? this.total - 1 : result;
+    };
+    RowHeightService.prototype.offset = function (rowIndex) {
+        return this.offsets[rowIndex];
+    };
+    RowHeightService.prototype.totalHeight = function () {
+        var lastOffset = this.offsets[this.offsets.length - 1];
+        var lastHeight = this.heights[this.heights.length - 1];
+        return lastOffset + lastHeight;
+        // return this.heights.reduce((prev, curr) => prev + curr, 0);
+    };
+    return RowHeightService;
+}());
+exports.RowHeightService = RowHeightService;
+/**
+ * @hidden
+ */
+var VirtualScrollFixed = /** @class */ (function () {
+    function VirtualScrollFixed(_cached) {
+        this.table = null;
+        this.containerHeight = 0;
+        this.topCacheCount = 0;
+        this.attendedSkip = 0;
+        this.propsSkip = 0;
+        this.total = 0;
+        this.scrollableVirtual = false;
+        this.realSkip = 0;
+        this.pageSize = 0;
+        this.PageChange = null;
+        this.fixedScroll = false;
+        this.askedSkip = undefined;
+        this.tableTransform = '';
+        this.scrollSyncing = false;
+        this.lastLoaded = 0;
+        this.firstLoaded = 0;
+        this.lastScrollTop = 0;
+        this.firstLoaded = this.pageSize;
+        this.lastLoaded = this.realSkip + this.pageSize;
+        this.scrollHandler = this.scrollHandler.bind(this);
+    }
+    Object.defineProperty(VirtualScrollFixed.prototype, "container", {
+        get: function () {
+            return this.containerRef;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    VirtualScrollFixed.prototype.translate = function (dY) {
+        if (this.scrollableVirtual && this.table) {
+            this.table.style.transform = 'translateY(' + dY + 'px)';
+        }
+    };
+    VirtualScrollFixed.prototype.changePage = function (skip, e) {
+        if (this.PageChange) {
+            this.PageChange({ skip: Math.max(0, skip), take: this.pageSize }, e);
+        }
+    };
+    VirtualScrollFixed.prototype.reset = function () {
+        this.scrollSyncing = true;
+        if (this.fixedScroll) {
+            return;
+        }
+        if (this.container) {
+            this.container.scrollTop = 0;
+        }
+        this.translate(0);
+    };
+    VirtualScrollFixed.prototype.scrollHandler = function (e) {
+        if (!this.scrollableVirtual || !this.container || !this.table ||
+            !this.rowHeightService || !this.containerRef) {
+            return;
+        }
+        if (this.scrollSyncing) {
+            this.scrollSyncing = false;
+            return;
+        }
+        var scrollTop = this.container.scrollTop;
+        var up = this.lastScrollTop >= scrollTop;
+        var down = !up;
+        this.lastScrollTop = scrollTop;
+        var firstItemIndex = this.rowHeightService.index(scrollTop);
+        var firstItemOffset = this.rowHeightService.offset(firstItemIndex);
+        var offsetHeight = this.containerRef.offsetHeight;
+        var lastItemIndex = this.rowHeightService.index(scrollTop + offsetHeight);
+        if (down && lastItemIndex >= this.lastLoaded && this.lastLoaded < this.total) {
+            var overflow = (firstItemIndex + this.pageSize) - this.total;
+            if (overflow > 0) {
+                firstItemIndex = firstItemIndex - overflow;
+                firstItemOffset = this.rowHeightService.offset(firstItemIndex);
+            }
+            this.firstLoaded = firstItemIndex;
+            this.translate(firstItemOffset);
+            var nextTake = this.firstLoaded + this.pageSize;
+            this.lastLoaded = Math.min(nextTake, this.total);
+            this.changePage(this.firstLoaded, e);
+        }
+        else if (up && firstItemIndex < this.firstLoaded) {
+            var nonVisibleBuffer = Math.floor(this.pageSize * 0.3);
+            this.firstLoaded = Math.max(firstItemIndex - nonVisibleBuffer, 0);
+            this.translate(this.rowHeightService.offset(this.firstLoaded));
+            this.lastLoaded = Math.min(this.firstLoaded + this.pageSize, this.total);
+            this.changePage(this.firstLoaded, e);
+        }
+    };
+    return VirtualScrollFixed;
+}());
+exports.VirtualScrollFixed = VirtualScrollFixed;

package/dist/npm/interfaces/GridProps.d.ts

@@ -222,6 +222,10 @@ export interface GridProps {
      * ([see example]({% slug scrollmmodes_grid %})).
      */
     rowHeight?: number;
+    /**
+     * @hidden
+     */
+    detailRowHeight?: number;
     /**
      * Specifies a custom rendering that will be cloned and rendered inside the detail rows
      * of the currently expanded items ([see example]({% slug master_detail_grid %}).

package/dist/npm/interfaces/VirtualScrollInterface.d.ts

@@ -0,0 +1,26 @@
+import { Page } from '@progress/kendo-vue-data-tools';
+import { RowHeightService } from '../VirtualScrollFixed';
+/**
+ * @hidden
+ */
+export interface VirtualScrollInterface {
+    PageChange: ((page: Page, e: any) => void) | null;
+    reset: () => void;
+    askedSkip: number | undefined;
+    total: number;
+    table: HTMLTableElement | null;
+    tableBodyRef: any;
+    fixedScroll: boolean;
+    realSkip: number;
+    pageSize: number;
+    scrollableVirtual: boolean;
+    propsSkip: number;
+    topCacheCount: number;
+    attendedSkip: number;
+    containerHeight: number;
+    containerRef: any;
+    tableTransform: string;
+    rowHeightService?: RowHeightService;
+    get container(): HTMLDivElement | null;
+    scrollHandler(e: any): void;
+}

package/dist/npm/interfaces/VirtualScrollInterface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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: 1676539881,
+    publishDate: 1677061189,
     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/utils/main.d.ts

@@ -89,3 +89,11 @@ export declare function applyExpandedState(sdata: DataResult, collapsed: any[],
  * @hidden
  */
 export declare function groupedFirstItemValue(item: any, field: string): any;
+/**
+ * @hidden
+ */
+export declare const firefox: boolean;
+/**
+ * @hidden
+ */
+export declare const firefoxMaxHeight = 17895697;

package/dist/npm/utils/main.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.groupedFirstItemValue = exports.applyExpandedState = exports.parsers = exports.footerColumns = exports.autoGenerateColumns = exports.readColumns = exports.mapColumns = exports.checkPropCompatibility = exports.getIndex = exports.isRtl = exports.flatData = exports.getNestedValue = void 0;
+exports.firefoxMaxHeight = exports.firefox = exports.groupedFirstItemValue = exports.applyExpandedState = exports.parsers = exports.footerColumns = exports.autoGenerateColumns = exports.readColumns = exports.mapColumns = exports.checkPropCompatibility = exports.getIndex = exports.isRtl = exports.flatData = exports.getNestedValue = void 0;
 var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var STRING = 'string';
@@ -405,3 +405,12 @@ function groupedFirstItemValue(item, field) {
     return field ? resultItem[field] : item.value;
 }
 exports.groupedFirstItemValue = groupedFirstItemValue;
+/**
+ * @hidden
+ */
+exports.firefox = typeof window !== 'undefined' &&
+    /Firefox/.test(window.navigator.userAgent);
+/**
+ * @hidden
+ */
+exports.firefoxMaxHeight = 17895697;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-grid",
-  "version": "3.8.4-dev.202302160938",
+  "version": "3.8.4-dev.202302221027",
   "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.8.4-dev.202302160938"
+    "@progress/kendo-vue-common": "3.8.4-dev.202302221027"
   },
   "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.8.4-dev.202302160938",
-    "@progress/kendo-vue-buttons": "3.8.4-dev.202302160938",
-    "@progress/kendo-vue-charts": "3.8.4-dev.202302160938",
-    "@progress/kendo-vue-data-tools": "3.8.4-dev.202302160938",
-    "@progress/kendo-vue-dateinputs": "3.8.4-dev.202302160938",
-    "@progress/kendo-vue-dropdowns": "3.8.4-dev.202302160938",
-    "@progress/kendo-vue-excel-export": "3.8.4-dev.202302160938",
-    "@progress/kendo-vue-indicators": "3.8.4-dev.202302160938",
-    "@progress/kendo-vue-inputs": "3.8.4-dev.202302160938",
-    "@progress/kendo-vue-intl": "3.8.4-dev.202302160938",
-    "@progress/kendo-vue-pdf": "3.8.4-dev.202302160938",
-    "@progress/kendo-vue-popup": "3.8.4-dev.202302160938",
+    "@progress/kendo-vue-animation": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-buttons": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-charts": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-data-tools": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-dateinputs": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-dropdowns": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-excel-export": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-indicators": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-inputs": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-intl": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-pdf": "3.8.4-dev.202302221027",
+    "@progress/kendo-vue-popup": "3.8.4-dev.202302221027",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0",