primereact 8.1.0 → 8.3.0

package/virtualscroller/virtualscroller.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { usePrevious, useMountEffect, useUpdateEffect } from 'primereact/hooks';
-import { ObjectUtils, classNames } from 'primereact/utils';
+import { usePrevious, useResizeListener, useEventListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
+import { DomHandler, ObjectUtils, classNames } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -133,7 +133,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       numToleratedItemsState = _React$useState8[0],
       setNumToleratedItemsState = _React$useState8[1];
 
-  var _React$useState9 = React.useState(props.loading),
+  var _React$useState9 = React.useState(props.loading || false),
       _React$useState10 = _slicedToArray(_React$useState9, 2),
       loadingState = _React$useState10[0],
       setLoadingState = _React$useState10[1];
@@ -156,10 +156,39 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     left: 0
   } : 0);
   var scrollTimeout = React.useRef(null);
+  var resizeTimeout = React.useRef(null);
+  var defaultWidth = React.useRef(null);
+  var defaultHeight = React.useRef(null);
   var prevItems = usePrevious(props.items);
   var prevLoading = usePrevious(props.loading);
 
+  var _useResizeListener = useResizeListener({
+    listener: function listener(event) {
+      return onResize(event);
+    }
+  }),
+      _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
+      bindWindowResizeListener = _useResizeListener2[0];
+
+  var _useEventListener = useEventListener({
+    target: 'window',
+    type: 'orientationchange',
+    listener: function listener(event) {
+      return onResize(event);
+    }
+  }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 1),
+      bindOrientationChangeListener = _useEventListener2[0];
+
+  var getElementRef = function getElementRef() {
+    return elementRef;
+  };
+
   var scrollTo = function scrollTo(options) {
+    lastScrollPos.current = both ? {
+      top: 0,
+      left: 0
+    } : 0;
     elementRef.current && elementRef.current.scrollTo(options);
   };
 
@@ -169,9 +198,6 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     var _calculateNumItems = calculateNumItems(),
         numToleratedItems = _calculateNumItems.numToleratedItems;
 
-    var itemSize = props.itemSize;
-    var contentPos = getContentPosition();
-
     var calculateFirst = function calculateFirst() {
       var _index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
 
@@ -180,8 +206,8 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       return _index <= _numT ? 0 : _index;
     };
 
-    var calculateCoord = function calculateCoord(_first, _size, _cpos) {
-      return _first * _size + _cpos;
+    var calculateCoord = function calculateCoord(_first, _size) {
+      return _first * _size;
     };
 
     var scrollToItem = function scrollToItem() {
@@ -201,15 +227,13 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       };
 
       if (newFirst.rows !== firstState.rows || newFirst.cols !== firstState.cols) {
-        scrollToItem(calculateCoord(newFirst.cols, itemSize[1], contentPos.left), calculateCoord(newFirst.rows, itemSize[0], contentPos.top));
-        setFirstState(newFirst);
+        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, itemSize, contentPos.left), 0) : scrollToItem(0, calculateCoord(_newFirst, itemSize, contentPos.top));
-        setFirstState(_newFirst);
+        horizontal ? scrollToItem(calculateCoord(_newFirst, props.itemSize), 0) : scrollToItem(0, calculateCoord(_newFirst, props.itemSize));
       }
     }
   };
@@ -222,8 +246,6 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
           first = _getRenderedRange.first,
           viewport = _getRenderedRange.viewport;
 
-      var itemSize = props.itemSize;
-
       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;
@@ -240,26 +262,26 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       if (isToStart) {
         if (both) {
           if (viewport.first.rows - first.rows > index[0]) {
-            scrollToItem(viewport.first.cols * itemSize, (viewport.first.rows - 1) * itemSize);
+            scrollToItem(viewport.first.cols * props.itemSize[1], (viewport.first.rows - 1) * props.itemSize[0]);
           } else if (viewport.first.cols - first.cols > index[1]) {
-            scrollToItem((viewport.first.cols - 1) * itemSize, viewport.first.rows * itemSize);
+            scrollToItem((viewport.first.cols - 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
           }
         } else {
           if (viewport.first - first > index) {
-            var pos = (viewport.first - 1) * itemSize;
+            var pos = (viewport.first - 1) * props.itemSize;
             horizontal ? scrollToItem(pos, 0) : scrollToItem(0, pos);
           }
         }
       } else if (isToEnd) {
         if (both) {
           if (viewport.last.rows - first.rows <= index[0] + 1) {
-            scrollToItem(viewport.first.cols * itemSize, (viewport.first.rows + 1) * itemSize);
+            scrollToItem(viewport.first.cols * props.itemSize[1], (viewport.first.rows + 1) * props.itemSize[0]);
           } else if (viewport.last.cols - first.cols <= index[1] + 1) {
-            scrollToItem((viewport.first.cols + 1) * itemSize, viewport.first.rows * itemSize);
+            scrollToItem((viewport.first.cols + 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
           }
         } else {
           if (viewport.last - first <= index + 1) {
-            var _pos2 = (viewport.first + 1) * itemSize;
+            var _pos2 = (viewport.first + 1) * props.itemSize;
 
             horizontal ? scrollToItem(_pos2, 0) : scrollToItem(0, _pos2);
           }
@@ -275,18 +297,14 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   };
 
   var getColumns = function getColumns() {
-    if (props.columns) {
-      if (both || horizontal) {
-        return loadingState && props.loaderDisabled ? both ? loaderArrState[0] : loaderArrState : props.columns.slice(both ? firstState.cols : firstState, both ? lastState.cols : lastState);
-      }
+    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 itemSize = props.itemSize;
-
     var calculateFirstInViewport = function calculateFirstInViewport(_pos, _size) {
       return Math.floor(_pos / (_size || _pos));
     };
@@ -295,13 +313,14 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     var lastInViewport = 0;
 
     if (elementRef.current) {
-      var scrollTop = elementRef.current.scrollTop;
-      var scrollLeft = elementRef.current.scrollLeft;
+      var _elementRef$current = elementRef.current,
+          scrollTop = _elementRef$current.scrollTop,
+          scrollLeft = _elementRef$current.scrollLeft;
 
       if (both) {
         firstInViewport = {
-          rows: calculateFirstInViewport(scrollTop, itemSize[0]),
-          cols: calculateFirstInViewport(scrollLeft, itemSize[1])
+          rows: calculateFirstInViewport(scrollTop, props.itemSize[0]),
+          cols: calculateFirstInViewport(scrollLeft, props.itemSize[1])
         };
         lastInViewport = {
           rows: firstInViewport.rows + numItemsInViewportState.rows,
@@ -309,7 +328,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
         };
       } else {
         var scrollPos = horizontal ? scrollLeft : scrollTop;
-        firstInViewport = calculateFirstInViewport(scrollPos, itemSize);
+        firstInViewport = calculateFirstInViewport(scrollPos, props.itemSize);
         lastInViewport = firstInViewport + numItemsInViewportState;
       }
     }
@@ -325,7 +344,6 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   };
 
   var calculateNumItems = function calculateNumItems() {
-    var itemSize = props.itemSize;
     var contentPos = getContentPosition();
     var contentWidth = elementRef.current ? elementRef.current.offsetWidth - contentPos.left : 0;
     var contentHeight = elementRef.current ? elementRef.current.offsetHeight - contentPos.top : 0;
@@ -339,9 +357,9 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     };
 
     var numItemsInViewport = both ? {
-      rows: calculateNumItemsInViewport(contentHeight, itemSize[0]),
-      cols: calculateNumItemsInViewport(contentWidth, itemSize[1])
-    } : calculateNumItemsInViewport(horizontal ? contentWidth : contentHeight, itemSize);
+      rows: calculateNumItemsInViewport(contentHeight, props.itemSize[0]),
+      cols: calculateNumItemsInViewport(contentWidth, props.itemSize[1])
+    } : calculateNumItemsInViewport(horizontal ? contentWidth : contentHeight, props.itemSize);
     var numToleratedItems = numToleratedItemsState || (both ? [calculateNumToleratedItems(numItemsInViewport.rows), calculateNumToleratedItems(numItemsInViewport.cols)] : calculateNumToleratedItems(numItemsInViewport));
     return {
       numItemsInViewport: numItemsInViewport,
@@ -386,15 +404,26 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     }
   };
 
+  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;
+          (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 = '';
+        }
+      });
+    }
+  };
+
   var getLast = function getLast() {
     var last = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var isCols = arguments.length > 1 ? arguments[1] : undefined;
-
-    if (props.items) {
-      return Math.min(isCols ? (props.columns || props.items[0]).length : props.items.length, last);
-    }
-
-    return 0;
+    return props.items ? Math.min(isCols ? (props.columns || props.items[0]).length : props.items.length, last) : 0;
   };
 
   var getContentPosition = function getContentPosition() {
@@ -447,7 +476,6 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     var items = props.items;
 
     if (_spacerRef.current && items) {
-      var itemSize = props.itemSize;
       var contentPos = getContentPosition();
 
       var setProp = function setProp(_name, _value, _size) {
@@ -457,10 +485,10 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       };
 
       if (both) {
-        setProp('height', items, itemSize[0], contentPos.y);
-        setProp('width', props.columns || items[1], itemSize[1], contentPos.x);
+        setProp('height', items, props.itemSize[0], contentPos.y);
+        setProp('width', props.columns || items[1], props.itemSize[1], contentPos.x);
       } else {
-        horizontal ? setProp('width', props.columns || items, itemSize, contentPos.x) : setProp('height', items, itemSize, contentPos.y);
+        horizontal ? setProp('width', props.columns || items, props.itemSize, contentPos.x) : setProp('height', items, props.itemSize, contentPos.y);
       }
     }
   };
@@ -468,7 +496,6 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   var setContentPosition = function setContentPosition(pos) {
     if (_contentRef.current) {
       var first = pos ? pos.first : firstState;
-      var itemSize = props.itemSize;
 
       var calculateTranslateVal = function calculateTranslateVal(_first, _size) {
         return _first * _size;
@@ -484,9 +511,9 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       };
 
       if (both) {
-        setTransform(calculateTranslateVal(first.cols, itemSize[1]), calculateTranslateVal(first.rows, itemSize[0]));
+        setTransform(calculateTranslateVal(first.cols, props.itemSize[1]), calculateTranslateVal(first.rows, props.itemSize[0]));
       } else {
-        var translateVal = calculateTranslateVal(first, itemSize);
+        var translateVal = calculateTranslateVal(first, props.itemSize);
         horizontal ? setTransform(translateVal, 0) : setTransform(0, translateVal);
       }
     }
@@ -494,7 +521,6 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
 
   var onScrollPositionChange = function onScrollPositionChange(event) {
     var target = event.target;
-    var itemSize = props.itemSize;
     var contentPos = getContentPosition();
 
     var calculateScrollPos = function calculateScrollPos(_pos, _cpos) {
@@ -525,16 +551,20 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
 
     var scrollTop = calculateScrollPos(target.scrollTop, contentPos.top);
     var scrollLeft = calculateScrollPos(target.scrollLeft, contentPos.left);
-    var newFirst = 0;
+    var newFirst = both ? {
+      rows: 0,
+      cols: 0
+    } : 0;
     var newLast = lastState;
     var isRangeChanged = false;
+    var newScrollPos = lastScrollPos.current;
 
     if (both) {
       var isScrollDown = lastScrollPos.current.top <= scrollTop;
       var isScrollRight = lastScrollPos.current.left <= scrollLeft;
       var currentIndex = {
-        rows: calculateCurrentIndex(scrollTop, itemSize[0]),
-        cols: calculateCurrentIndex(scrollLeft, itemSize[1])
+        rows: calculateCurrentIndex(scrollTop, props.itemSize[0]),
+        cols: calculateCurrentIndex(scrollLeft, props.itemSize[1])
       };
       var triggerIndex = {
         rows: calculateTriggerIndex(currentIndex.rows, firstState.rows, lastState.rows, numItemsInViewportState.rows, numToleratedItemsState[0], isScrollDown),
@@ -548,8 +578,8 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
         rows: calculateLast(currentIndex.rows, newFirst.rows, lastState.rows, numItemsInViewportState.rows, numToleratedItemsState[0]),
         cols: calculateLast(currentIndex.cols, newFirst.cols, lastState.cols, numItemsInViewportState.cols, numToleratedItemsState[1], true)
       };
-      isRangeChanged = newFirst.rows !== firstState.rows && newLast.rows !== lastState.rows || newFirst.cols !== firstState.cols && newLast.cols !== lastState.cols;
-      lastScrollPos.current = {
+      isRangeChanged = newFirst.rows !== firstState.rows || newLast.rows !== lastState.rows || newFirst.cols !== firstState.cols || newLast.cols !== lastState.cols;
+      newScrollPos = {
         top: scrollTop,
         left: scrollLeft
       };
@@ -557,20 +587,21 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       var scrollPos = horizontal ? scrollLeft : scrollTop;
       var isScrollDownOrRight = lastScrollPos.current <= scrollPos;
 
-      var _currentIndex2 = calculateCurrentIndex(scrollPos, itemSize);
+      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;
-      lastScrollPos.current = scrollPos;
+      isRangeChanged = newFirst !== firstState || newLast !== lastState;
+      newScrollPos = scrollPos;
     }
 
     return {
       first: newFirst,
       last: newLast,
-      isRangeChanged: isRangeChanged
+      isRangeChanged: isRangeChanged,
+      scrollPos: newScrollPos
     };
   };
 
@@ -578,7 +609,8 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     var _onScrollPositionChan = onScrollPositionChange(event),
         first = _onScrollPositionChan.first,
         last = _onScrollPositionChan.last,
-        isRangeChanged = _onScrollPositionChan.isRangeChanged;
+        isRangeChanged = _onScrollPositionChan.isRangeChanged,
+        scrollPos = _onScrollPositionChan.scrollPos;
 
     if (isRangeChanged) {
       var newState = {
@@ -588,6 +620,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       setContentPosition(newState);
       setFirstState(first);
       setLastState(last);
+      lastScrollPos.current = scrollPos;
       props.onScrollIndexChange && props.onScrollIndexChange(newState);
 
       if (props.lazy) {
@@ -614,7 +647,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       scrollTimeout.current = setTimeout(function () {
         onScrollChange(event);
 
-        if (loadingState && props.showLoader && !props.lazy) {
+        if (loadingState && props.showLoader && (!props.lazy || props.loading === undefined)) {
           setLoadingState(false);
         }
       }, props.delay);
@@ -623,10 +656,32 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     }
   };
 
+  var onResize = function onResize() {
+    if (resizeTimeout.current) {
+      clearTimeout(resizeTimeout.current);
+    }
+
+    resizeTimeout.current = setTimeout(function () {
+      if (elementRef.current) {
+        var _ref = [DomHandler.getWidth(elementRef.current), DomHandler.getHeight(elementRef.current)],
+            width = _ref[0],
+            height = _ref[1];
+        var isDiffWidth = width !== defaultWidth.current,
+            isDiffHeight = height !== defaultHeight.current;
+        var reinit = both ? isDiffWidth || isDiffHeight : horizontal ? isDiffWidth : vertical ? isDiffHeight : false;
+
+        if (reinit) {
+          setNumToleratedItemsState(props.numToleratedItems);
+          defaultWidth.current = width;
+          defaultHeight.current = height;
+        }
+      }
+    }, props.resizeDelay);
+  };
+
   var getOptions = function getOptions(renderedIndex) {
-    var first = firstState;
     var count = (props.items || []).length;
-    var index = both ? first.rows + renderedIndex : first + renderedIndex;
+    var index = both ? firstState.rows + renderedIndex : firstState + renderedIndex;
     return {
       index: index,
       count: count,
@@ -664,25 +719,48 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   };
 
   var init = function init() {
-    setSize();
-    calculateOptions();
-    setSpacerSize();
+    if (!props.disabled) {
+      setSize();
+      calculateOptions();
+      setSpacerSize();
+    }
   };
 
   useMountEffect(function () {
-    init();
+    if (!props.disabled) {
+      init();
+      bindWindowResizeListener();
+      bindOrientationChangeListener();
+      defaultWidth.current = DomHandler.getWidth(elementRef.current);
+      defaultHeight.current = DomHandler.getHeight(elementRef.current);
+    }
   });
   useUpdateEffect(function () {
     init();
   }, [props.itemSize, props.scrollHeight]);
+  useUpdateEffect(function () {
+    if (props.numToleratedItems !== numToleratedItemsState) {
+      setNumToleratedItemsState(props.numToleratedItems);
+    }
+  }, [props.numToleratedItems]);
+  useUpdateEffect(function () {
+    if (props.numToleratedItems === numToleratedItemsState) {
+      init(); // reinit after resizing
+    }
+  }, [numToleratedItemsState]);
   useUpdateEffect(function () {
     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);
   });
   useUpdateEffect(function () {
     lastScrollPos.current = both ? {
@@ -691,12 +769,13 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     } : 0;
   }, [props.orientation]);
   React.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
+      getElementRef: getElementRef,
       scrollTo: scrollTo,
       scrollToIndex: scrollToIndex,
       scrollInView: scrollInView,
       getRenderedRange: getRenderedRange
-    };
+    }, props);
   });
 
   var createLoaderItem = function createLoaderItem(index) {
@@ -723,6 +802,13 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
             numCols: numItemsInViewportState.cols
           });
         });
+      } else if (props.loaderIconTemplate) {
+        var defaultContentOptions = {
+          className: 'p-virtualscroller-loading-icon',
+          element: content,
+          props: props
+        };
+        content = ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
       }
 
       return /*#__PURE__*/React.createElement("div", {
@@ -779,7 +865,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
         stickyRef: function stickyRef(el) {
           return _stickyRef.current = ObjectUtils.getRefElement(el);
         },
-        items: loadedItems,
+        items: loadedItems(),
         getItemOptions: function getItemOptions(index) {
           return getOptions(index);
         },
@@ -845,14 +931,17 @@ VirtualScroller.defaultProps = {
   orientation: 'vertical',
   numToleratedItems: null,
   delay: 0,
+  resizeDelay: 10,
   lazy: false,
   disabled: false,
   loaderDisabled: false,
   columns: null,
-  loading: false,
+  loading: undefined,
+  autoSize: false,
   showSpacer: true,
   showLoader: false,
   loadingTemplate: null,
+  loaderIconTemplate: null,
   itemTemplate: null,
   contentTemplate: null,
   onScroll: null,

package/virtualscroller/virtualscroller.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{usePrevious as e,useMountEffect as r,useUpdateEffect as n}from"primereact/hooks";import{ObjectUtils as o,classNames as l}from"primereact/utils";function i(){return i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},i.apply(this,arguments)}function s(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t){if(Array.isArray(t))return t}function c(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,l=[],i=!0,s=!1;try{for(r=r.call(t);!(i=(n=r.next()).done)&&(l.push(n.value),!e||l.length!==e);i=!0);}catch(t){s=!0,o=t}finally{try{i||null==r.return||r.return()}finally{if(s)throw o}}return l}}function u(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function f(t,e){if(t){if("string"==typeof t)return u(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(t,e):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(t,e){return a(t)||c(t,e)||f(t,e)||m()}function d(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function h(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?d(Object(r),!0).forEach((function(e){s(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var g=t.memo(t.forwardRef((function(s,a){var c="vertical"===s.orientation,u="horizontal"===s.orientation,f="both"===s.orientation,m=p(t.useState(f?{rows:0,cols:0}:0),2),d=m[0],v=m[1],w=p(t.useState(f?{rows:0,cols:0}:0),2),y=w[0],b=w[1],S=p(t.useState(f?{rows:0,cols:0}:0),2),I=S[0],T=S[1],x=p(t.useState(s.numToleratedItems),2),O=x[0],z=x[1],E=p(t.useState(s.loading),2),L=E[0],R=E[1],j=p(t.useState([]),2),P=j[0],M=j[1],A=t.useRef(null),C=t.useRef(null),D=t.useRef(null),N=t.useRef(null),H=t.useRef(f?{top:0,left:0}:0),k=t.useRef(null),V=e(s.items),W=e(s.loading),J=function(t){A.current&&A.current.scrollTo(t)},X=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=B(),n=r.numToleratedItems,o=s.itemSize,l=U(),i=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return t<=e?0:t},a=function(t,e,r){return t*e+r},c=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return J({left:t,top:r,behavior:e})};if(f){var m={rows:i(t[0],n[0]),cols:i(t[1],n[1])};m.rows===d.rows&&m.cols===d.cols||(c(a(m.cols,o[1],l.left),a(m.rows,o[0],l.top)),v(m))}else{var p=i(t,n);p!==d&&(u?c(a(p,o,l.left),0):c(0,a(p,o,l.top)),v(p))}},F=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(e){var n=_(),o=n.first,l=n.viewport,i=s.itemSize,a=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return J({left:t,top:e,behavior:r})},c="to-start"===e,m="to-end"===e;if(c){if(f)l.first.rows-o.rows>t[0]?a(l.first.cols*i,(l.first.rows-1)*i):l.first.cols-o.cols>t[1]&&a((l.first.cols-1)*i,l.first.rows*i);else if(l.first-o>t){var p=(l.first-1)*i;u?a(p,0):a(0,p)}}else if(m)if(f)l.last.rows-o.rows<=t[0]+1?a(l.first.cols*i,(l.first.rows+1)*i):l.last.cols-o.cols<=t[1]+1&&a((l.first.cols+1)*i,l.first.rows*i);else if(l.last-o<=t+1){var d=(l.first+1)*i;u?a(d,0):a(0,d)}}else X(t,r)},_=function(){var t=s.itemSize,e=function(t,e){return Math.floor(t/(e||t))},r=d,n=0;if(A.current){var o=A.current.scrollTop,l=A.current.scrollLeft;if(f)n={rows:(r={rows:e(o,t[0]),cols:e(l,t[1])}).rows+I.rows,cols:r.cols+I.cols};else n=(r=e(u?l:o,t))+I}return{first:d,last:y,viewport:{first:r,last:n}}},B=function(){var t=s.itemSize,e=U(),r=A.current?A.current.offsetWidth-e.left:0,n=A.current?A.current.offsetHeight-e.top:0,o=function(t,e){return Math.ceil(t/(e||t))},l=function(t){return Math.ceil(t/2)},i=f?{rows:o(n,t[0]),cols:o(r,t[1])}:o(u?r:n,t);return{numItemsInViewport:i,numToleratedItems:O||(f?[l(i.rows),l(i.cols)]:l(i))}},K=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return s.items?Math.min(e?(s.columns||s.items[0]).length:s.items.length,t):0},U=function(){if(C.current){var t=getComputedStyle(C.current),e=parseInt(t.paddingLeft,10)+Math.max(parseInt(t.left,10),0),r=parseInt(t.paddingRight,10)+Math.max(parseInt(t.right,10),0),n=parseInt(t.paddingTop,10)+Math.max(parseInt(t.top,10),0),o=parseInt(t.paddingBottom,10)+Math.max(parseInt(t.bottom,10),0);return{left:e,right:r,top:n,bottom:o,x:e+r,y:n+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},Y=function(){if(A.current){var t=A.current.parentElement,e=s.scrollWidth||"".concat(A.current.offsetWidth||t.offsetWidth,"px"),r=s.scrollHeight||"".concat(A.current.offsetHeight||t.offsetHeight,"px"),n=function(t,e){return A.current.style[t]=e};f||u?(n("height",r),n("width",e)):n("height",r)}},$=function(){var t=s.items;if(D.current&&t){var e=s.itemSize,r=U(),n=function(t,e,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return D.current.style[t]=(e||[]).length*r+n+"px"};f?(n("height",t,e[0],r.y),n("width",s.columns||t[1],e[1],r.x)):u?n("width",s.columns||t,e,r.x):n("height",t,e,r.y)}},q=function(t){if(C.current){var e=t?t.first:d,r=s.itemSize,n=function(t,e){return t*e},o=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;N.current&&(N.current.style.top="-".concat(e,"px")),C.current.style.transform="translate3d(".concat(t,"px, ").concat(e,"px, 0)")};if(f)o(n(e.cols,r[1]),n(e.rows,r[0]));else{var l=n(e,r);u?o(l,0):o(0,l)}}},G=function(t){var e=t.target,r=s.itemSize,n=U(),o=function(t,e){return t?t>e?t-e:t:0},l=function(t,e){return Math.floor(t/(e||t))},i=function(t,e,r,n,o,l){return t<=o?o:l?r-n-o:e+o-1},a=function(t,e,r,n,o,l,i){return t<=l?0:Math.max(0,i?t<e?r:t-l:t>e?r:t-2*l)},c=function(t,e,r,n,o,l){var i=e+n+2*o;return t>=o&&(i+=o+1),K(i,l)},m=o(e.scrollTop,n.top),p=o(e.scrollLeft,n.left),h=0,g=y,v=!1;if(f){var w=H.current.top<=m,b=H.current.left<=p,S={rows:l(m,r[0]),cols:l(p,r[1])},T={rows:i(S.rows,d.rows,y.rows,I.rows,O[0],w),cols:i(S.cols,d.cols,y.cols,I.cols,O[1],b)};h={rows:a(S.rows,T.rows,d.rows,0,0,O[0],w),cols:a(S.cols,T.cols,d.cols,0,0,O[1],b)},g={rows:c(S.rows,h.rows,0,I.rows,O[0]),cols:c(S.cols,h.cols,0,I.cols,O[1],!0)},v=h.rows!==d.rows&&g.rows!==y.rows||h.cols!==d.cols&&g.cols!==y.cols,H.current={top:m,left:p}}else{var x=u?p:m,z=H.current<=x,E=l(x,r);g=c(E,h=a(E,i(E,d,y,I,O,z),d,0,0,O,z),0,I,O),v=h!==d&&g!==y,H.current=x}return{first:h,last:g,isRangeChanged:v}},Q=function(t){var e=G(t),r=e.first,n=e.last;if(e.isRangeChanged){var o={first:r,last:n};q(o),v(r),b(n),s.onScrollIndexChange&&s.onScrollIndexChange(o),s.lazy&&s.onLazyLoad&&s.onLazyLoad(o)}},Z=function(t){var e=(s.items||[]).length,r=f?d.rows+t:d+t;return{index:r,count:e,first:0===r,last:r===e-1,even:r%2==0,odd:r%2!=0,props:s}},tt=function(t,e){var r=P.length;return h({index:t,count:r,first:0===t,last:t===r-1,even:t%2==0,odd:t%2!=0,props:s},e)},et=function(){var t=s.items;return t&&!L?f?t.slice(d.rows,y.rows).map((function(t){return s.columns?t:t.slice(d.cols,y.cols)})):u&&s.columns?t:t.slice(d,y):[]},rt=function(){var t,e,r,n,o;Y(),t=B(),e=t.numItemsInViewport,r=t.numToleratedItems,n=function(t,e,r,n){return K(t+e+(t<r?2:3)*r,n)},o=f?{rows:n(d.rows,e.rows,r[0]),cols:n(d.cols,e.cols,r[1],!0)}:n(d,e,r),T(e),z(r),b(o),s.showLoader&&M(f?Array.from({length:e.rows}).map((function(){return Array.from({length:e.cols})})):Array.from({length:e})),s.lazy&&s.onLazyLoad&&s.onLazyLoad({first:d,last:o}),$()};r((function(){rt()})),n((function(){rt()}),[s.itemSize,s.scrollHeight]),n((function(){V&&V.length===(s.items||[]).length||rt(),s.lazy&&W!==s.loading&&s.loading!==L&&R(s.loading)})),n((function(){H.current=f?{top:0,left:0}:0}),[s.orientation]),t.useImperativeHandle(a,(function(){return{scrollTo:J,scrollToIndex:X,scrollInView:F,getRenderedRange:_}}));var nt=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=tt(e,r),l=o.getJSXElement(s.loadingTemplate,n);return t.createElement(t.Fragment,{key:e},l)},ot=function(e,r){var n=Z(r),l=o.getJSXElement(s.itemTemplate,e,n);return t.createElement(t.Fragment,{key:n.index},l)};if(s.disabled){var lt=o.getJSXElement(s.contentTemplate,{items:s.items,rows:s.items,columns:s.columns});return t.createElement(t.Fragment,null,s.children,lt)}var it=o.findDiffKeys(s,g.defaultProps),st=l("p-virtualscroller",{"p-both-scroll":f,"p-horizontal-scroll":u},s.className),at=function(){if(!s.loaderDisabled&&s.showLoader&&L){var e=l("p-virtualscroller-loader",{"p-component-overlay":!s.loadingTemplate}),r=t.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});return s.loadingTemplate&&(r=P.map((function(t,e){return nt(e,f&&{numCols:I.cols})}))),t.createElement("div",{className:e},r)}return null}(),ct=function(){var e=et().map(ot),r=l("p-virtualscroller-content",{"p-virtualscroller-loading":L}),n=t.createElement("div",{ref:C,className:r},e);if(s.contentTemplate){var i={className:r,contentRef:function(t){return C.current=o.getRefElement(t)},spacerRef:function(t){return D.current=o.getRefElement(t)},stickyRef:function(t){return N.current=o.getRefElement(t)},items:et,getItemOptions:function(t){return Z(t)},children:e,element:n,props:s,loading:L,getLoaderOptions:function(t,e){return tt(t,e)},loadingTemplate:s.loadingTemplate,itemSize:s.itemSize,rows:L?s.loaderDisabled?P:[]:et(),columns:s.columns&&(f||u)?L&&s.loaderDisabled?f?P[0]:P:s.columns.slice(f?d.cols:d,f?y.cols:y):s.columns,vertical:c,horizontal:u,both:f};return o.getJSXElement(s.contentTemplate,i)}return n}(),ut=s.showSpacer?t.createElement("div",{ref:D,className:"p-virtualscroller-spacer"}):null;return t.createElement("div",i({ref:A,className:st,tabIndex:0,style:s.style},it,{onScroll:function(t){s.onScroll&&s.onScroll(t),s.delay?(k.current&&clearTimeout(k.current),!L&&s.showLoader&&G(t).isRangeChanged&&R(!0),k.current=setTimeout((function(){Q(t),L&&s.showLoader&&!s.lazy&&R(!1)}),s.delay)):Q(t)}}),ct,ut,at)})));g.displayName="VirtualScroller",g.defaultProps={__TYPE:"VirtualScroller",id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,lazy:!1,disabled:!1,loaderDisabled:!1,columns:null,loading:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null};export{g as VirtualScroller};
+import*as e from"react";import{usePrevious as t,useResizeListener as r,useEventListener as n,useMountEffect as o,useUpdateEffect as l}from"primereact/hooks";import{DomHandler as i,ObjectUtils as s,classNames as c}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],i=!0,s=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(s)throw o}}return l}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return f(e)||m(e,t)||p(e,t)||g()}function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=e.memo(e.forwardRef((function(u,f){var m="vertical"===u.orientation,d="horizontal"===u.orientation,p="both"===u.orientation,g=h(e.useState(p?{rows:0,cols:0}:0),2),v=g[0],S=g[1],z=h(e.useState(p?{rows:0,cols:0}:0),2),b=z[0],T=z[1],I=h(e.useState(p?{rows:0,cols:0}:0),2),x=I[0],O=I[1],R=h(e.useState(u.numToleratedItems),2),E=R[0],L=R[1],j=h(e.useState(u.loading||!1),2),P=j[0],H=j[1],D=h(e.useState([]),2),M=D[0],N=D[1],W=e.useRef(null),A=e.useRef(null),C=e.useRef(null),k=e.useRef(null),J=e.useRef(p?{top:0,left:0}:0),V=e.useRef(null),X=e.useRef(null),F=e.useRef(null),_=e.useRef(null),B=t(u.items),K=t(u.loading),U=h(r({listener:function(e){return ae(e)}}),1)[0],Y=h(n({target:"window",type:"orientationchange",listener:function(e){return ae(e)}}),1)[0],$=function(){return W},q=function(e){J.current=p?{top:0,left:0}:0,W.current&&W.current.scrollTo(e)},G=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=ee(),n=r.numToleratedItems,o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1?arguments[1]:void 0;return e<=t?0:e},l=function(e,t){return e*t},i=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return q({left:e,top:r,behavior:t})};if(p){var s={rows:o(e[0],n[0]),cols:o(e[1],n[1])};s.rows===v.rows&&s.cols===v.cols||i(l(s.cols,u.itemSize[1]),l(s.rows,u.itemSize[0]))}else{var c=o(e,n);c!==v&&(d?i(l(c,u.itemSize),0):i(0,l(c,u.itemSize)))}},Q=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=Z(),o=n.first,l=n.viewport,i=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return q({left:e,top:t,behavior:r})},s="to-start"===t,c="to-end"===t;if(s){if(p)l.first.rows-o.rows>e[0]?i(l.first.cols*u.itemSize[1],(l.first.rows-1)*u.itemSize[0]):l.first.cols-o.cols>e[1]&&i((l.first.cols-1)*u.itemSize[1],l.first.rows*u.itemSize[0]);else if(l.first-o>e){var a=(l.first-1)*u.itemSize;d?i(a,0):i(0,a)}}else if(c)if(p)l.last.rows-o.rows<=e[0]+1?i(l.first.cols*u.itemSize[1],(l.first.rows+1)*u.itemSize[0]):l.last.cols-o.cols<=e[1]+1&&i((l.first.cols+1)*u.itemSize[1],l.first.rows*u.itemSize[0]);else if(l.last-o<=e+1){var f=(l.first+1)*u.itemSize;d?i(f,0):i(0,f)}}else G(e,r)},Z=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=v,r=0;if(W.current){var n=W.current,o=n.scrollTop,l=n.scrollLeft;if(p)r={rows:(t={rows:e(o,u.itemSize[0]),cols:e(l,u.itemSize[1])}).rows+x.rows,cols:t.cols+x.cols};else r=(t=e(d?l:o,u.itemSize))+x}return{first:v,last:b,viewport:{first:t,last:r}}},ee=function(){var e=ne(),t=W.current?W.current.offsetWidth-e.left:0,r=W.current?W.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=p?{rows:n(r,u.itemSize[0]),cols:n(t,u.itemSize[1])}:n(d?t:r,u.itemSize);return{numItemsInViewport:l,numToleratedItems:E||(p?[o(l.rows),o(l.cols)]:o(l))}},te=function(e){u.autoSize&&!e&&Promise.resolve().then((function(){if(A.current){A.current.style.minHeight=A.current.style.minWidth="auto";var e=A.current,t=e.offsetWidth,r=e.offsetHeight;(p||d)&&(W.current.style.width=(t<F.current?t:F.current)+"px"),(p||m)&&(W.current.style.height=(r<_.current?r:_.current)+"px"),A.current.style.minHeight=A.current.style.minWidth=""}}))},re=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1?arguments[1]:void 0;return u.items?Math.min(t?(u.columns||u.items[0]).length:u.items.length,e):0},ne=function(){if(A.current){var e=getComputedStyle(A.current),t=parseInt(e.paddingLeft,10)+Math.max(parseInt(e.left,10),0),r=parseInt(e.paddingRight,10)+Math.max(parseInt(e.right,10),0),n=parseInt(e.paddingTop,10)+Math.max(parseInt(e.top,10),0),o=parseInt(e.paddingBottom,10)+Math.max(parseInt(e.bottom,10),0);return{left:t,right:r,top:n,bottom:o,x:t+r,y:n+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},oe=function(){if(W.current){var e=W.current.parentElement,t=u.scrollWidth||"".concat(W.current.offsetWidth||e.offsetWidth,"px"),r=u.scrollHeight||"".concat(W.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return W.current.style[e]=t};p||d?(n("height",r),n("width",t)):n("height",r)}},le=function(){var e=u.items;if(C.current&&e){var t=ne(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return C.current.style[e]=(t||[]).length*r+n+"px"};p?(r("height",e,u.itemSize[0],t.y),r("width",u.columns||e[1],u.itemSize[1],t.x)):d?r("width",u.columns||e,u.itemSize,t.x):r("height",e,u.itemSize,t.y)}},ie=function(e){if(A.current){var t=e?e.first:v,r=function(e,t){return e*t},n=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;k.current&&(k.current.style.top="-".concat(t,"px")),A.current.style.transform="translate3d(".concat(e,"px, ").concat(t,"px, 0)")};if(p)n(r(t.cols,u.itemSize[1]),r(t.rows,u.itemSize[0]));else{var o=r(t,u.itemSize);d?n(o,0):n(0,o)}}},se=function(e){var t=e.target,r=ne(),n=function(e,t){return e?e>t?e-t:e:0},o=function(e,t){return Math.floor(e/(t||e))},l=function(e,t,r,n,o,l){return e<=o?o:l?r-n-o:t+o-1},i=function(e,t,r,n,o,l,i){return e<=l?0:Math.max(0,i?e<t?r:e-l:e>t?r:e-2*l)},s=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),re(i,l)},c=n(t.scrollTop,r.top),a=n(t.scrollLeft,r.left),f=p?{rows:0,cols:0}:0,m=b,g=!1,h=J.current;if(p){var w=J.current.top<=c,y=J.current.left<=a,S={rows:o(c,u.itemSize[0]),cols:o(a,u.itemSize[1])},z={rows:l(S.rows,v.rows,b.rows,x.rows,E[0],w),cols:l(S.cols,v.cols,b.cols,x.cols,E[1],y)};f={rows:i(S.rows,z.rows,v.rows,0,0,E[0],w),cols:i(S.cols,z.cols,v.cols,0,0,E[1],y)},m={rows:s(S.rows,f.rows,0,x.rows,E[0]),cols:s(S.cols,f.cols,0,x.cols,E[1],!0)},g=f.rows!==v.rows||m.rows!==b.rows||f.cols!==v.cols||m.cols!==b.cols,h={top:c,left:a}}else{var T=d?a:c,I=J.current<=T,O=o(T,u.itemSize);m=s(O,f=i(O,l(O,v,b,x,E,I),v,0,0,E,I),0,x,E),g=f!==v||m!==b,h=T}return{first:f,last:m,isRangeChanged:g,scrollPos:h}},ce=function(e){var t=se(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};ie(l),S(r),T(n),J.current=o,u.onScrollIndexChange&&u.onScrollIndexChange(l),u.lazy&&u.onLazyLoad&&u.onLazyLoad(l)}},ae=function(){X.current&&clearTimeout(X.current),X.current=setTimeout((function(){if(W.current){var e=[i.getWidth(W.current),i.getHeight(W.current)],t=e[0],r=e[1],n=t!==F.current,o=r!==_.current;(p?n||o:d?n:!!m&&o)&&(L(u.numToleratedItems),F.current=t,_.current=r)}}),u.resizeDelay)},ue=function(e){var t=(u.items||[]).length,r=p?v.rows+e:v+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:u}},fe=function(e,t){var r=M.length;return w({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:u},t)},me=function(){var e=u.items;return e&&!P?p?e.slice(v.rows,b.rows).map((function(e){return u.columns?e:e.slice(v.cols,b.cols)})):d&&u.columns?e:e.slice(v,b):[]},de=function(){var e,t,r,n,o;u.disabled||(oe(),e=ee(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r,n){return re(e+t+(e<r?2:3)*r,n)},o=p?{rows:n(v.rows,t.rows,r[0]),cols:n(v.cols,t.cols,r[1],!0)}:n(v,t,r),O(t),L(r),T(o),u.showLoader&&N(p?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),u.lazy&&u.onLazyLoad&&u.onLazyLoad({first:v,last:o}),le())};o((function(){u.disabled||(de(),U(),Y(),F.current=i.getWidth(W.current),_.current=i.getHeight(W.current))})),l((function(){de()}),[u.itemSize,u.scrollHeight]),l((function(){u.numToleratedItems!==E&&L(u.numToleratedItems)}),[u.numToleratedItems]),l((function(){u.numToleratedItems===E&&de()}),[E]),l((function(){B&&B.length===(u.items||[]).length||de();var e=P;u.lazy&&K!==u.loading&&u.loading!==P&&(H(u.loading),e=u.loading),te(e)})),l((function(){J.current=p?{top:0,left:0}:0}),[u.orientation]),e.useImperativeHandle(f,(function(){return w({getElementRef:$,scrollTo:q,scrollToIndex:G,scrollInView:Q,getRenderedRange:Z},u)}));var pe=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=fe(t,r),o=s.getJSXElement(u.loadingTemplate,n);return e.createElement(e.Fragment,{key:t},o)},ge=function(t,r){var n=ue(r),o=s.getJSXElement(u.itemTemplate,t,n);return e.createElement(e.Fragment,{key:n.index},o)};if(u.disabled){var he=s.getJSXElement(u.contentTemplate,{items:u.items,rows:u.items,columns:u.columns});return e.createElement(e.Fragment,null,u.children,he)}var ve=s.findDiffKeys(u,y.defaultProps),we=c("p-virtualscroller",{"p-both-scroll":p,"p-horizontal-scroll":d},u.className),ye=function(){if(!u.loaderDisabled&&u.showLoader&&P){var t=c("p-virtualscroller-loader",{"p-component-overlay":!u.loadingTemplate}),r=e.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});return u.loadingTemplate?r=M.map((function(e,t){return pe(t,p&&{numCols:x.cols})})):u.loaderIconTemplate&&(r=s.getJSXElement(u.loaderIconTemplate,{className:"p-virtualscroller-loading-icon",element:r,props:u})),e.createElement("div",{className:t},r)}return null}(),Se=function(){var t=me().map(ge),r=c("p-virtualscroller-content",{"p-virtualscroller-loading":P}),n=e.createElement("div",{ref:A,className:r},t);if(u.contentTemplate){var o={className:r,contentRef:function(e){return A.current=s.getRefElement(e)},spacerRef:function(e){return C.current=s.getRefElement(e)},stickyRef:function(e){return k.current=s.getRefElement(e)},items:me(),getItemOptions:function(e){return ue(e)},children:t,element:n,props:u,loading:P,getLoaderOptions:function(e,t){return fe(e,t)},loadingTemplate:u.loadingTemplate,itemSize:u.itemSize,rows:P?u.loaderDisabled?M:[]:me(),columns:u.columns&&p||d?P&&u.loaderDisabled?p?M[0]:M:u.columns.slice(p?v.cols:v,p?b.cols:b):u.columns,vertical:m,horizontal:d,both:p};return s.getJSXElement(u.contentTemplate,o)}return n}(),ze=u.showSpacer?e.createElement("div",{ref:C,className:"p-virtualscroller-spacer"}):null;return e.createElement("div",a({ref:W,className:we,tabIndex:0,style:u.style},ve,{onScroll:function(e){u.onScroll&&u.onScroll(e),u.delay?(V.current&&clearTimeout(V.current),!P&&u.showLoader&&se(e).isRangeChanged&&H(!0),V.current=setTimeout((function(){ce(e),!P||!u.showLoader||u.lazy&&void 0!==u.loading||H(!1)}),u.delay)):ce(e)}}),Se,ze,ye)})));y.displayName="VirtualScroller",y.defaultProps={__TYPE:"VirtualScroller",id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,resizeDelay:10,lazy:!1,disabled:!1,loaderDisabled:!1,columns:null,loading:void 0,autoSize:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,loaderIconTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null};export{y as VirtualScroller};