@progress/kendo-react-dateinputs 5.4.0-dev.202205271059 → 5.4.0-dev.202206090823

package/dist/npm/timepicker/services/HoursService.js

@@ -10,8 +10,8 @@ var clamp = clampToRange(HOURS_IN_DAY);
 var stepper = function (start, step) { return function (idx) { return clamp(start + (idx * step)); }; };
 var distanceFromMin = function (value, min) { return clamp(HOURS_IN_DAY + value - min); };
 var limit = function (borderValue) { return function (barrier, value) {
-    var useBarrier = !value || kendo_date_math_1.getDate(barrier).getTime() === kendo_date_math_1.getDate(value).getTime();
-    return useBarrier ? barrier : utils_2.setHours(barrier, borderValue);
+    var useBarrier = !value || (0, kendo_date_math_1.getDate)(barrier).getTime() === (0, kendo_date_math_1.getDate)(value).getTime();
+    return useBarrier ? barrier : (0, utils_2.setHours)(barrier, borderValue);
 }; };
 var limitDown = limit(0);
 var limitUp = limit(HOURS_IN_DAY - 1);
@@ -23,9 +23,13 @@ var HoursService = /** @class */ (function () {
         this.intl = intl;
         this.boundRange = false;
         this.insertUndividedMax = false;
+        this.min = null;
+        this.max = null;
+        this.step = 0;
+        this.toListItem = null;
     }
     HoursService.prototype.apply = function (value, candidate) {
-        return utils_2.setHours(value, candidate.getHours());
+        return (0, utils_2.setHours)(value, candidate.getHours());
     };
     HoursService.prototype.configure = function (settings) {
         var _this = this;
@@ -33,7 +37,7 @@ var HoursService = /** @class */ (function () {
         this.boundRange = boundRange;
         this.insertUndividedMax = insertUndividedMax;
         this.toListItem = function (hour) {
-            var date = utils_2.setHours(utils_1.MIDNIGHT_DATE, hour);
+            var date = (0, utils_2.setHours)(utils_1.MIDNIGHT_DATE, hour);
             return {
                 text: _this.intl.formatDate(date, part.pattern),
                 value: date
@@ -47,8 +51,8 @@ var HoursService = /** @class */ (function () {
         var _this = this;
         var min = this.range(selectedValue)[0];
         var getHour = stepper(min, this.step);
-        var convertToItem = function (idx) { return (_this.toListItem(getHour(idx))); };
-        var data = utils_2.range(0, this.countFromMin(selectedValue)).map(convertToItem);
+        var convertToItem = function (idx) { return (_this.toListItem && _this.toListItem(getHour(idx))); };
+        var data = (0, utils_2.range)(0, this.countFromMin(selectedValue)).map(convertToItem);
         this.addLast(data);
         if (selectedValue) {
             this.addMissing(data, selectedValue);
@@ -56,7 +60,10 @@ var HoursService = /** @class */ (function () {
         return data;
     };
     HoursService.prototype.isRangeChanged = function (min, max) {
-        return !kendo_date_math_1.isEqual(this.min, min) || !kendo_date_math_1.isEqual(this.max, max);
+        if (!this.min || !this.max) {
+            return false;
+        }
+        return !(0, kendo_date_math_1.isEqual)(this.min, min) || !(0, kendo_date_math_1.isEqual)(this.max, max);
     };
     HoursService.prototype.limitRange = function (min, max, value) {
         return this.boundRange ? [limitDown(min, value), limitUp(max, value)] : [min, max];
@@ -77,7 +84,7 @@ var HoursService = /** @class */ (function () {
         return matchMax || !this.isMissing(value);
     };
     HoursService.prototype.addLast = function (data, value) {
-        if (this.insertUndividedMax && this.isLastMissing(value)) {
+        if (this.insertUndividedMax && this.isLastMissing(value) && this.toListItem) {
             data.push(this.toListItem(this.lastHour(value)));
         }
         return data;
@@ -86,8 +93,10 @@ var HoursService = /** @class */ (function () {
         if (this.valueInList(value)) {
             return data;
         }
-        var missingItem = this.toListItem(value.getHours());
-        data.splice(this.selectedIndex(value), 0, missingItem);
+        if (this.toListItem) {
+            var missingItem = this.toListItem(value.getHours());
+            data.splice(this.selectedIndex(value), 0, missingItem);
+        }
         return data;
     };
     HoursService.prototype.countFromMin = function (value) {
@@ -101,7 +110,7 @@ var HoursService = /** @class */ (function () {
         return this.selectedIndex(value) !== this.divideByStep(value);
     };
     HoursService.prototype.isLastMissing = function (value) {
-        return this.isMissing(utils_2.setHours(this.max, this.lastHour(value)));
+        return this.max !== null && this.isMissing((0, utils_2.setHours)(this.max, this.lastHour(value)));
     };
     HoursService.prototype.divideByStep = function (value) {
         return distanceFromMin(value.getHours(), this.min.getHours()) / this.step;

package/dist/npm/timepicker/services/MinutesService.js

@@ -11,7 +11,7 @@ var stepper = function (start, step) { return function (idx) { return clamp(star
 var distanceFromMin = function (value, min) { return clamp(MINUTES_IN_HOUR + value - min); };
 var limit = function (borderValue) { return function (barrier, value) {
     var useBarrier = !value || barrier.getHours() === value.getHours();
-    return useBarrier ? barrier : utils_2.setMinutes(barrier, borderValue);
+    return useBarrier ? barrier : (0, utils_2.setMinutes)(barrier, borderValue);
 }; };
 var limitDown = limit(0);
 var limitUp = limit(MINUTES_IN_HOUR - 1);
@@ -21,17 +21,21 @@ var limitUp = limit(MINUTES_IN_HOUR - 1);
 var MinutesService = /** @class */ (function () {
     function MinutesService(intl) {
         this.intl = intl;
+        this.toListItem = null;
+        this.min = null;
+        this.max = null;
+        this.step = 0;
         this.insertUndividedMax = false;
     }
     MinutesService.prototype.apply = function (value, candidate) {
-        return utils_2.setMinutes(value, candidate.getMinutes());
+        return (0, utils_2.setMinutes)(value, candidate.getMinutes());
     };
     MinutesService.prototype.configure = function (settings) {
         var _this = this;
         var _a = settings.insertUndividedMax, insertUndividedMax = _a === void 0 ? this.insertUndividedMax : _a, _b = settings.min, min = _b === void 0 ? this.min : _b, _c = settings.max, max = _c === void 0 ? this.max : _c, part = settings.part, _d = settings.step, step = _d === void 0 ? this.step : _d;
         this.insertUndividedMax = insertUndividedMax;
         this.toListItem = function (minute) {
-            var date = utils_2.setMinutes(utils_1.MIDNIGHT_DATE, minute);
+            var date = (0, utils_2.setMinutes)(utils_1.MIDNIGHT_DATE, minute);
             return {
                 text: _this.intl.formatDate(date, part.pattern),
                 value: date
@@ -45,8 +49,8 @@ var MinutesService = /** @class */ (function () {
         var _this = this;
         var min = this.range(selectedValue)[0];
         var getMinute = stepper(min, this.step);
-        var convertToItem = function (idx) { return (_this.toListItem(getMinute(idx))); };
-        var data = utils_2.range(0, this.countFromMin(selectedValue)).map(convertToItem);
+        var convertToItem = function (idx) { return (_this.toListItem && _this.toListItem(getMinute(idx))); };
+        var data = (0, utils_2.range)(0, this.countFromMin(selectedValue)).map(convertToItem);
         this.addLast(data);
         if (selectedValue) {
             this.addMissing(data, selectedValue);
@@ -54,7 +58,7 @@ var MinutesService = /** @class */ (function () {
         return data;
     };
     MinutesService.prototype.isRangeChanged = function (min, max) {
-        return !kendo_date_math_1.isEqual(this.min, min) || !kendo_date_math_1.isEqual(this.max, max);
+        return (this.min !== null && this.max !== null) && (!(0, kendo_date_math_1.isEqual)(this.min, min) || !(0, kendo_date_math_1.isEqual)(this.max, max));
     };
     MinutesService.prototype.limitRange = function (min, max, value) {
         return [limitDown(min, value), limitUp(max, value)];
@@ -75,7 +79,7 @@ var MinutesService = /** @class */ (function () {
         return matchMax || !this.isMissing(value);
     };
     MinutesService.prototype.addLast = function (data, value) {
-        if (this.insertUndividedMax && this.isLastMissing(value)) {
+        if (this.insertUndividedMax && this.isLastMissing(value) && this.toListItem) {
             data.push(this.toListItem(this.lastMinute(value)));
         }
         return data;
@@ -84,8 +88,10 @@ var MinutesService = /** @class */ (function () {
         if (this.valueInList(value)) {
             return data;
         }
-        var missingItem = this.toListItem(value.getMinutes());
-        data.splice(this.selectedIndex(value), 0, missingItem);
+        if (this.toListItem) {
+            var missingItem = this.toListItem(value.getMinutes());
+            data.splice(this.selectedIndex(value), 0, missingItem);
+        }
         return data;
     };
     MinutesService.prototype.countFromMin = function (value) {
@@ -99,7 +105,7 @@ var MinutesService = /** @class */ (function () {
         return this.selectedIndex(value) !== this.divideByStep(value);
     };
     MinutesService.prototype.isLastMissing = function (value) {
-        return this.isMissing(utils_2.setMinutes(this.max, this.lastMinute(value)));
+        return this.max !== null && this.isMissing((0, utils_2.setMinutes)(this.max, this.lastMinute(value)));
     };
     MinutesService.prototype.divideByStep = function (value) {
         return distanceFromMin(value.getMinutes(), this.min.getMinutes()) / this.step;

package/dist/npm/timepicker/services/SecondsService.js

@@ -12,7 +12,7 @@ var distanceFromMin = function (value, min) { return clamp(SECONDS_IN_HOUR + val
 var limit = function (borderValue) { return function (barrier, value) {
     var useBarrier = !value ||
         (barrier.getMinutes() === value.getMinutes() && barrier.getHours() === value.getHours());
-    return useBarrier ? barrier : utils_2.setSeconds(barrier, borderValue);
+    return useBarrier ? barrier : (0, utils_2.setSeconds)(barrier, borderValue);
 }; };
 var limitDown = limit(0);
 var limitUp = limit(SECONDS_IN_HOUR - 1);
@@ -22,17 +22,21 @@ var limitUp = limit(SECONDS_IN_HOUR - 1);
 var SecondsService = /** @class */ (function () {
     function SecondsService(intl) {
         this.intl = intl;
+        this.toListItem = null;
+        this.min = null;
+        this.max = null;
+        this.step = 0;
         this.insertUndividedMax = false;
     }
     SecondsService.prototype.apply = function (value, candidate) {
-        return utils_2.setSeconds(value, candidate.getSeconds());
+        return (0, utils_2.setSeconds)(value, candidate.getSeconds());
     };
     SecondsService.prototype.configure = function (settings) {
         var _this = this;
         var _a = settings.insertUndividedMax, insertUndividedMax = _a === void 0 ? this.insertUndividedMax : _a, _b = settings.min, min = _b === void 0 ? this.min : _b, _c = settings.max, max = _c === void 0 ? this.max : _c, part = settings.part, _d = settings.step, step = _d === void 0 ? this.step : _d;
         this.insertUndividedMax = insertUndividedMax;
         this.toListItem = function (minute) {
-            var date = utils_2.setSeconds(utils_1.MIDNIGHT_DATE, minute);
+            var date = (0, utils_2.setSeconds)(utils_1.MIDNIGHT_DATE, minute);
             return {
                 text: _this.intl.formatDate(date, part.pattern),
                 value: date
@@ -46,8 +50,8 @@ var SecondsService = /** @class */ (function () {
         var _this = this;
         var min = this.range(selectedValue)[0];
         var getSecond = stepper(min, this.step);
-        var convertToItem = function (idx) { return (_this.toListItem(getSecond(idx))); };
-        var data = utils_2.range(0, this.countFromMin(selectedValue)).map(convertToItem);
+        var convertToItem = function (idx) { return (_this.toListItem && _this.toListItem(getSecond(idx))); };
+        var data = (0, utils_2.range)(0, this.countFromMin(selectedValue)).map(convertToItem);
         this.addLast(data);
         if (selectedValue) {
             this.addMissing(data, selectedValue);
@@ -55,7 +59,7 @@ var SecondsService = /** @class */ (function () {
         return data;
     };
     SecondsService.prototype.isRangeChanged = function (min, max) {
-        return !kendo_date_math_1.isEqual(this.min, min) || !kendo_date_math_1.isEqual(this.max, max);
+        return this.min !== null && this.max !== null && (!(0, kendo_date_math_1.isEqual)(this.min, min) || !(0, kendo_date_math_1.isEqual)(this.max, max));
     };
     SecondsService.prototype.limitRange = function (min, max, value) {
         return [limitDown(min, value), limitUp(max, value)];
@@ -79,7 +83,7 @@ var SecondsService = /** @class */ (function () {
         return distanceFromMin(value.getSeconds(), this.min.getSeconds()) / this.step;
     };
     SecondsService.prototype.addLast = function (data, value) {
-        if (this.insertUndividedMax && this.isLastMissing(value)) {
+        if (this.insertUndividedMax && this.isLastMissing(value) && this.toListItem) {
             data.push(this.toListItem(this.lastSecond(value)));
         }
         return data;
@@ -88,8 +92,10 @@ var SecondsService = /** @class */ (function () {
         if (this.valueInList(value)) {
             return data;
         }
-        var missingItem = this.toListItem(value.getSeconds());
-        data.splice(this.selectedIndex(value), 0, missingItem);
+        if (this.toListItem) {
+            var missingItem = this.toListItem(value.getSeconds());
+            data.splice(this.selectedIndex(value), 0, missingItem);
+        }
         return data;
     };
     SecondsService.prototype.countFromMin = function (value) {
@@ -103,7 +109,7 @@ var SecondsService = /** @class */ (function () {
         return this.selectedIndex(value) !== this.divideByStep(value);
     };
     SecondsService.prototype.isLastMissing = function (value) {
-        return this.isMissing(utils_2.setSeconds(this.max, this.lastSecond(value)));
+        return this.max !== null && this.isMissing((0, utils_2.setSeconds)(this.max, this.lastSecond(value)));
     };
     SecondsService.prototype.lastSecond = function (value) {
         return this.range(value)[1];

package/dist/npm/timepicker/utils.js

@@ -5,7 +5,7 @@ var kendo_date_math_1 = require("@progress/kendo-date-math");
 var TimePart_1 = require("./models/TimePart");
 var utils_1 = require("../utils");
 var setter = function (method) { return function (date, value) {
-    var clone = kendo_date_math_1.cloneDate(date);
+    var clone = (0, kendo_date_math_1.cloneDate)(date);
     clone[method](value);
     return clone;
 }; };
@@ -57,7 +57,7 @@ exports.valueMerger = valueMerger;
  * @hidden
  */
 var snapTime = function (snappers) { return function (candidate) {
-    var date = kendo_date_math_1.cloneDate(candidate);
+    var date = (0, kendo_date_math_1.cloneDate)(candidate);
     date.setHours.apply(date, snappers.map(function (s) { return s(date); }));
     return date;
 }; };
@@ -92,9 +92,9 @@ var range = function (start, end, step) {
 };
 exports.range = range;
 var normalizeTimes = function (candidate, min, max) { return ({
-    candidateValue: utils_1.setTime(utils_1.MIDNIGHT_DATE, candidate),
-    maxValue: kendo_date_math_1.addDays(utils_1.setTime(utils_1.MIDNIGHT_DATE, max), min.getHours() < max.getHours() ? 0 : 1),
-    minValue: utils_1.setTime(utils_1.MIDNIGHT_DATE, min)
+    candidateValue: (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, candidate),
+    maxValue: (0, kendo_date_math_1.addDays)((0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, max), min.getHours() < max.getHours() ? 0 : 1),
+    minValue: (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, min)
 }); };
 /**
  * @hidden
@@ -105,10 +105,10 @@ var timeInRange = function (candidate, min, max) {
     }
     var _a = normalizeTimes(candidate, min, max), candidateValue = _a.candidateValue, minValue = _a.minValue, maxValue = _a.maxValue;
     if (candidateValue < minValue) {
-        return utils_1.setTime(candidate, min);
+        return (0, utils_1.setTime)(candidate, min);
     }
     if (candidateValue > maxValue) {
-        return utils_1.setTime(candidate, max);
+        return (0, utils_1.setTime)(candidate, max);
     }
     return candidate;
 };
@@ -142,8 +142,8 @@ var isSmallerThanMin = function (val, min) {
     if (val === null || min === null) {
         return false;
     }
-    var normalizedValue = utils_1.setTime(utils_1.MIDNIGHT_DATE, val);
-    var normalizedMin = utils_1.setTime(utils_1.MIDNIGHT_DATE, min);
+    var normalizedValue = (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, val);
+    var normalizedMin = (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, min);
     return normalizedValue.getTime() < normalizedMin.getHours();
 };
 exports.isSmallerThanMin = isSmallerThanMin;
@@ -154,8 +154,8 @@ var isBiggerThanMax = function (val, max) {
     if (val === null || max === null) {
         return false;
     }
-    var normalizedValue = utils_1.setTime(utils_1.MIDNIGHT_DATE, val);
-    var normalizedMax = utils_1.setTime(utils_1.MIDNIGHT_DATE, max);
+    var normalizedValue = (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, val);
+    var normalizedMax = (0, utils_1.setTime)(utils_1.MIDNIGHT_DATE, max);
     return normalizedMax.getTime() < normalizedValue.getHours();
 };
 exports.isBiggerThanMax = isBiggerThanMax;

package/dist/npm/utils.js

@@ -1,8 +1,12 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.domContainerFactory = exports.dateInRange = exports.shiftWeekNames = exports.intersects = exports.range = exports.isInSelectionRange = exports.isInDateRange = exports.isInRange = exports.getToday = exports.setTime = exports.isValidRange = exports.MAX_TIME = exports.MIN_TIME = exports.MAX_DATE = exports.MIN_DATE = exports.MIDNIGHT_DATE = exports.viewInRange = exports.nullable = exports.isEqualRange = void 0;
@@ -18,7 +22,7 @@ var isEqualRange = function (initial, updated) {
     if (initialStart === null || initialEnd === null || updatedStart === null || updatedEnd === null) {
         return false;
     }
-    return kendo_date_math_1.isEqual(initialStart, updatedStart) && kendo_date_math_1.isEqual(initialEnd, updatedEnd);
+    return (0, kendo_date_math_1.isEqual)(initialStart, updatedStart) && (0, kendo_date_math_1.isEqual)(initialEnd, updatedEnd);
 };
 exports.isEqualRange = isEqualRange;
 // Polyfill for PropTypes.null
@@ -35,7 +39,7 @@ function nullable(subRequirement) {
             return null;
         }
         var sub = required ? subRequirement.isRequired : subRequirement;
-        return sub.apply(void 0, __spreadArray([props, key], rest));
+        return sub.apply(void 0, __spreadArray([props, key], rest, false));
     };
     var fn = check.bind(null, false);
     fn.isRequired = check.bind(null, true);
@@ -86,7 +90,7 @@ exports.isValidRange = isValidRange;
  * @hidden
  */
 var setTime = function (origin, candidate) {
-    var date = kendo_date_math_1.cloneDate(origin);
+    var date = (0, kendo_date_math_1.cloneDate)(origin);
     date.setHours(candidate.getHours(), candidate.getMinutes(), candidate.getSeconds(), candidate.getMilliseconds());
     return date;
 };
@@ -94,7 +98,7 @@ exports.setTime = setTime;
 /**
  * @hidden
  */
-var getToday = function () { return kendo_date_math_2.getDate(new Date()); };
+var getToday = function () { return (0, kendo_date_math_2.getDate)(new Date()); };
 exports.getToday = getToday;
 /**
  * @hidden
@@ -105,8 +109,8 @@ exports.isInRange = isInRange;
  * @hidden
  */
 var isInDateRange = function (candidate, min, max) { return (candidate === null
-    || !((min && kendo_date_math_2.getDate(min) > kendo_date_math_2.getDate(candidate))
-        || (max && kendo_date_math_2.getDate(max) < kendo_date_math_2.getDate(candidate)))); };
+    || !((min && (0, kendo_date_math_2.getDate)(min) > (0, kendo_date_math_2.getDate)(candidate))
+        || (max && (0, kendo_date_math_2.getDate)(max) < (0, kendo_date_math_2.getDate)(candidate)))); };
 exports.isInDateRange = isInDateRange;
 /**
  * @hidden
@@ -151,10 +155,10 @@ var dateInRange = function (candidate, min, max) {
         return candidate;
     }
     if (min && candidate < min) {
-        return kendo_date_math_1.cloneDate(min);
+        return (0, kendo_date_math_1.cloneDate)(min);
     }
     if (max && candidate > max) {
-        return kendo_date_math_1.cloneDate(max);
+        return (0, kendo_date_math_1.cloneDate)(max);
     }
     return candidate;
 };

package/dist/npm/virtualization/Virtualization.d.ts

@@ -43,6 +43,7 @@ export interface VirtualizationProps {
     topOffset: number;
     total: number;
     role?: string;
+    children?: React.ReactNode;
 }
 /**
  * @hidden
@@ -108,7 +109,7 @@ export declare class Virtualization extends React.Component<VirtualizationProps,
     protected containerMaxScroll: () => number;
     protected getContainerScrollDirection: (indexOffset: number) => ScrollDirection;
     protected initServices: (props?: VirtualizationProps) => void;
-    protected getContainerProperty: (propertyName: string) => number;
+    protected getContainerProperty: (propertyName: 'offsetHeight' | 'offsetWidth' | 'scrollHeight' | 'scrollWidth' | 'scrollTop' | 'scrollLeft') => number;
     private handleScroll;
     private handleScrollAction;
     private handlePageAction;

package/dist/npm/virtualization/Virtualization.js

@@ -52,7 +52,13 @@ var Virtualization = /** @class */ (function (_super) {
     __extends(Virtualization, _super);
     function Virtualization(props) {
         var _this = _super.call(this, props) || this;
+        _this.rowHeightService = null;
+        _this.scrollContainer = null;
+        _this.lastDirection = null;
+        _this.lastTotal = 0;
+        _this.lastTake = 0;
         _this.animationInProgress = false;
+        _this.scrollToIndexTimeout = 0;
         _this.scrollTo = function (value) {
             var scrollProperty = _this.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
             if (!_this.scrollContainer) {
@@ -69,7 +75,9 @@ var Virtualization = /** @class */ (function (_super) {
             }
             _this.scrollToIndexTimeout = window.requestAnimationFrame(function () {
                 _this.animationInProgress = false;
-                _this.scrollTo(_this.rowHeightService.offset(index));
+                if (_this.rowHeightService) {
+                    _this.scrollTo(_this.rowHeightService.offset(index));
+                }
             });
         };
         _this.animateToIndex = function (index) {
@@ -109,12 +117,12 @@ var Virtualization = /** @class */ (function (_super) {
         };
         _this.scrollRange = function (indexOffset, direction) {
             var containerScroll = _this.containerScrollPosition;
-            if (parseInt("" + indexOffset, 10) === parseInt("" + containerScroll, 10)) {
+            if (parseInt("".concat(indexOffset), 10) === parseInt("".concat(containerScroll), 10)) {
                 return { start: indexOffset, end: indexOffset };
             }
             var maxScroll = _this.containerMaxScroll();
             var sign = direction === ScrollDirection.Backward ? 1 : -1;
-            var difference = differenceToScroll(containerScroll, indexOffset, _this.props.maxScrollDifference);
+            var difference = differenceToScroll(containerScroll, indexOffset, _this.props.maxScrollDifference || 0);
             var end = Math.min(indexOffset, maxScroll);
             var start = Math.min(Math.max(end + (sign * difference), 0), maxScroll);
             return { start: start, end: end };
@@ -268,14 +276,14 @@ var Virtualization = /** @class */ (function (_super) {
             this.lastDirection = this.direction;
             this.lastTake = this.props.take;
         }
-        var vertexLength = "" + ((this.rowHeightService ? this.rowHeightService.totalHeight() : 0) + this.props.bottomOffset);
+        var vertexLength = "".concat((this.rowHeightService ? this.rowHeightService.totalHeight() : 0) + this.props.bottomOffset);
         var placeholderStyle = this.direction === 'vertical'
-            ? { height: vertexLength + "px" }
-            : { width: vertexLength + "px" };
-        var rootClassNames = kendo_react_common_1.classNames('k-content k-calendar-content k-scrollable', {
+            ? { height: "".concat(vertexLength, "px") }
+            : { width: "".concat(vertexLength, "px") };
+        var rootClassNames = (0, kendo_react_common_1.classNames)('k-content k-calendar-content k-scrollable', {
             'k-scrollable-horizontal': this.direction === 'horizontal'
         }, this.props.className);
-        var scrollableClassNames = kendo_react_common_1.classNames('k-scrollable-placeholder', {
+        var scrollableClassNames = (0, kendo_react_common_1.classNames)('k-scrollable-placeholder', {
             'k-scrollable-horizontal-placeholder': this.direction === 'horizontal'
         });
         return (React.createElement("div", { ref: function (el) { _this.scrollContainer = el; }, onScroll: this.handleScroll, className: rootClassNames, tabIndex: this.props.tabIndex, role: this.props.role },

package/dist/npm/virtualization/services/RowHeightService.js

@@ -1,15 +1,19 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RowHeightService = void 0;
 /**
  * @hidden
  */
-var update = function (arr, idx, value) { return (__spreadArray(__spreadArray([], arr.slice(0, idx + 1)), (arr.slice(idx + 1).map(function (x) { return x + value; })))); };
+var update = function (arr, idx, value) { return (__spreadArray(__spreadArray([], arr.slice(0, idx + 1), true), (arr.slice(idx + 1).map(function (x) { return x + value; })), true)); };
 /**
  * @hidden
  */

package/dist/npm/virtualization/services/ScrollerService.js

@@ -29,7 +29,13 @@ var ScrollerService = /** @class */ (function () {
     function ScrollerService(onScrollAction, onPageAction) {
         this.onScrollAction = onScrollAction;
         this.onPageAction = onPageAction;
+        this.direction = 'vertical';
         this.firstLoaded = 0;
+        this.lastLoaded = 0;
+        this.lastScrollTop = 0;
+        this.take = 0;
+        this.total = 0;
+        this.rowHeightService = null;
         this.bottomOffset = 0;
         this.topOffset = 0;
     }
@@ -55,7 +61,7 @@ var ScrollerService = /** @class */ (function () {
         var scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop, offsetHeight = _a.offsetHeight, offsetWidth = _a.offsetWidth;
         var scrollPosition = this.direction === 'vertical' ? scrollTop : scrollLeft;
         var offsetSize = this.direction === 'vertical' ? offsetHeight : offsetWidth;
-        if (this.lastScrollTop === scrollPosition) {
+        if (this.lastScrollTop === scrollPosition || !this.rowHeightService) {
             return;
         }
         var up = this.lastScrollTop >= scrollPosition;
@@ -77,10 +83,10 @@ var ScrollerService = /** @class */ (function () {
         }
     };
     ScrollerService.prototype.rowOffset = function (index) {
-        return this.rowHeightService.offset(index) + this.topOffset;
+        return this.rowHeightService ? this.rowHeightService.offset(index) + this.topOffset : 0;
     };
     ScrollerService.prototype.rowsForHeight = function (height) {
-        return Math.ceil(height / this.rowHeightService.height(0));
+        return this.rowHeightService ? Math.ceil(height / this.rowHeightService.height(0)) : 0;
     };
     return ScrollerService;
 }());