primereact 8.1.1 → 8.4.0

package/virtualscroller/virtualscroller.js

@@ -153,7 +153,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         numToleratedItemsState = _React$useState8[0],
         setNumToleratedItemsState = _React$useState8[1];
 
-    var _React$useState9 = React__namespace.useState(props.loading),
+    var _React$useState9 = React__namespace.useState(props.loading || false),
         _React$useState10 = _slicedToArray(_React$useState9, 2),
         loadingState = _React$useState10[0],
         setLoadingState = _React$useState10[1];
@@ -176,10 +176,39 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       left: 0
     } : 0);
     var scrollTimeout = React__namespace.useRef(null);
+    var resizeTimeout = React__namespace.useRef(null);
+    var defaultWidth = React__namespace.useRef(null);
+    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(event);
+      }
+    }),
+        _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
+        bindWindowResizeListener = _useResizeListener2[0];
+
+    var _useEventListener = hooks.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);
     };
 
@@ -189,9 +218,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       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;
 
@@ -200,8 +226,8 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         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() {
@@ -221,15 +247,13 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         };
 
         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));
         }
       }
     };
@@ -242,8 +266,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
             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;
@@ -260,26 +282,26 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         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);
             }
@@ -295,18 +317,14 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     };
 
     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));
       };
@@ -315,13 +333,14 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       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,
@@ -329,7 +348,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           };
         } else {
           var scrollPos = horizontal ? scrollLeft : scrollTop;
-          firstInViewport = calculateFirstInViewport(scrollPos, itemSize);
+          firstInViewport = calculateFirstInViewport(scrollPos, props.itemSize);
           lastInViewport = firstInViewport + numItemsInViewportState;
         }
       }
@@ -345,7 +364,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     };
 
     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;
@@ -359,9 +377,9 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       };
 
       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,
@@ -406,15 +424,26 @@ 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;
+            (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() {
@@ -467,7 +496,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       var items = props.items;
 
       if (_spacerRef.current && items) {
-        var itemSize = props.itemSize;
         var contentPos = getContentPosition();
 
         var setProp = function setProp(_name, _value, _size) {
@@ -477,10 +505,10 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         };
 
         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);
         }
       }
     };
@@ -488,7 +516,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     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;
@@ -504,9 +531,9 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         };
 
         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);
         }
       }
@@ -514,7 +541,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
 
     var onScrollPositionChange = function onScrollPositionChange(event) {
       var target = event.target;
-      var itemSize = props.itemSize;
       var contentPos = getContentPosition();
 
       var calculateScrollPos = function calculateScrollPos(_pos, _cpos) {
@@ -545,16 +571,20 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
 
       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),
@@ -568,8 +598,8 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           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
         };
@@ -577,20 +607,21 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         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
       };
     };
 
@@ -598,7 +629,8 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       var _onScrollPositionChan = onScrollPositionChange(event),
           first = _onScrollPositionChan.first,
           last = _onScrollPositionChan.last,
-          isRangeChanged = _onScrollPositionChan.isRangeChanged;
+          isRangeChanged = _onScrollPositionChan.isRangeChanged,
+          scrollPos = _onScrollPositionChan.scrollPos;
 
       if (isRangeChanged) {
         var newState = {
@@ -608,6 +640,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         setContentPosition(newState);
         setFirstState(first);
         setLastState(last);
+        lastScrollPos.current = scrollPos;
         props.onScrollIndexChange && props.onScrollIndexChange(newState);
 
         if (props.lazy) {
@@ -634,7 +667,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         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);
@@ -643,10 +676,32 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       }
     };
 
+    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];
+          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,
@@ -684,25 +739,48 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     };
 
     var init = function init() {
-      setSize();
-      calculateOptions();
-      setSpacerSize();
+      if (!props.disabled) {
+        setSize();
+        calculateOptions();
+        setSpacerSize();
+      }
     };
 
     hooks.useMountEffect(function () {
-      init();
+      if (!props.disabled) {
+        init();
+        bindWindowResizeListener();
+        bindOrientationChangeListener();
+        defaultWidth.current = utils.DomHandler.getWidth(elementRef.current);
+        defaultHeight.current = utils.DomHandler.getHeight(elementRef.current);
+      }
     });
     hooks.useUpdateEffect(function () {
       init();
     }, [props.itemSize, props.scrollHeight]);
+    hooks.useUpdateEffect(function () {
+      if (props.numToleratedItems !== numToleratedItemsState) {
+        setNumToleratedItemsState(props.numToleratedItems);
+      }
+    }, [props.numToleratedItems]);
+    hooks.useUpdateEffect(function () {
+      if (props.numToleratedItems === numToleratedItemsState) {
+        init(); // reinit after resizing
+      }
+    }, [numToleratedItemsState]);
     hooks.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);
     });
     hooks.useUpdateEffect(function () {
       lastScrollPos.current = both ? {
@@ -712,6 +790,8 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     }, [props.orientation]);
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
+        getElementRef: getElementRef,
         scrollTo: scrollTo,
         scrollToIndex: scrollToIndex,
         scrollInView: scrollInView,
@@ -743,6 +823,13 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
               numCols: numItemsInViewportState.cols
             });
           });
+        } else if (props.loaderIconTemplate) {
+          var defaultContentOptions = {
+            className: 'p-virtualscroller-loading-icon',
+            element: content,
+            props: props
+          };
+          content = utils.ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
         }
 
         return /*#__PURE__*/React__namespace.createElement("div", {
@@ -799,7 +886,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           stickyRef: function stickyRef(el) {
             return _stickyRef.current = utils.ObjectUtils.getRefElement(el);
           },
-          items: loadedItems,
+          items: loadedItems(),
           getItemOptions: function getItemOptions(index) {
             return getOptions(index);
           },
@@ -865,14 +952,17 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     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.min.css

@@ -1 +1 @@
-.p-virtualscroller{position:relative;overflow:auto;contain:strict;transform:translateZ(0);will-change:scroll-position;outline:0 none}.p-virtualscroller-content{position:absolute;top:0;left:0;min-height:100%;min-width:100%;will-change:transform}.p-virtualscroller-spacer{position:absolute;top:0;left:0;height:1px;width:1px;transform-origin:0 0;pointer-events:none}.p-virtualscroller-loader{position:sticky;top:0;left:0;width:100%;height:100%}.p-virtualscroller-loader.p-component-overlay{display:flex;align-items:center;justify-content:center}
+.p-virtualscroller{position:relative;overflow:auto;contain:strict;transform:translateZ(0);will-change:scroll-position;outline:0 none}.p-virtualscroller-content{position:absolute;top:0;left:0;min-height:100%;min-width:100%;will-change:transform}.p-virtualscroller-spacer{position:absolute;top:0;left:0;height:1px;width:1px;transform-origin:0 0;pointer-events:none}.p-virtualscroller-loader{position:sticky;top:0;left:0;width:100%;height:100%}.p-virtualscroller-loader.p-component-overlay{display:flex;align-items:center;justify-content:center}.p-virtualscroller-loading-icon{font-size:2rem}

package/virtualscroller/virtualscroller.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.virtualscroller=function(e,t,r,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=o(t);function s(){return s=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},s.apply(this,arguments)}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){if(Array.isArray(e))return e}function c(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],s=!0,i=!1;try{for(r=r.call(e);!(s=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);s=!0);}catch(e){i=!0,o=e}finally{try{s||null==r.return||r.return()}finally{if(i)throw o}}return l}}function u(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 f(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):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 d(e,t){return a(e)||c(e,t)||f(e,t)||m()}function p(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 h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=l.memo(l.forwardRef((function(e,t){var o="vertical"===e.orientation,i="horizontal"===e.orientation,a="both"===e.orientation,c=d(l.useState(a?{rows:0,cols:0}:0),2),u=c[0],f=c[1],m=d(l.useState(a?{rows:0,cols:0}:0),2),p=m[0],v=m[1],w=d(l.useState(a?{rows:0,cols:0}:0),2),y=w[0],b=w[1],S=d(l.useState(e.numToleratedItems),2),O=S[0],j=S[1],I=d(l.useState(e.loading),2),T=I[0],z=I[1],E=d(l.useState([]),2),x=E[0],R=E[1],L=l.useRef(null),P=l.useRef(null),M=l.useRef(null),N=l.useRef(null),U=l.useRef(a?{top:0,left:0}:0),D=l.useRef(null),A=r.usePrevious(e.items),C=r.usePrevious(e.loading),H=function(e){L.current&&L.current.scrollTo(e)},k=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",n=W(),o=n.numToleratedItems,l=e.itemSize,s=X(),c=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},m=function(e,t,r){return e*t+r},d=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 H({left:e,top:t,behavior:r})};if(a){var p={rows:c(t[0],o[0]),cols:c(t[1],o[1])};p.rows===u.rows&&p.cols===u.cols||(d(m(p.cols,l[1],s.left),m(p.rows,l[0],s.top)),f(p))}else{var h=c(t,o);h!==u&&(i?d(m(h,l,s.left),0):d(0,m(h,l,s.top)),f(h))}},V=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(r){var o=_(),l=o.first,s=o.viewport,c=e.itemSize,u=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 H({left:e,top:t,behavior:n})},f="to-start"===r,m="to-end"===r;if(f){if(a)s.first.rows-l.rows>t[0]?u(s.first.cols*c,(s.first.rows-1)*c):s.first.cols-l.cols>t[1]&&u((s.first.cols-1)*c,s.first.rows*c);else if(s.first-l>t){var d=(s.first-1)*c;i?u(d,0):u(0,d)}}else if(m)if(a)s.last.rows-l.rows<=t[0]+1?u(s.first.cols*c,(s.first.rows+1)*c):s.last.cols-l.cols<=t[1]+1&&u((s.first.cols+1)*c,s.first.rows*c);else if(s.last-l<=t+1){var p=(s.first+1)*c;i?u(p,0):u(0,p)}}else k(t,n)},_=function(){var t=e.itemSize,r=function(e,t){return Math.floor(e/(t||e))},n=u,o=0;if(L.current){var l=L.current.scrollTop,s=L.current.scrollLeft;if(a)o={rows:(n={rows:r(l,t[0]),cols:r(s,t[1])}).rows+y.rows,cols:n.cols+y.cols};else o=(n=r(i?s:l,t))+y}return{first:u,last:p,viewport:{first:n,last:o}}},W=function(){var t=e.itemSize,r=X(),n=L.current?L.current.offsetWidth-r.left:0,o=L.current?L.current.offsetHeight-r.top:0,l=function(e,t){return Math.ceil(e/(t||e))},s=function(e){return Math.ceil(e/2)},c=a?{rows:l(o,t[0]),cols:l(n,t[1])}:l(i?n:o,t);return{numItemsInViewport:c,numToleratedItems:O||(a?[s(c.rows),s(c.cols)]:s(c))}},J=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1?arguments[1]:void 0;return e.items?Math.min(r?(e.columns||e.items[0]).length:e.items.length,t):0},X=function(){if(P.current){var e=getComputedStyle(P.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}},F=function(){if(L.current){var t=L.current.parentElement,r=e.scrollWidth||"".concat(L.current.offsetWidth||t.offsetWidth,"px"),n=e.scrollHeight||"".concat(L.current.offsetHeight||t.offsetHeight,"px"),o=function(e,t){return L.current.style[e]=t};a||i?(o("height",n),o("width",r)):o("height",n)}},B=function(){var t=e.items;if(M.current&&t){var r=e.itemSize,n=X(),o=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return M.current.style[e]=(t||[]).length*r+n+"px"};a?(o("height",t,r[0],n.y),o("width",e.columns||t[1],r[1],n.x)):i?o("width",e.columns||t,r,n.x):o("height",t,r,n.y)}},K=function(t){if(P.current){var r=t?t.first:u,n=e.itemSize,o=function(e,t){return e*t},l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;N.current&&(N.current.style.top="-".concat(t,"px")),P.current.style.transform="translate3d(".concat(e,"px, ").concat(t,"px, 0)")};if(a)l(o(r.cols,n[1]),o(r.rows,n[0]));else{var s=o(r,n);i?l(s,0):l(0,s)}}},Y=function(t){var r=t.target,n=e.itemSize,o=X(),l=function(e,t){return e?e>t?e-t:e:0},s=function(e,t){return Math.floor(e/(t||e))},c=function(e,t,r,n,o,l){return e<=o?o:l?r-n-o:t+o-1},f=function(e,t,r,n,o,l,s){return e<=l?0:Math.max(0,s?e<t?r:e-l:e>t?r:e-2*l)},m=function(e,t,r,n,o,l){var s=t+n+2*o;return e>=o&&(s+=o+1),J(s,l)},d=l(r.scrollTop,o.top),h=l(r.scrollLeft,o.left),g=0,v=p,w=!1;if(a){var b=U.current.top<=d,S=U.current.left<=h,j={rows:s(d,n[0]),cols:s(h,n[1])},I={rows:c(j.rows,u.rows,p.rows,y.rows,O[0],b),cols:c(j.cols,u.cols,p.cols,y.cols,O[1],S)};g={rows:f(j.rows,I.rows,u.rows,0,0,O[0],b),cols:f(j.cols,I.cols,u.cols,0,0,O[1],S)},v={rows:m(j.rows,g.rows,0,y.rows,O[0]),cols:m(j.cols,g.cols,0,y.cols,O[1],!0)},w=g.rows!==u.rows&&v.rows!==p.rows||g.cols!==u.cols&&v.cols!==p.cols,U.current={top:d,left:h}}else{var T=i?h:d,z=U.current<=T,E=s(T,n);v=m(E,g=f(E,c(E,u,p,y,O,z),u,0,0,O,z),0,y,O),w=g!==u&&v!==p,U.current=T}return{first:g,last:v,isRangeChanged:w}},$=function(t){var r=Y(t),n=r.first,o=r.last;if(r.isRangeChanged){var l={first:n,last:o};K(l),f(n),v(o),e.onScrollIndexChange&&e.onScrollIndexChange(l),e.lazy&&e.onLazyLoad&&e.onLazyLoad(l)}},q=function(t){var r=(e.items||[]).length,n=a?u.rows+t:u+t;return{index:n,count:r,first:0===n,last:n===r-1,even:n%2==0,odd:n%2!=0,props:e}},G=function(t,r){var n=x.length;return h({index:t,count:n,first:0===t,last:t===n-1,even:t%2==0,odd:t%2!=0,props:e},r)},Q=function(){var t=e.items;return t&&!T?a?t.slice(u.rows,p.rows).map((function(t){return e.columns?t:t.slice(u.cols,p.cols)})):i&&e.columns?t:t.slice(u,p):[]},Z=function(){var t,r,n,o,l;F(),t=W(),r=t.numItemsInViewport,n=t.numToleratedItems,o=function(e,t,r,n){return J(e+t+(e<r?2:3)*r,n)},l=a?{rows:o(u.rows,r.rows,n[0]),cols:o(u.cols,r.cols,n[1],!0)}:o(u,r,n),b(r),j(n),v(l),e.showLoader&&R(a?Array.from({length:r.rows}).map((function(){return Array.from({length:r.cols})})):Array.from({length:r})),e.lazy&&e.onLazyLoad&&e.onLazyLoad({first:u,last:l}),B()};r.useMountEffect((function(){Z()})),r.useUpdateEffect((function(){Z()}),[e.itemSize,e.scrollHeight]),r.useUpdateEffect((function(){A&&A.length===(e.items||[]).length||Z(),e.lazy&&C!==e.loading&&e.loading!==T&&z(e.loading)})),r.useUpdateEffect((function(){U.current=a?{top:0,left:0}:0}),[e.orientation]),l.useImperativeHandle(t,(function(){return{scrollTo:H,scrollToIndex:k,scrollInView:V,getRenderedRange:_}}));var ee=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=G(t,r),s=n.ObjectUtils.getJSXElement(e.loadingTemplate,o);return l.createElement(l.Fragment,{key:t},s)},te=function(t,r){var o=q(r),s=n.ObjectUtils.getJSXElement(e.itemTemplate,t,o);return l.createElement(l.Fragment,{key:o.index},s)};if(e.disabled){var re=n.ObjectUtils.getJSXElement(e.contentTemplate,{items:e.items,rows:e.items,columns:e.columns});return l.createElement(l.Fragment,null,e.children,re)}var ne=n.ObjectUtils.findDiffKeys(e,g.defaultProps),oe=n.classNames("p-virtualscroller",{"p-both-scroll":a,"p-horizontal-scroll":i},e.className),le=function(){if(!e.loaderDisabled&&e.showLoader&&T){var t=n.classNames("p-virtualscroller-loader",{"p-component-overlay":!e.loadingTemplate}),r=l.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});return e.loadingTemplate&&(r=x.map((function(e,t){return ee(t,a&&{numCols:y.cols})}))),l.createElement("div",{className:t},r)}return null}(),se=function(){var t=Q().map(te),r=n.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":T}),s=l.createElement("div",{ref:P,className:r},t);if(e.contentTemplate){var c={className:r,contentRef:function(e){return P.current=n.ObjectUtils.getRefElement(e)},spacerRef:function(e){return M.current=n.ObjectUtils.getRefElement(e)},stickyRef:function(e){return N.current=n.ObjectUtils.getRefElement(e)},items:Q,getItemOptions:function(e){return q(e)},children:t,element:s,props:e,loading:T,getLoaderOptions:function(e,t){return G(e,t)},loadingTemplate:e.loadingTemplate,itemSize:e.itemSize,rows:T?e.loaderDisabled?x:[]:Q(),columns:e.columns&&(a||i)?T&&e.loaderDisabled?a?x[0]:x:e.columns.slice(a?u.cols:u,a?p.cols:p):e.columns,vertical:o,horizontal:i,both:a};return n.ObjectUtils.getJSXElement(e.contentTemplate,c)}return s}(),ie=e.showSpacer?l.createElement("div",{ref:M,className:"p-virtualscroller-spacer"}):null;return l.createElement("div",s({ref:L,className:oe,tabIndex:0,style:e.style},ne,{onScroll:function(t){e.onScroll&&e.onScroll(t),e.delay?(D.current&&clearTimeout(D.current),!T&&e.showLoader&&Y(t).isRangeChanged&&z(!0),D.current=setTimeout((function(){$(t),T&&e.showLoader&&!e.lazy&&z(!1)}),e.delay)):$(t)}}),se,ie,le)})));return 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},e.VirtualScroller=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.virtualscroller=function(e,t,r,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=o(t);function i(){return i=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},i.apply(this,arguments)}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){if(Array.isArray(e))return e}function a(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 u(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 f(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):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 d(e,t){return c(e)||a(e,t)||f(e,t)||m()}function p(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 h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=l.memo(l.forwardRef((function(e,t){var o="vertical"===e.orientation,s="horizontal"===e.orientation,c="both"===e.orientation,a=d(l.useState(c?{rows:0,cols:0}:0),2),u=a[0],f=a[1],m=d(l.useState(c?{rows:0,cols:0}:0),2),p=m[0],v=m[1],w=d(l.useState(c?{rows:0,cols:0}:0),2),y=w[0],S=w[1],b=d(l.useState(e.numToleratedItems),2),z=b[0],O=b[1],T=d(l.useState(e.loading||!1),2),I=T[0],j=T[1],E=d(l.useState([]),2),x=E[0],R=E[1],L=l.useRef(null),P=l.useRef(null),D=l.useRef(null),H=l.useRef(null),U=l.useRef(c?{top:0,left:0}:0),M=l.useRef(null),N=l.useRef(null),W=l.useRef(null),A=l.useRef(null),C=r.usePrevious(e.items),k=r.usePrevious(e.loading),V=d(r.useResizeListener({listener:function(e){return ne(e)}}),1)[0],_=d(r.useEventListener({target:"window",type:"orientationchange",listener:function(e){return ne(e)}}),1)[0],J=function(){return L},X=function(e){U.current=c?{top:0,left:0}:0,L.current&&L.current.scrollTo(e)},F=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",n=Y(),o=n.numToleratedItems,l=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},i=function(e,t){return e*t},a=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 X({left:e,top:t,behavior:r})};if(c){var f={rows:l(t[0],o[0]),cols:l(t[1],o[1])};f.rows===u.rows&&f.cols===u.cols||a(i(f.cols,e.itemSize[1]),i(f.rows,e.itemSize[0]))}else{var m=l(t,o);m!==u&&(s?a(i(m,e.itemSize),0):a(0,i(m,e.itemSize)))}},B=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(r){var o=K(),l=o.first,i=o.viewport,a=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 X({left:e,top:t,behavior:n})},u="to-start"===r,f="to-end"===r;if(u){if(c)i.first.rows-l.rows>t[0]?a(i.first.cols*e.itemSize[1],(i.first.rows-1)*e.itemSize[0]):i.first.cols-l.cols>t[1]&&a((i.first.cols-1)*e.itemSize[1],i.first.rows*e.itemSize[0]);else if(i.first-l>t){var m=(i.first-1)*e.itemSize;s?a(m,0):a(0,m)}}else if(f)if(c)i.last.rows-l.rows<=t[0]+1?a(i.first.cols*e.itemSize[1],(i.first.rows+1)*e.itemSize[0]):i.last.cols-l.cols<=t[1]+1&&a((i.first.cols+1)*e.itemSize[1],i.first.rows*e.itemSize[0]);else if(i.last-l<=t+1){var d=(i.first+1)*e.itemSize;s?a(d,0):a(0,d)}}else F(t,n)},K=function(){var t=function(e,t){return Math.floor(e/(t||e))},r=u,n=0;if(L.current){var o=L.current,l=o.scrollTop,i=o.scrollLeft;if(c)n={rows:(r={rows:t(l,e.itemSize[0]),cols:t(i,e.itemSize[1])}).rows+y.rows,cols:r.cols+y.cols};else n=(r=t(s?i:l,e.itemSize))+y}return{first:u,last:p,viewport:{first:r,last:n}}},Y=function(){var t=G(),r=L.current?L.current.offsetWidth-t.left:0,n=L.current?L.current.offsetHeight-t.top:0,o=function(e,t){return Math.ceil(e/(t||e))},l=function(e){return Math.ceil(e/2)},i=c?{rows:o(n,e.itemSize[0]),cols:o(r,e.itemSize[1])}:o(s?r:n,e.itemSize);return{numItemsInViewport:i,numToleratedItems:z||(c?[l(i.rows),l(i.cols)]:l(i))}},$=function(t){e.autoSize&&!t&&Promise.resolve().then((function(){if(P.current){P.current.style.minHeight=P.current.style.minWidth="auto";var e=P.current,t=e.offsetWidth,r=e.offsetHeight;(c||s)&&(L.current.style.width=(t<W.current?t:W.current)+"px"),(c||o)&&(L.current.style.height=(r<A.current?r:A.current)+"px"),P.current.style.minHeight=P.current.style.minWidth=""}}))},q=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1?arguments[1]:void 0;return e.items?Math.min(r?(e.columns||e.items[0]).length:e.items.length,t):0},G=function(){if(P.current){var e=getComputedStyle(P.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}},Q=function(){if(L.current){var t=L.current.parentElement,r=e.scrollWidth||"".concat(L.current.offsetWidth||t.offsetWidth,"px"),n=e.scrollHeight||"".concat(L.current.offsetHeight||t.offsetHeight,"px"),o=function(e,t){return L.current.style[e]=t};c||s?(o("height",n),o("width",r)):o("height",n)}},Z=function(){var t=e.items;if(D.current&&t){var r=G(),n=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return D.current.style[e]=(t||[]).length*r+n+"px"};c?(n("height",t,e.itemSize[0],r.y),n("width",e.columns||t[1],e.itemSize[1],r.x)):s?n("width",e.columns||t,e.itemSize,r.x):n("height",t,e.itemSize,r.y)}},ee=function(t){if(P.current){var r=t?t.first:u,n=function(e,t){return e*t},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;H.current&&(H.current.style.top="-".concat(t,"px")),P.current.style.transform="translate3d(".concat(e,"px, ").concat(t,"px, 0)")};if(c)o(n(r.cols,e.itemSize[1]),n(r.rows,e.itemSize[0]));else{var l=n(r,e.itemSize);s?o(l,0):o(0,l)}}},te=function(t){var r=t.target,n=G(),o=function(e,t){return e?e>t?e-t:e:0},l=function(e,t){return Math.floor(e/(t||e))},i=function(e,t,r,n,o,l){return e<=o?o:l?r-n-o:t+o-1},a=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)},f=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),q(i,l)},m=o(r.scrollTop,n.top),d=o(r.scrollLeft,n.left),h=c?{rows:0,cols:0}:0,g=p,v=!1,w=U.current;if(c){var S=U.current.top<=m,b=U.current.left<=d,O={rows:l(m,e.itemSize[0]),cols:l(d,e.itemSize[1])},T={rows:i(O.rows,u.rows,p.rows,y.rows,z[0],S),cols:i(O.cols,u.cols,p.cols,y.cols,z[1],b)};h={rows:a(O.rows,T.rows,u.rows,0,0,z[0],S),cols:a(O.cols,T.cols,u.cols,0,0,z[1],b)},g={rows:f(O.rows,h.rows,0,y.rows,z[0]),cols:f(O.cols,h.cols,0,y.cols,z[1],!0)},v=h.rows!==u.rows||g.rows!==p.rows||h.cols!==u.cols||g.cols!==p.cols,w={top:m,left:d}}else{var I=s?d:m,j=U.current<=I,E=l(I,e.itemSize);g=f(E,h=a(E,i(E,u,p,y,z,j),u,0,0,z,j),0,y,z),v=h!==u||g!==p,w=I}return{first:h,last:g,isRangeChanged:v,scrollPos:w}},re=function(t){var r=te(t),n=r.first,o=r.last,l=r.scrollPos;if(r.isRangeChanged){var i={first:n,last:o};ee(i),f(n),v(o),U.current=l,e.onScrollIndexChange&&e.onScrollIndexChange(i),e.lazy&&e.onLazyLoad&&e.onLazyLoad(i)}},ne=function(){N.current&&clearTimeout(N.current),N.current=setTimeout((function(){if(L.current){var t=[n.DomHandler.getWidth(L.current),n.DomHandler.getHeight(L.current)],r=t[0],l=t[1],i=r!==W.current,a=l!==A.current;(c?i||a:s?i:!!o&&a)&&(O(e.numToleratedItems),W.current=r,A.current=l)}}),e.resizeDelay)},oe=function(t){var r=(e.items||[]).length,n=c?u.rows+t:u+t;return{index:n,count:r,first:0===n,last:n===r-1,even:n%2==0,odd:n%2!=0,props:e}},le=function(t,r){var n=x.length;return h({index:t,count:n,first:0===t,last:t===n-1,even:t%2==0,odd:t%2!=0,props:e},r)},ie=function(){var t=e.items;return t&&!I?c?t.slice(u.rows,p.rows).map((function(t){return e.columns?t:t.slice(u.cols,p.cols)})):s&&e.columns?t:t.slice(u,p):[]},se=function(){var t,r,n,o,l;e.disabled||(Q(),t=Y(),r=t.numItemsInViewport,n=t.numToleratedItems,o=function(e,t,r,n){return q(e+t+(e<r?2:3)*r,n)},l=c?{rows:o(u.rows,r.rows,n[0]),cols:o(u.cols,r.cols,n[1],!0)}:o(u,r,n),S(r),O(n),v(l),e.showLoader&&R(c?Array.from({length:r.rows}).map((function(){return Array.from({length:r.cols})})):Array.from({length:r})),e.lazy&&e.onLazyLoad&&e.onLazyLoad({first:u,last:l}),Z())};r.useMountEffect((function(){e.disabled||(se(),V(),_(),W.current=n.DomHandler.getWidth(L.current),A.current=n.DomHandler.getHeight(L.current))})),r.useUpdateEffect((function(){se()}),[e.itemSize,e.scrollHeight]),r.useUpdateEffect((function(){e.numToleratedItems!==z&&O(e.numToleratedItems)}),[e.numToleratedItems]),r.useUpdateEffect((function(){e.numToleratedItems===z&&se()}),[z]),r.useUpdateEffect((function(){C&&C.length===(e.items||[]).length||se();var t=I;e.lazy&&k!==e.loading&&e.loading!==I&&(j(e.loading),t=e.loading),$(t)})),r.useUpdateEffect((function(){U.current=c?{top:0,left:0}:0}),[e.orientation]),l.useImperativeHandle(t,(function(){return{props:e,getElementRef:J,scrollTo:X,scrollToIndex:F,scrollInView:B,getRenderedRange:K}}));var ce=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=le(t,r),i=n.ObjectUtils.getJSXElement(e.loadingTemplate,o);return l.createElement(l.Fragment,{key:t},i)},ae=function(t,r){var o=oe(r),i=n.ObjectUtils.getJSXElement(e.itemTemplate,t,o);return l.createElement(l.Fragment,{key:o.index},i)};if(e.disabled){var ue=n.ObjectUtils.getJSXElement(e.contentTemplate,{items:e.items,rows:e.items,columns:e.columns});return l.createElement(l.Fragment,null,e.children,ue)}var fe=n.ObjectUtils.findDiffKeys(e,g.defaultProps),me=n.classNames("p-virtualscroller",{"p-both-scroll":c,"p-horizontal-scroll":s},e.className),de=function(){if(!e.loaderDisabled&&e.showLoader&&I){var t=n.classNames("p-virtualscroller-loader",{"p-component-overlay":!e.loadingTemplate}),r=l.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});return e.loadingTemplate?r=x.map((function(e,t){return ce(t,c&&{numCols:y.cols})})):e.loaderIconTemplate&&(r=n.ObjectUtils.getJSXElement(e.loaderIconTemplate,{className:"p-virtualscroller-loading-icon",element:r,props:e})),l.createElement("div",{className:t},r)}return null}(),pe=function(){var t=ie().map(ae),r=n.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":I}),i=l.createElement("div",{ref:P,className:r},t);if(e.contentTemplate){var a={className:r,contentRef:function(e){return P.current=n.ObjectUtils.getRefElement(e)},spacerRef:function(e){return D.current=n.ObjectUtils.getRefElement(e)},stickyRef:function(e){return H.current=n.ObjectUtils.getRefElement(e)},items:ie(),getItemOptions:function(e){return oe(e)},children:t,element:i,props:e,loading:I,getLoaderOptions:function(e,t){return le(e,t)},loadingTemplate:e.loadingTemplate,itemSize:e.itemSize,rows:I?e.loaderDisabled?x:[]:ie(),columns:e.columns&&c||s?I&&e.loaderDisabled?c?x[0]:x:e.columns.slice(c?u.cols:u,c?p.cols:p):e.columns,vertical:o,horizontal:s,both:c};return n.ObjectUtils.getJSXElement(e.contentTemplate,a)}return i}(),he=e.showSpacer?l.createElement("div",{ref:D,className:"p-virtualscroller-spacer"}):null;return l.createElement("div",i({ref:L,className:me,tabIndex:0,style:e.style},fe,{onScroll:function(t){e.onScroll&&e.onScroll(t),e.delay?(M.current&&clearTimeout(M.current),!I&&e.showLoader&&te(t).isRangeChanged&&j(!0),M.current=setTimeout((function(){re(t),!I||!e.showLoader||e.lazy&&void 0!==e.loading||j(!1)}),e.delay)):re(t)}}),pe,he,de)})));return 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,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},e.VirtualScroller=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);