primereact 8.7.1 → 8.7.3

package/virtualscroller/virtualscroller.js

@@ -26,20 +26,45 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -50,7 +75,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
 
@@ -59,42 +83,40 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -116,60 +138,48 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
   }
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var vertical = props.orientation === 'vertical';
     var horizontal = props.orientation === 'horizontal';
     var both = props.orientation === 'both';
-
     var _React$useState = React__namespace.useState(both ? {
-      rows: 0,
-      cols: 0
-    } : 0),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        firstState = _React$useState2[0],
-        setFirstState = _React$useState2[1];
-
+        rows: 0,
+        cols: 0
+      } : 0),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      firstState = _React$useState2[0],
+      setFirstState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(both ? {
-      rows: 0,
-      cols: 0
-    } : 0),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        lastState = _React$useState4[0],
-        setLastState = _React$useState4[1];
-
+        rows: 0,
+        cols: 0
+      } : 0),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      lastState = _React$useState4[0],
+      setLastState = _React$useState4[1];
     var _React$useState5 = React__namespace.useState(both ? {
-      rows: 0,
-      cols: 0
-    } : 0),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        numItemsInViewportState = _React$useState6[0],
-        setNumItemsInViewportState = _React$useState6[1];
-
+        rows: 0,
+        cols: 0
+      } : 0),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      numItemsInViewportState = _React$useState6[0],
+      setNumItemsInViewportState = _React$useState6[1];
     var _React$useState7 = React__namespace.useState(props.numToleratedItems),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        numToleratedItemsState = _React$useState8[0],
-        setNumToleratedItemsState = _React$useState8[1];
-
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      numToleratedItemsState = _React$useState8[0],
+      setNumToleratedItemsState = _React$useState8[1];
     var _React$useState9 = React__namespace.useState(props.loading || false),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        loadingState = _React$useState10[0],
-        setLoadingState = _React$useState10[1];
-
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      loadingState = _React$useState10[0],
+      setLoadingState = _React$useState10[1];
     var _React$useState11 = React__namespace.useState([]),
-        _React$useState12 = _slicedToArray(_React$useState11, 2),
-        loaderArrState = _React$useState12[0],
-        setLoaderArrState = _React$useState12[1];
-
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      loaderArrState = _React$useState12[0],
+      setLoaderArrState = _React$useState12[1];
     var elementRef = React__namespace.useRef(null);
-
     var _contentRef = React__namespace.useRef(null);
-
     var _spacerRef = React__namespace.useRef(null);
-
     var _stickyRef = React__namespace.useRef(null);
-
     var lastScrollPos = React__namespace.useRef(both ? {
       top: 0,
       left: 0
@@ -180,29 +190,25 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     var defaultHeight = React__namespace.useRef(null);
     var prevItems = hooks.usePrevious(props.items);
     var prevLoading = hooks.usePrevious(props.loading);
-
     var _useResizeListener = hooks.useResizeListener({
-      listener: function listener(event) {
-        return onResize();
-      }
-    }),
-        _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
-        bindWindowResizeListener = _useResizeListener2[0];
-
+        listener: function listener(event) {
+          return onResize();
+        }
+      }),
+      _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
+      bindWindowResizeListener = _useResizeListener2[0];
     var _useEventListener = hooks.useEventListener({
-      target: 'window',
-      type: 'orientationchange',
-      listener: function listener(event) {
-        return onResize();
-      }
-    }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 1),
-        bindOrientationChangeListener = _useEventListener2[0];
-
+        target: 'window',
+        type: 'orientationchange',
+        listener: function listener(event) {
+          return onResize();
+        }
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 1),
+      bindOrientationChangeListener = _useEventListener2[0];
     var getElementRef = function getElementRef() {
       return elementRef;
     };
-
     var scrollTo = function scrollTo(options) {
       lastScrollPos.current = both ? {
         top: 0,
@@ -210,25 +216,18 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       } : 0;
       elementRef.current && elementRef.current.scrollTo(options);
     };
-
     var scrollToIndex = function scrollToIndex(index) {
       var behavior = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'auto';
-
       var _calculateNumItems = calculateNumItems(),
-          numToleratedItems = _calculateNumItems.numToleratedItems;
-
+        numToleratedItems = _calculateNumItems.numToleratedItems;
       var calculateFirst = function calculateFirst() {
         var _index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-
         var _numT = arguments.length > 1 ? arguments[1] : undefined;
-
         return _index <= _numT ? 0 : _index;
       };
-
       var calculateCoord = function calculateCoord(_first, _size) {
         return _first * _size;
       };
-
       var scrollToItem = function scrollToItem() {
         var left = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
         var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -238,33 +237,27 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           behavior: behavior
         });
       };
-
       if (both) {
         var newFirst = {
           rows: calculateFirst(index[0], numToleratedItems[0]),
           cols: calculateFirst(index[1], numToleratedItems[1])
         };
-
         if (newFirst.rows !== firstState.rows || newFirst.cols !== firstState.cols) {
           scrollToItem(calculateCoord(newFirst.cols, props.itemSize[1]), calculateCoord(newFirst.rows, props.itemSize[0]));
         }
       } else {
         var _newFirst = calculateFirst(index, numToleratedItems);
-
         if (_newFirst !== firstState) {
           horizontal ? scrollToItem(calculateCoord(_newFirst, props.itemSize), 0) : scrollToItem(0, calculateCoord(_newFirst, props.itemSize));
         }
       }
     };
-
     var scrollInView = function scrollInView(index, to) {
       var behavior = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'auto';
-
       if (to) {
         var _getRenderedRange = getRenderedRange(),
-            first = _getRenderedRange.first,
-            viewport = _getRenderedRange.viewport;
-
+          first = _getRenderedRange.first,
+          viewport = _getRenderedRange.viewport;
         var scrollToItem = function scrollToItem() {
           var left = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
           var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -274,10 +267,8 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
             behavior: behavior
           });
         };
-
         var isToStart = to === 'to-start';
         var isToEnd = to === 'to-end';
-
         if (isToStart) {
           if (both) {
             if (viewport.first.rows - first.rows > index[0]) {
@@ -301,7 +292,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           } else {
             if (viewport.last - first <= index + 1) {
               var _pos2 = (viewport.first + 1) * props.itemSize;
-
               horizontal ? scrollToItem(_pos2, 0) : scrollToItem(0, _pos2);
             }
           }
@@ -310,32 +300,25 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         scrollToIndex(index, behavior);
       }
     };
-
     var getRows = function getRows() {
       return loadingState ? props.loaderDisabled ? loaderArrState : [] : loadedItems();
     };
-
     var getColumns = function getColumns() {
       if (props.columns && both || horizontal) {
         return loadingState && props.loaderDisabled ? both ? loaderArrState[0] : loaderArrState : props.columns.slice(both ? firstState.cols : firstState, both ? lastState.cols : lastState);
       }
-
       return props.columns;
     };
-
     var getRenderedRange = function getRenderedRange() {
       var calculateFirstInViewport = function calculateFirstInViewport(_pos, _size) {
         return Math.floor(_pos / (_size || _pos));
       };
-
       var firstInViewport = firstState;
       var lastInViewport = 0;
-
       if (elementRef.current) {
         var _elementRef$current = elementRef.current,
-            scrollTop = _elementRef$current.scrollTop,
-            scrollLeft = _elementRef$current.scrollLeft;
-
+          scrollTop = _elementRef$current.scrollTop,
+          scrollLeft = _elementRef$current.scrollLeft;
         if (both) {
           firstInViewport = {
             rows: calculateFirstInViewport(scrollTop, props.itemSize[0]),
@@ -351,7 +334,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           lastInViewport = firstInViewport + numItemsInViewportState;
         }
       }
-
       return {
         first: firstState,
         last: lastState,
@@ -361,20 +343,16 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         }
       };
     };
-
     var calculateNumItems = function calculateNumItems() {
       var contentPos = getContentPosition();
       var contentWidth = elementRef.current ? elementRef.current.offsetWidth - contentPos.left : 0;
       var contentHeight = elementRef.current ? elementRef.current.offsetHeight - contentPos.top : 0;
-
       var calculateNumItemsInViewport = function calculateNumItemsInViewport(_contentSize, _itemSize) {
         return Math.ceil(_contentSize / (_itemSize || _contentSize));
       };
-
       var calculateNumToleratedItems = function calculateNumToleratedItems(_numItems) {
         return Math.ceil(_numItems / 2);
       };
-
       var numItemsInViewport = both ? {
         rows: calculateNumItemsInViewport(contentHeight, props.itemSize[0]),
         cols: calculateNumItemsInViewport(contentWidth, props.itemSize[1])
@@ -385,16 +363,13 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         numToleratedItems: numToleratedItems
       };
     };
-
     var calculateOptions = function calculateOptions() {
       var _calculateNumItems2 = calculateNumItems(),
-          numItemsInViewport = _calculateNumItems2.numItemsInViewport,
-          numToleratedItems = _calculateNumItems2.numToleratedItems;
-
+        numItemsInViewport = _calculateNumItems2.numItemsInViewport,
+        numToleratedItems = _calculateNumItems2.numToleratedItems;
       var calculateLast = function calculateLast(_first, _num, _numT, _isCols) {
         return getLast(_first + _num + (_first < _numT ? 2 : 3) * _numT, _isCols);
       };
-
       var last = both ? {
         rows: calculateLast(firstState.rows, numItemsInViewport.rows, numToleratedItems[0]),
         cols: calculateLast(firstState.cols, numItemsInViewport.cols, numToleratedItems[1], true)
@@ -402,7 +377,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       setNumItemsInViewportState(numItemsInViewport);
       setNumToleratedItemsState(numToleratedItems);
       setLastState(last);
-
       if (props.showLoader) {
         setLoaderArrState(both ? Array.from({
           length: numItemsInViewport.rows
@@ -414,7 +388,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           length: numItemsInViewport
         }));
       }
-
       if (props.lazy) {
         props.onLazyLoad && props.onLazyLoad({
           first: firstState,
@@ -422,15 +395,14 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         });
       }
     };
-
     var calculateAutoSize = function calculateAutoSize(loading) {
       if (props.autoSize && !loading) {
         Promise.resolve().then(function () {
           if (_contentRef.current) {
             _contentRef.current.style.minHeight = _contentRef.current.style.minWidth = 'auto';
             var _contentRef$current = _contentRef.current,
-                offsetWidth = _contentRef$current.offsetWidth,
-                offsetHeight = _contentRef$current.offsetHeight;
+              offsetWidth = _contentRef$current.offsetWidth,
+              offsetHeight = _contentRef$current.offsetHeight;
             (both || horizontal) && (elementRef.current.style.width = (offsetWidth < defaultWidth.current ? offsetWidth : defaultWidth.current) + 'px');
             (both || vertical) && (elementRef.current.style.height = (offsetHeight < defaultHeight.current ? offsetHeight : defaultHeight.current) + 'px');
             _contentRef.current.style.minHeight = _contentRef.current.style.minWidth = '';
@@ -438,13 +410,11 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         });
       }
     };
-
     var getLast = function getLast() {
       var last = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       var isCols = arguments.length > 1 ? arguments[1] : undefined;
       return props.items ? Math.min(isCols ? (props.columns || props.items[0]).length : props.items.length, last) : 0;
     };
-
     var getContentPosition = function getContentPosition() {
       if (_contentRef.current) {
         var style = getComputedStyle(_contentRef.current);
@@ -461,7 +431,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           y: top + bottom
         };
       }
-
       return {
         left: 0,
         right: 0,
@@ -471,17 +440,14 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         y: 0
       };
     };
-
     var setSize = function setSize() {
       if (elementRef.current) {
         var parentElement = elementRef.current.parentElement;
         var width = props.scrollWidth || "".concat(elementRef.current.offsetWidth || parentElement.offsetWidth, "px");
         var height = props.scrollHeight || "".concat(elementRef.current.offsetHeight || parentElement.offsetHeight, "px");
-
         var setProp = function setProp(_name, _value) {
           return elementRef.current.style[_name] = _value;
         };
-
         if (both || horizontal) {
           setProp('height', height);
           setProp('width', width);
@@ -490,19 +456,14 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         }
       }
     };
-
     var setSpacerSize = function setSpacerSize() {
       var items = props.items;
-
       if (_spacerRef.current && items) {
         var contentPos = getContentPosition();
-
         var setProp = function setProp(_name, _value, _size) {
           var _cpos = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-
           return _spacerRef.current.style[_name] = (_value || []).length * _size + _cpos + 'px';
         };
-
         if (both) {
           setProp('height', items, props.itemSize[0], contentPos.y);
           setProp('width', props.columns || items[1], props.itemSize[1], contentPos.x);
@@ -511,24 +472,18 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         }
       }
     };
-
     var setContentPosition = function setContentPosition(pos) {
       if (_contentRef.current) {
         var first = pos ? pos.first : firstState;
-
         var calculateTranslateVal = function calculateTranslateVal(_first, _size) {
           return _first * _size;
         };
-
         var setTransform = function setTransform() {
           var _x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-
           var _y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
           _stickyRef.current && (_stickyRef.current.style.top = "-".concat(_y, "px"));
           _contentRef.current.style.transform = "translate3d(".concat(_x, "px, ").concat(_y, "px, 0)");
         };
-
         if (both) {
           setTransform(calculateTranslateVal(first.cols, props.itemSize[1]), calculateTranslateVal(first.rows, props.itemSize[0]));
         } else {
@@ -537,37 +492,28 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         }
       }
     };
-
     var onScrollPositionChange = function onScrollPositionChange(event) {
       var target = event.target;
       var contentPos = getContentPosition();
-
       var calculateScrollPos = function calculateScrollPos(_pos, _cpos) {
         return _pos ? _pos > _cpos ? _pos - _cpos : _pos : 0;
       };
-
       var calculateCurrentIndex = function calculateCurrentIndex(_pos, _size) {
         return Math.floor(_pos / (_size || _pos));
       };
-
       var calculateTriggerIndex = function calculateTriggerIndex(_currentIndex, _first, _last, _num, _numT, _isScrollDownOrRight) {
         return _currentIndex <= _numT ? _numT : _isScrollDownOrRight ? _last - _num - _numT : _first + _numT - 1;
       };
-
       var calculateFirst = function calculateFirst(_currentIndex, _triggerIndex, _first, _last, _num, _numT, _isScrollDownOrRight) {
         if (_currentIndex <= _numT) return 0;else return Math.max(0, _isScrollDownOrRight ? _currentIndex < _triggerIndex ? _first : _currentIndex - _numT : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
       };
-
       var calculateLast = function calculateLast(_currentIndex, _first, _last, _num, _numT, _isCols) {
         var lastValue = _first + _num + 2 * _numT;
-
         if (_currentIndex >= _numT) {
           lastValue += _numT + 1;
         }
-
         return getLast(lastValue, _isCols);
       };
-
       var scrollTop = calculateScrollPos(target.scrollTop, contentPos.top);
       var scrollLeft = calculateScrollPos(target.scrollLeft, contentPos.left);
       var newFirst = both ? {
@@ -577,7 +523,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       var newLast = lastState;
       var isRangeChanged = false;
       var newScrollPos = lastScrollPos.current;
-
       if (both) {
         var isScrollDown = lastScrollPos.current.top <= scrollTop;
         var isScrollRight = lastScrollPos.current.left <= scrollLeft;
@@ -605,17 +550,13 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       } else {
         var scrollPos = horizontal ? scrollLeft : scrollTop;
         var isScrollDownOrRight = lastScrollPos.current <= scrollPos;
-
         var _currentIndex2 = calculateCurrentIndex(scrollPos, props.itemSize);
-
         var _triggerIndex2 = calculateTriggerIndex(_currentIndex2, firstState, lastState, numItemsInViewportState, numToleratedItemsState, isScrollDownOrRight);
-
         newFirst = calculateFirst(_currentIndex2, _triggerIndex2, firstState, lastState, numItemsInViewportState, numToleratedItemsState, isScrollDownOrRight);
         newLast = calculateLast(_currentIndex2, newFirst, lastState, numItemsInViewportState, numToleratedItemsState);
         isRangeChanged = newFirst !== firstState || newLast !== lastState;
         newScrollPos = scrollPos;
       }
-
       return {
         first: newFirst,
         last: newLast,
@@ -623,14 +564,12 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         scrollPos: newScrollPos
       };
     };
-
     var onScrollChange = function onScrollChange(event) {
       var _onScrollPositionChan = onScrollPositionChange(event),
-          first = _onScrollPositionChan.first,
-          last = _onScrollPositionChan.last,
-          isRangeChanged = _onScrollPositionChan.isRangeChanged,
-          scrollPos = _onScrollPositionChan.scrollPos;
-
+        first = _onScrollPositionChan.first,
+        last = _onScrollPositionChan.last,
+        isRangeChanged = _onScrollPositionChan.isRangeChanged,
+        scrollPos = _onScrollPositionChan.scrollPos;
       if (isRangeChanged) {
         var newState = {
           first: first,
@@ -641,31 +580,24 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         setLastState(last);
         lastScrollPos.current = scrollPos;
         props.onScrollIndexChange && props.onScrollIndexChange(newState);
-
         if (props.lazy) {
           props.onLazyLoad && props.onLazyLoad(newState);
         }
       }
     };
-
     var onScroll = function onScroll(event) {
       props.onScroll && props.onScroll(event);
-
       if (props.delay) {
         if (scrollTimeout.current) {
           clearTimeout(scrollTimeout.current);
         }
-
         if (!loadingState && props.showLoader) {
           var _onScrollPositionChan2 = onScrollPositionChange(event),
-              changed = _onScrollPositionChan2.isRangeChanged;
-
+            changed = _onScrollPositionChan2.isRangeChanged;
           changed && setLoadingState(true);
         }
-
         scrollTimeout.current = setTimeout(function () {
           onScrollChange(event);
-
           if (loadingState && props.showLoader && (!props.lazy || props.loading === undefined)) {
             setLoadingState(false);
           }
@@ -674,21 +606,18 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         onScrollChange(event);
       }
     };
-
     var onResize = function onResize() {
       if (resizeTimeout.current) {
         clearTimeout(resizeTimeout.current);
       }
-
       resizeTimeout.current = setTimeout(function () {
         if (elementRef.current) {
           var _ref = [utils.DomHandler.getWidth(elementRef.current), utils.DomHandler.getHeight(elementRef.current)],
-              width = _ref[0],
-              height = _ref[1];
+            width = _ref[0],
+            height = _ref[1];
           var isDiffWidth = width !== defaultWidth.current,
-              isDiffHeight = height !== defaultHeight.current;
+            isDiffHeight = height !== defaultHeight.current;
           var reinit = both ? isDiffWidth || isDiffHeight : horizontal ? isDiffWidth : vertical ? isDiffHeight : false;
-
           if (reinit) {
             setNumToleratedItemsState(props.numToleratedItems);
             defaultWidth.current = width;
@@ -697,7 +626,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         }
       }, props.resizeDelay);
     };
-
     var getOptions = function getOptions(renderedIndex) {
       var count = (props.items || []).length;
       var index = both ? firstState.rows + renderedIndex : firstState + renderedIndex;
@@ -711,7 +639,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         props: props
       };
     };
-
     var loaderOptions = function loaderOptions(index, extOptions) {
       var count = loaderArrState.length;
       return _objectSpread({
@@ -724,19 +651,15 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         props: props
       }, extOptions);
     };
-
     var loadedItems = function loadedItems() {
       var items = props.items;
-
       if (items && !loadingState) {
         if (both) return items.slice(firstState.rows, lastState.rows).map(function (item) {
           return props.columns ? item : item.slice(firstState.cols, lastState.cols);
         });else if (horizontal && props.columns) return items;else return items.slice(firstState, lastState);
       }
-
       return [];
     };
-
     var init = function init() {
       if (!props.disabled) {
         setSize();
@@ -744,7 +667,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         setSpacerSize();
       }
     };
-
     hooks.useMountEffect(function () {
       if (!props.disabled) {
         init();
@@ -771,14 +693,11 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       if (!prevItems || prevItems.length !== (props.items || []).length) {
         init();
       }
-
       var loading = loadingState;
-
       if (props.lazy && prevLoading !== props.loading && props.loading !== loadingState) {
         setLoadingState(props.loading);
         loading = props.loading;
       }
-
       calculateAutoSize(loading);
     });
     hooks.useUpdateEffect(function () {
@@ -797,7 +716,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         getRenderedRange: getRenderedRange
       };
     });
-
     var createLoaderItem = function createLoaderItem(index) {
       var extOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var options = loaderOptions(index, extOptions);
@@ -806,7 +724,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         key: index
       }, content);
     };
-
     var createLoader = function createLoader() {
       if (!props.loaderDisabled && props.showLoader && loadingState) {
         var className = utils.classNames('p-virtualscroller-loader', {
@@ -815,7 +732,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         var content = /*#__PURE__*/React__namespace.createElement("i", {
           className: "p-virtualscroller-loading-icon pi pi-spinner pi-spin"
         });
-
         if (props.loadingTemplate) {
           content = loaderArrState.map(function (_, index) {
             return createLoaderItem(index, both && {
@@ -830,15 +746,12 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           };
           content = utils.ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
         }
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: className
         }, content);
       }
-
       return null;
     };
-
     var createSpacer = function createSpacer() {
       if (props.showSpacer) {
         return /*#__PURE__*/React__namespace.createElement("div", {
@@ -846,10 +759,8 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           className: "p-virtualscroller-spacer"
         });
       }
-
       return null;
     };
-
     var createItem = function createItem(item, index) {
       var options = getOptions(index);
       var content = utils.ObjectUtils.getJSXElement(props.itemTemplate, item, options);
@@ -857,12 +768,10 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         key: options.index
       }, content);
     };
-
     var createItems = function createItems() {
       var items = loadedItems();
       return items.map(createItem);
     };
-
     var createContent = function createContent() {
       var items = createItems();
       var className = utils.classNames('p-virtualscroller-content', {
@@ -872,7 +781,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         ref: _contentRef,
         className: className
       }, items);
-
       if (props.contentTemplate) {
         var defaultOptions = {
           className: className,
@@ -906,10 +814,8 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         };
         return utils.ObjectUtils.getJSXElement(props.contentTemplate, defaultOptions);
       }
-
       return content;
     };
-
     if (props.disabled) {
       var content = utils.ObjectUtils.getJSXElement(props.contentTemplate, {
         items: props.items,
@@ -924,9 +830,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         'p-horizontal-scroll': horizontal
       }, props.className);
       var loader = createLoader();
-
       var _content = createContent();
-
       var spacer = createSpacer();
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
         ref: elementRef,