primereact 9.4.0 → 9.6.0

package/virtualscroller/virtualscroller.d.ts

@@ -9,7 +9,79 @@
  */
 
 import * as React from 'react';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type VirtualScrollerPassThroughType<T> = PassThroughType<T, VirtualScrollerPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface VirtualScrollerPassThroughMethodOptions {
+    props: VirtualScrollerProps;
+    state: VirtualScrollerState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link VirtualScrollerProps.pt}
+ */
+export interface VirtualScrollerPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: VirtualScrollerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: VirtualScrollerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the loader's DOM element.
+     */
+    loader?: VirtualScrollerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the loading icon's DOM element.
+     */
+    loadingIcon?: VirtualScrollerPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the spacer's DOM element.
+     */
+    spacer?: VirtualScrollerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * Defines current inline state in VirtualScroller component.
+ */
+export interface VirtualScrollerState {
+    /**
+     * First index of the new data range to be loaded as a number.
+     */
+    first: number;
+    /**
+     * Last index of the new data range to be loaded as a number.
+     */
+    last: number;
+    /**
+     * Index of the first item as a number.
+     */
+    page: number;
+    /**
+     * Visible item count in the viewport as a number.
+     */
+    numItemsInViewport: number;
+    /**
+     * Additional elements to add to the DOM outside of the view as a number.
+     */
+    numToleratedItems: number;
+    /**
+     * Current loading state as a boolean.
+     * @defaultValue false
+     */
+    loading: number;
+    /**
+     * Loadable items array.
+     */
+    loaderArr: any[];
+}
 
 /**
  * Custom virtual scroller options type.
@@ -399,6 +471,11 @@ export interface VirtualScrollerProps {
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {VirtualScrollerPassThroughOptions}
+     */
+    pt?: VirtualScrollerPassThroughOptions;
 }
 
 /**

package/virtualscroller/virtualscroller.esm.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { usePrevious, useResizeListener, useEventListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
-import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
+import { DomHandler, ObjectUtils, classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { SpinnerIcon } from 'primereact/icons/spinner';
+import { PrimeReactContext } from 'primereact/api';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -114,7 +116,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var VirtualScrollerBase = {
+var VirtualScrollerBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'VirtualScroller',
     id: null,
@@ -149,19 +151,14 @@ var VirtualScrollerBase = {
     onScrollIndexChange: null,
     onLazyLoad: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, VirtualScrollerBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, VirtualScrollerBase.defaultProps);
   }
-};
+});
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = VirtualScrollerBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = VirtualScrollerBase.getProps(inProps, context);
   var prevProps = usePrevious(inProps) || {};
   var vertical = props.orientation === 'vertical';
   var horizontal = props.orientation === 'horizontal';
@@ -203,6 +200,19 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     _React$useState14 = _slicedToArray(_React$useState13, 2),
     loaderArrState = _React$useState14[0],
     setLoaderArrState = _React$useState14[1];
+  var _VirtualScrollerBase$ = VirtualScrollerBase.setMetaData({
+      props: props,
+      state: {
+        first: firstState,
+        last: lastState,
+        page: pageState,
+        numItemsInViewport: numItemsInViewportState,
+        numToleratedItems: numToleratedItemsState,
+        loading: loadingState,
+        loaderArr: loaderArrState
+      }
+    }),
+    ptm = _VirtualScrollerBase$.ptm;
   var elementRef = React.useRef(null);
   var _contentRef = React.useRef(null);
   var _spacerRef = React.useRef(null);
@@ -661,7 +671,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       }
     }
   };
-  var onScroll = function onScroll(event) {
+  var _onScroll = function onScroll(event) {
     props.onScroll && props.onScroll(event);
     if (props.delay) {
       if (scrollTimeout.current) {
@@ -814,13 +824,13 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   };
   var createLoader = function createLoader() {
     var iconClassName = 'p-virtualscroller-loading-icon';
-    var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, {
-      className: iconClassName,
-      spin: true
-    });
-    var loadingIcon = IconUtils.getJSXIcon(icon, {
+    var loadingIconProps = mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('loadingIcon'));
+    var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
+      spin: true
+    }));
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
       props: props
     });
     if (!props.loaderDisabled && props.showLoader && loadingState) {
@@ -842,19 +852,21 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
         };
         content = ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
       }
-      return /*#__PURE__*/React.createElement("div", {
+      var loaderProps = mergeProps({
         className: className
-      }, content);
+      }, ptm('loader'));
+      return /*#__PURE__*/React.createElement("div", loaderProps, content);
     }
     return null;
   };
   var createSpacer = function createSpacer() {
     if (props.showSpacer) {
-      return /*#__PURE__*/React.createElement("div", {
+      var spacerProps = mergeProps({
         ref: _spacerRef,
         style: spacerStyle.current,
-        className: "p-virtualscroller-spacer"
-      });
+        className: 'p-virtualscroller-spacer'
+      }, ptm('spacer'));
+      return /*#__PURE__*/React.createElement("div", spacerProps);
     }
     return null;
   };
@@ -874,11 +886,12 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     var className = classNames('p-virtualscroller-content', {
       'p-virtualscroller-loading': loadingState
     });
-    var content = /*#__PURE__*/React.createElement("div", {
+    var contentProps = mergeProps({
       ref: _contentRef,
       style: contentStyle.current,
       className: className
-    }, items);
+    }, ptm('content'));
+    var content = /*#__PURE__*/React.createElement("div", contentProps, items);
     if (props.contentTemplate) {
       var defaultOptions = {
         style: contentStyle.current,
@@ -924,7 +937,6 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     });
     return /*#__PURE__*/React.createElement(React.Fragment, null, props.children, content);
   } else {
-    var otherProps = VirtualScrollerBase.getOtherProps(props);
     var className = classNames('p-virtualscroller', {
       'p-virtualscroller-inline': props.inline,
       'p-virtualscroller-both p-both-scroll': both,
@@ -933,14 +945,16 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     var loader = createLoader();
     var _content = createContent();
     var spacer = createSpacer();
-    return /*#__PURE__*/React.createElement("div", _extends({
+    var rootProps = mergeProps({
       ref: elementRef,
       className: className,
       tabIndex: props.tabIndex,
-      style: props.style
-    }, otherProps, {
-      onScroll: onScroll
-    }), _content, spacer, loader);
+      style: props.style,
+      onScroll: function onScroll(e) {
+        return _onScroll(e);
+      }
+    }, VirtualScrollerBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React.createElement("div", rootProps, _content, spacer, loader);
   }
 }));
 VirtualScroller.displayName = 'VirtualScroller';

package/virtualscroller/virtualscroller.esm.min.js

@@ -1 +1 @@
-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{ObjectUtils as i,DomHandler as s,classNames as c,IconUtils as u}from"primereact/utils";import{SpinnerIcon as a}from"primereact/icons/spinner";function f(){return f=Object.assign?Object.assign.bind():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},f.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function p(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=p(e,"string");return"symbol"===m(t)?t:String(t)}function g(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,s=[],c=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return s}}function y(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 w(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function S(){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 b(e,t){return h(e)||v(e,t)||w(e,t)||S()}var z={defaultProps:{__TYPE:"VirtualScroller",id:null,style:null,className:null,tabIndex:0,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",step:0,numToleratedItems:null,delay:0,resizeDelay:10,appendOnly:!1,inline:!1,lazy:!1,disabled:!1,loaderDisabled:!1,loadingIcon:null,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,children:void 0},getProps:function(e){return i.getMergedProps(e,z.defaultProps)},getOtherProps:function(e){return i.getDiffProps(e,z.defaultProps)}};function O(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 T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){g(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var I=e.memo(e.forwardRef((function(m,p){var d=z.getProps(m),h=t(m)||{},v="vertical"===d.orientation,y="horizontal"===d.orientation,w="both"===d.orientation,S=b(e.useState(w?{rows:0,cols:0}:0),2),O=S[0],I=S[1],x=b(e.useState(w?{rows:0,cols:0}:0),2),R=x[0],P=x[1],E=b(e.useState(0),2),j=E[0],L=E[1],M=b(e.useState(w?{rows:0,cols:0}:0),2),H=M[0],W=M[1],N=b(e.useState(d.numToleratedItems),2),D=N[0],F=N[1],C=b(e.useState(d.loading||!1),2),A=C[0],J=C[1],V=b(e.useState([]),2),X=V[0],k=V[1],_=e.useRef(null),B=e.useRef(null),U=e.useRef(null),Y=e.useRef(null),$=e.useRef(w?{top:0,left:0}:0),q=e.useRef(null),G=e.useRef(null),K=e.useRef({}),Q=e.useRef({}),Z=e.useRef(null),ee=e.useRef(null),te=e.useRef(null),re=e.useRef(null),ne=e.useRef(!1),oe=e.useRef(null),le=b(r({listener:function(e){return Oe()},when:!d.disabled}),1)[0],ie=b(n({target:"window",type:"orientationchange",listener:function(e){return Oe()},when:!d.disabled}),1)[0],se=function(){return _},ce=function(e){return Math.floor((e+4*D)/(d.step||1))},ue=function(e){return!d.step||j!==ce(e)},ae=function(e){$.current=w?{top:0,left:0}:0,_.current&&_.current.scrollTo(e)},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=de().numToleratedItems,n=ve(),o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return e<=(arguments.length>1?arguments[1]:void 0)?0:e},l=function(e,t,r){return e*t+r},i=function(){return ae({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:t})},s=w?{rows:0,cols:0}:0,c=!1;w?(i(l((s={rows:o(e[0],r[0]),cols:o(e[1],r[1])}).cols,d.itemSize[1],n.left),l(s.rows,d.itemSize[0],n.top)),c=O.rows!==s.rows||O.cols!==s.cols):(s=o(e,r),y?i(l(s,d.itemSize,n.left),0):i(0,l(s,d.itemSize,n.top)),c=O!==s),ne.current=c,I(s)},me=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=pe(),o=n.first,l=n.viewport,i=function(){return ae({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:r})},s="to-end"===t;if("to-start"===t){if(w)l.first.rows-o.rows>e[0]?i(l.first.cols*d.itemSize[1],(l.first.rows-1)*d.itemSize[0]):l.first.cols-o.cols>e[1]&&i((l.first.cols-1)*d.itemSize[1],l.first.rows*d.itemSize[0]);else if(l.first-o>e){var c=(l.first-1)*d.itemSize;y?i(c,0):i(0,c)}}else if(s)if(w)l.last.rows-o.rows<=e[0]+1?i(l.first.cols*d.itemSize[1],(l.first.rows+1)*d.itemSize[0]):l.last.cols-o.cols<=e[1]+1&&i((l.first.cols+1)*d.itemSize[1],l.first.rows*d.itemSize[0]);else if(l.last-o<=e+1){var u=(l.first+1)*d.itemSize;y?i(u,0):i(0,u)}}else fe(e,r)},pe=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=O,r=0;if(_.current){var n=_.current,o=n.scrollTop,l=n.scrollLeft;if(w)r={rows:(t={rows:e(o,d.itemSize[0]),cols:e(l,d.itemSize[1])}).rows+H.rows,cols:t.cols+H.cols};else r=(t=e(y?l:o,d.itemSize))+H}return{first:O,last:R,viewport:{first:t,last:r}}},de=function(){var e=ve(),t=_.current?_.current.offsetWidth-e.left:0,r=_.current?_.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=w?{rows:n(r,d.itemSize[0]),cols:n(t,d.itemSize[1])}:n(y?t:r,d.itemSize);return{numItemsInViewport:l,numToleratedItems:D||(w?[o(l.rows),o(l.cols)]:o(l))}},ge=function(e){d.autoSize&&!e&&Promise.resolve().then((function(){if(B.current){B.current.style.minHeight=B.current.style.minWidth="auto",B.current.style.position="relative",_.current.style.contain="none";var e=[s.getWidth(_.current),s.getHeight(_.current)],t=e[0],r=e[1];(w||y)&&(_.current.style.width=(t<Z.current?t:d.scrollWidth||Z.current)+"px"),(w||v)&&(_.current.style.height=(r<ee.current?r:d.scrollHeight||ee.current)+"px"),B.current.style.minHeight=B.current.style.minWidth="",B.current.style.position="",_.current.style.contain=""}}))},he=function(){return d.items?Math.min((arguments.length>1?arguments[1]:void 0)?(d.columns||d.items[0]).length:d.items.length,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0):0},ve=function(){if(B.current){var e=getComputedStyle(B.current),t=parseFloat(e.paddingLeft)+Math.max(parseFloat(e.left)||0,0),r=parseFloat(e.paddingRight)+Math.max(parseFloat(e.right)||0,0),n=parseFloat(e.paddingTop)+Math.max(parseFloat(e.top)||0,0),o=parseFloat(e.paddingBottom)+Math.max(parseFloat(e.bottom)||0,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}},ye=function(){if(_.current){var e=_.current.parentElement,t=d.scrollWidth||"".concat(_.current.offsetWidth||e.offsetWidth,"px"),r=d.scrollHeight||"".concat(_.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return _.current.style[e]=t};w||y?(n("height",r),n("width",t)):n("height",r)}},we=function(){var e=d.items;if(e){var t=ve(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return Q.current=T(T({},Q.current),g({},"".concat(e),(t||[]).length*r+n+"px"))};w?(r("height",e,d.itemSize[0],t.y),r("width",d.columns||e[1],d.itemSize[1],t.x)):y?r("width",d.columns||e,d.itemSize,t.x):r("height",e,d.itemSize,t.y)}},Se=function(e){if(B.current&&!d.appendOnly){var t=e?e.first:O,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;Y.current&&(Y.current.style.top="-".concat(t,"px")),K.current=T(T({},K.current),{transform:"translate3d(".concat(e,"px, ").concat(t,"px, 0)")})};if(w)n(r(t.cols,d.itemSize[1]),r(t.rows,d.itemSize[0]));else{var o=r(t,d.itemSize);y?n(o,0):n(0,o)}}},be=function(e){var t=e.target,r=ve(),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),he(i,l)},c=n(t.scrollTop,r.top),u=n(t.scrollLeft,r.left),a=w?{rows:0,cols:0}:0,f=R,m=!1,p=$.current;if(w){var g=$.current.top<=c,h=$.current.left<=u;if(!d.appendOnly||d.appendOnly&&(g||h)){var v={rows:o(c,d.itemSize[0]),cols:o(u,d.itemSize[1])},S={rows:l(v.rows,O.rows,R.rows,H.rows,D[0],g),cols:l(v.cols,O.cols,R.cols,H.cols,D[1],h)};a={rows:i(v.rows,S.rows,O.rows,0,0,D[0],g),cols:i(v.cols,S.cols,O.cols,0,0,D[1],h)},f={rows:s(v.rows,a.rows,0,H.rows,D[0]),cols:s(v.cols,a.cols,0,H.cols,D[1],!0)},m=a.rows!==O.rows||f.rows!==R.rows||a.cols!==O.cols||f.cols!==R.cols||ne.current,p={top:c,left:u}}}else{var b=y?u:c,z=$.current<=b;if(!d.appendOnly||d.appendOnly&&z){var T=o(b,d.itemSize);f=s(T,a=i(T,l(T,O,R,H,D,z),O,0,0,D,z),0,H,D),m=a!==O||f!==R||ne.current,p=b}}return{first:a,last:f,isRangeChanged:m,scrollPos:p}},ze=function(e){var t=be(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};if(Se(l),I(r),P(n),$.current=o,d.onScrollIndexChange&&d.onScrollIndexChange(l),d.lazy&&ue(r)){var i={first:d.step?Math.min(ce(r)*d.step,d.items.length-d.step):r,last:Math.min(d.step?(ce(r)+1)*d.step:n,d.items.length)};(!oe.current||oe.current.first!==i.first||oe.current.last!==i.last)&&d.onLazyLoad&&d.onLazyLoad(i),oe.current=i}}},Oe=function(){G.current&&clearTimeout(G.current),G.current=setTimeout((function(){if(_.current){var e=[s.getWidth(_.current),s.getHeight(_.current)],t=e[0],r=e[1],n=t!==Z.current,o=r!==ee.current;(w?n||o:y?n:!!v&&o)&&(F(d.numToleratedItems),Z.current=t,ee.current=r,te.current=s.getWidth(B.current),re.current=s.getHeight(B.current))}}),d.resizeDelay)},Te=function(e){var t=(d.items||[]).length,r=w?O.rows+e:O+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:d}},Ie=function(e,t){var r=X.length;return T({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:d},t)},xe=function(){var e=d.items;return e&&!A?w?e.slice(d.appendOnly?0:O.rows,R.rows).map((function(e){return d.columns?e:e.slice(d.appendOnly?0:O.cols,R.cols)})):y&&d.columns?e:e.slice(d.appendOnly?0:O,R):[]},Re=function(){var e,t,r,n,o;d.disabled||(ye(),e=de(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r){return he(e+t+(e<r?2:3)*r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])},o=w?{rows:n(O.rows,t.rows,r[0]),cols:n(O.cols,t.cols,r[1],!0)}:n(O,t,r),W(t),F(r),P(o),d.showLoader&&k(w?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),d.lazy&&Promise.resolve().then((function(){oe.current={first:d.step?w?{rows:0,cols:O.cols}:0:O,last:Math.min(d.step?d.step:o,d.items.length)},d.onLazyLoad&&d.onLazyLoad(oe.current)})),we())};o((function(){_.current&&s.isVisible(_.current)&&(B.current=B.current||B.current||s.findSingle(_.current,".p-virtualscroller-content"),Re(),le(),ie(),Z.current=s.getWidth(_.current),ee.current=s.getHeight(_.current),te.current=s.getWidth(B.current),re.current=s.getHeight(B.current))})),l((function(){Re()}),[d.itemSize,d.scrollHeight,d.scrollWidth]),l((function(){d.numToleratedItems!==D&&F(d.numToleratedItems)}),[d.numToleratedItems]),l((function(){d.numToleratedItems===D&&Re()}),[D]),l((function(){h.items&&h.items.length===(d.items||[]).length||Re();var e=A;d.lazy&&h.loading!==d.loading&&d.loading!==A&&(J(d.loading),e=d.loading),ge(e)})),l((function(){$.current=w?{top:0,left:0}:0}),[d.orientation]),e.useImperativeHandle(p,(function(){return{props:d,getElementRef:se,scrollTo:ae,scrollToIndex:fe,scrollInView:me,getRenderedRange:pe}}));var Pe=function(t){var r=Ie(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),n=i.getJSXElement(d.loadingTemplate,r);return e.createElement(e.Fragment,{key:t},n)},Ee=function(t,r){var n=Te(r),o=i.getJSXElement(d.itemTemplate,t,n);return e.createElement(e.Fragment,{key:n.index},o)};if(d.disabled){var je=i.getJSXElement(d.contentTemplate,{items:d.items,rows:d.items,columns:d.columns});return e.createElement(e.Fragment,null,d.children,je)}var Le=z.getOtherProps(d),Me=c("p-virtualscroller",{"p-virtualscroller-inline":d.inline,"p-virtualscroller-both p-both-scroll":w,"p-virtualscroller-horizontal p-horizontal-scroll":y},d.className),He=function(){var t="p-virtualscroller-loading-icon",r=u.getJSXIcon(d.loadingIcon||e.createElement(a,{className:t,spin:!0}),{className:t},{props:d});if(!d.loaderDisabled&&d.showLoader&&A){var n=c("p-virtualscroller-loader",{"p-component-overlay":!d.loadingTemplate}),o=r;return d.loadingTemplate?o=X.map((function(e,t){return Pe(t,w&&{numCols:H.cols})})):d.loaderIconTemplate&&(o=i.getJSXElement(d.loaderIconTemplate,{iconClassName:t,element:o,props:d})),e.createElement("div",{className:n},o)}return null}(),We=function(){var t=xe().map(Ee),r=c("p-virtualscroller-content",{"p-virtualscroller-loading":A}),n=e.createElement("div",{ref:B,style:K.current,className:r},t);if(d.contentTemplate){var o={style:K.current,className:r,spacerStyle:Q.current,contentRef:function(e){return B.current=i.getRefElement(e)},spacerRef:function(e){return U.current=i.getRefElement(e)},stickyRef:function(e){return Y.current=i.getRefElement(e)},items:xe(),getItemOptions:function(e){return Te(e)},children:t,element:n,props:d,loading:A,getLoaderOptions:function(e,t){return Ie(e,t)},loadingTemplate:d.loadingTemplate,itemSize:d.itemSize,rows:A?d.loaderDisabled?X:[]:xe(),columns:d.columns&&w||y?A&&d.loaderDisabled?w?X[0]:X:d.columns.slice(w?O.cols:O,w?R.cols:R):d.columns,vertical:v,horizontal:y,both:w};return i.getJSXElement(d.contentTemplate,o)}return n}(),Ne=d.showSpacer?e.createElement("div",{ref:U,style:Q.current,className:"p-virtualscroller-spacer"}):null;return e.createElement("div",f({ref:_,className:Me,tabIndex:d.tabIndex,style:d.style},Le,{onScroll:function(e){d.onScroll&&d.onScroll(e),d.delay?(q.current&&clearTimeout(q.current),ue(O)&&(!A&&d.showLoader&&(be(e).isRangeChanged||d.step&&ue(O))&&J(!0),q.current=setTimeout((function(){ze(e),!A||!d.showLoader||d.lazy&&void 0!==d.loading||(J(!1),L(ce(O)))}),d.delay))):ze(e)}}),We,Ne,He)})));I.displayName="VirtualScroller";export{I 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,mergeProps as a,IconUtils as u}from"primereact/utils";import{ComponentBase as f}from"primereact/componentbase";import{SpinnerIcon as m}from"primereact/icons/spinner";import{PrimeReactContext as p}from"primereact/api";function d(){return d=Object.assign?Object.assign.bind():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},d.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function y(e,t,r){return(t=v(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,s=[],c=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(a)throw o}}return s}}function b(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 z(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function T(){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 O(e,t){return w(e)||S(e,t)||z(e,t)||T()}var I=f.extend({defaultProps:{__TYPE:"VirtualScroller",id:null,style:null,className:null,tabIndex:0,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",step:0,numToleratedItems:null,delay:0,resizeDelay:10,appendOnly:!1,inline:!1,lazy:!1,disabled:!1,loaderDisabled:!1,loadingIcon:null,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,children:void 0}});function x(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 R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var E=e.memo(e.forwardRef((function(f,g){var h=e.useContext(p),v=I.getProps(f,h),w=t(f)||{},S="vertical"===v.orientation,b="horizontal"===v.orientation,z="both"===v.orientation,T=O(e.useState(z?{rows:0,cols:0}:0),2),x=T[0],E=T[1],j=O(e.useState(z?{rows:0,cols:0}:0),2),P=j[0],L=j[1],M=O(e.useState(0),2),H=M[0],W=M[1],C=O(e.useState(z?{rows:0,cols:0}:0),2),D=C[0],F=C[1],N=O(e.useState(v.numToleratedItems),2),A=N[0],V=N[1],J=O(e.useState(v.loading||!1),2),X=J[0],k=J[1],_=O(e.useState([]),2),B=_[0],U=_[1],Y=I.setMetaData({props:v,state:{first:x,last:P,page:H,numItemsInViewport:D,numToleratedItems:A,loading:X,loaderArr:B}}).ptm,$=e.useRef(null),q=e.useRef(null),G=e.useRef(null),K=e.useRef(null),Q=e.useRef(z?{top:0,left:0}:0),Z=e.useRef(null),ee=e.useRef(null),te=e.useRef({}),re=e.useRef({}),ne=e.useRef(null),oe=e.useRef(null),le=e.useRef(null),ie=e.useRef(null),se=e.useRef(!1),ce=e.useRef(null),ae=O(r({listener:function(e){return Ee()},when:!v.disabled}),1)[0],ue=O(n({target:"window",type:"orientationchange",listener:function(e){return Ee()},when:!v.disabled}),1)[0],fe=function(){return $},me=function(e){return Math.floor((e+4*A)/(v.step||1))},pe=function(e){return!v.step||H!==me(e)},de=function(e){Q.current=z?{top:0,left:0}:0,$.current&&$.current.scrollTo(e)},ge=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=ye().numToleratedItems,n=be(),o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return e<=(arguments.length>1?arguments[1]:void 0)?0:e},l=function(e,t,r){return e*t+r},i=function(){return de({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:t})},s=z?{rows:0,cols:0}:0,c=!1;z?(i(l((s={rows:o(e[0],r[0]),cols:o(e[1],r[1])}).cols,v.itemSize[1],n.left),l(s.rows,v.itemSize[0],n.top)),c=x.rows!==s.rows||x.cols!==s.cols):(s=o(e,r),b?i(l(s,v.itemSize,n.left),0):i(0,l(s,v.itemSize,n.top)),c=x!==s),se.current=c,E(s)},he=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=ve(),o=n.first,l=n.viewport,i=function(){return de({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:r})},s="to-end"===t;if("to-start"===t){if(z)l.first.rows-o.rows>e[0]?i(l.first.cols*v.itemSize[1],(l.first.rows-1)*v.itemSize[0]):l.first.cols-o.cols>e[1]&&i((l.first.cols-1)*v.itemSize[1],l.first.rows*v.itemSize[0]);else if(l.first-o>e){var c=(l.first-1)*v.itemSize;b?i(c,0):i(0,c)}}else if(s)if(z)l.last.rows-o.rows<=e[0]+1?i(l.first.cols*v.itemSize[1],(l.first.rows+1)*v.itemSize[0]):l.last.cols-o.cols<=e[1]+1&&i((l.first.cols+1)*v.itemSize[1],l.first.rows*v.itemSize[0]);else if(l.last-o<=e+1){var a=(l.first+1)*v.itemSize;b?i(a,0):i(0,a)}}else ge(e,r)},ve=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=x,r=0;if($.current){var n=$.current,o=n.scrollTop,l=n.scrollLeft;if(z)r={rows:(t={rows:e(o,v.itemSize[0]),cols:e(l,v.itemSize[1])}).rows+D.rows,cols:t.cols+D.cols};else r=(t=e(b?l:o,v.itemSize))+D}return{first:x,last:P,viewport:{first:t,last:r}}},ye=function(){var e=be(),t=$.current?$.current.offsetWidth-e.left:0,r=$.current?$.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=z?{rows:n(r,v.itemSize[0]),cols:n(t,v.itemSize[1])}:n(b?t:r,v.itemSize);return{numItemsInViewport:l,numToleratedItems:A||(z?[o(l.rows),o(l.cols)]:o(l))}},we=function(e){v.autoSize&&!e&&Promise.resolve().then((function(){if(q.current){q.current.style.minHeight=q.current.style.minWidth="auto",q.current.style.position="relative",$.current.style.contain="none";var e=[i.getWidth($.current),i.getHeight($.current)],t=e[0],r=e[1];(z||b)&&($.current.style.width=(t<ne.current?t:v.scrollWidth||ne.current)+"px"),(z||S)&&($.current.style.height=(r<oe.current?r:v.scrollHeight||oe.current)+"px"),q.current.style.minHeight=q.current.style.minWidth="",q.current.style.position="",$.current.style.contain=""}}))},Se=function(){return v.items?Math.min((arguments.length>1?arguments[1]:void 0)?(v.columns||v.items[0]).length:v.items.length,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0):0},be=function(){if(q.current){var e=getComputedStyle(q.current),t=parseFloat(e.paddingLeft)+Math.max(parseFloat(e.left)||0,0),r=parseFloat(e.paddingRight)+Math.max(parseFloat(e.right)||0,0),n=parseFloat(e.paddingTop)+Math.max(parseFloat(e.top)||0,0),o=parseFloat(e.paddingBottom)+Math.max(parseFloat(e.bottom)||0,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}},ze=function(){if($.current){var e=$.current.parentElement,t=v.scrollWidth||"".concat($.current.offsetWidth||e.offsetWidth,"px"),r=v.scrollHeight||"".concat($.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return $.current.style[e]=t};z||b?(n("height",r),n("width",t)):n("height",r)}},Te=function(){var e=v.items;if(e){var t=be(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return re.current=R(R({},re.current),y({},"".concat(e),(t||[]).length*r+n+"px"))};z?(r("height",e,v.itemSize[0],t.y),r("width",v.columns||e[1],v.itemSize[1],t.x)):b?r("width",v.columns||e,v.itemSize,t.x):r("height",e,v.itemSize,t.y)}},Oe=function(e){if(q.current&&!v.appendOnly){var t=e?e.first:x,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")),te.current=R(R({},te.current),{transform:"translate3d(".concat(e,"px, ").concat(t,"px, 0)")})};if(z)n(r(t.cols,v.itemSize[1]),r(t.rows,v.itemSize[0]));else{var o=r(t,v.itemSize);b?n(o,0):n(0,o)}}},Ie=function(e){var t=e.target,r=be(),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),Se(i,l)},c=n(t.scrollTop,r.top),a=n(t.scrollLeft,r.left),u=z?{rows:0,cols:0}:0,f=P,m=!1,p=Q.current;if(z){var d=Q.current.top<=c,g=Q.current.left<=a;if(!v.appendOnly||v.appendOnly&&(d||g)){var h={rows:o(c,v.itemSize[0]),cols:o(a,v.itemSize[1])},y={rows:l(h.rows,x.rows,P.rows,D.rows,A[0],d),cols:l(h.cols,x.cols,P.cols,D.cols,A[1],g)};u={rows:i(h.rows,y.rows,x.rows,0,0,A[0],d),cols:i(h.cols,y.cols,x.cols,0,0,A[1],g)},f={rows:s(h.rows,u.rows,0,D.rows,A[0]),cols:s(h.cols,u.cols,0,D.cols,A[1],!0)},m=u.rows!==x.rows||f.rows!==P.rows||u.cols!==x.cols||f.cols!==P.cols||se.current,p={top:c,left:a}}}else{var w=b?a:c,S=Q.current<=w;if(!v.appendOnly||v.appendOnly&&S){var T=o(w,v.itemSize);f=s(T,u=i(T,l(T,x,P,D,A,S),x,0,0,A,S),0,D,A),m=u!==x||f!==P||se.current,p=w}}return{first:u,last:f,isRangeChanged:m,scrollPos:p}},xe=function(e){var t=Ie(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};if(Oe(l),E(r),L(n),Q.current=o,v.onScrollIndexChange&&v.onScrollIndexChange(l),v.lazy&&pe(r)){var i={first:v.step?Math.min(me(r)*v.step,v.items.length-v.step):r,last:Math.min(v.step?(me(r)+1)*v.step:n,v.items.length)};(!ce.current||ce.current.first!==i.first||ce.current.last!==i.last)&&v.onLazyLoad&&v.onLazyLoad(i),ce.current=i}}},Re=function(e){if(v.onScroll&&v.onScroll(e),v.delay){if(Z.current&&clearTimeout(Z.current),pe(x)){if(!X&&v.showLoader)(Ie(e).isRangeChanged||!!v.step&&pe(x))&&k(!0);Z.current=setTimeout((function(){xe(e),!X||!v.showLoader||v.lazy&&void 0!==v.loading||(k(!1),W(me(x)))}),v.delay)}}else xe(e)},Ee=function(){ee.current&&clearTimeout(ee.current),ee.current=setTimeout((function(){if($.current){var e=[i.getWidth($.current),i.getHeight($.current)],t=e[0],r=e[1],n=t!==ne.current,o=r!==oe.current;(z?n||o:b?n:!!S&&o)&&(V(v.numToleratedItems),ne.current=t,oe.current=r,le.current=i.getWidth(q.current),ie.current=i.getHeight(q.current))}}),v.resizeDelay)},je=function(e){var t=(v.items||[]).length,r=z?x.rows+e:x+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:v}},Pe=function(e,t){var r=B.length;return R({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:v},t)},Le=function(){var e=v.items;return e&&!X?z?e.slice(v.appendOnly?0:x.rows,P.rows).map((function(e){return v.columns?e:e.slice(v.appendOnly?0:x.cols,P.cols)})):b&&v.columns?e:e.slice(v.appendOnly?0:x,P):[]},Me=function(){var e,t,r,n,o;v.disabled||(ze(),e=ye(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r){return Se(e+t+(e<r?2:3)*r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])},o=z?{rows:n(x.rows,t.rows,r[0]),cols:n(x.cols,t.cols,r[1],!0)}:n(x,t,r),F(t),V(r),L(o),v.showLoader&&U(z?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),v.lazy&&Promise.resolve().then((function(){ce.current={first:v.step?z?{rows:0,cols:x.cols}:0:x,last:Math.min(v.step?v.step:o,v.items.length)},v.onLazyLoad&&v.onLazyLoad(ce.current)})),Te())};o((function(){$.current&&i.isVisible($.current)&&(q.current=q.current||q.current||i.findSingle($.current,".p-virtualscroller-content"),Me(),ae(),ue(),ne.current=i.getWidth($.current),oe.current=i.getHeight($.current),le.current=i.getWidth(q.current),ie.current=i.getHeight(q.current))})),l((function(){Me()}),[v.itemSize,v.scrollHeight,v.scrollWidth]),l((function(){v.numToleratedItems!==A&&V(v.numToleratedItems)}),[v.numToleratedItems]),l((function(){v.numToleratedItems===A&&Me()}),[A]),l((function(){w.items&&w.items.length===(v.items||[]).length||Me();var e=X;v.lazy&&w.loading!==v.loading&&v.loading!==X&&(k(v.loading),e=v.loading),we(e)})),l((function(){Q.current=z?{top:0,left:0}:0}),[v.orientation]),e.useImperativeHandle(g,(function(){return{props:v,getElementRef:fe,scrollTo:de,scrollToIndex:ge,scrollInView:he,getRenderedRange:ve}}));var He=function(t){var r=Pe(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),n=s.getJSXElement(v.loadingTemplate,r);return e.createElement(e.Fragment,{key:t},n)},We=function(t,r){var n=je(r),o=s.getJSXElement(v.itemTemplate,t,n);return e.createElement(e.Fragment,{key:n.index},o)};if(v.disabled){var Ce=s.getJSXElement(v.contentTemplate,{items:v.items,rows:v.items,columns:v.columns});return e.createElement(e.Fragment,null,v.children,Ce)}var De=c("p-virtualscroller",{"p-virtualscroller-inline":v.inline,"p-virtualscroller-both p-both-scroll":z,"p-virtualscroller-horizontal p-horizontal-scroll":b},v.className),Fe=function(){var t="p-virtualscroller-loading-icon",r=a({className:t},Y("loadingIcon")),n=v.loadingIcon||e.createElement(m,d({},r,{spin:!0})),o=u.getJSXIcon(n,R({},r),{props:v});if(!v.loaderDisabled&&v.showLoader&&X){var l=c("p-virtualscroller-loader",{"p-component-overlay":!v.loadingTemplate}),i=o;v.loadingTemplate?i=B.map((function(e,t){return He(t,z&&{numCols:D.cols})})):v.loaderIconTemplate&&(i=s.getJSXElement(v.loaderIconTemplate,{iconClassName:t,element:i,props:v}));var f=a({className:l},Y("loader"));return e.createElement("div",f,i)}return null}(),Ne=function(){var t=Le().map(We),r=c("p-virtualscroller-content",{"p-virtualscroller-loading":X}),n=a({ref:q,style:te.current,className:r},Y("content")),o=e.createElement("div",n,t);if(v.contentTemplate){var l={style:te.current,className:r,spacerStyle:re.current,contentRef:function(e){return q.current=s.getRefElement(e)},spacerRef:function(e){return G.current=s.getRefElement(e)},stickyRef:function(e){return K.current=s.getRefElement(e)},items:Le(),getItemOptions:function(e){return je(e)},children:t,element:o,props:v,loading:X,getLoaderOptions:function(e,t){return Pe(e,t)},loadingTemplate:v.loadingTemplate,itemSize:v.itemSize,rows:X?v.loaderDisabled?B:[]:Le(),columns:v.columns&&z||b?X&&v.loaderDisabled?z?B[0]:B:v.columns.slice(z?x.cols:x,z?P.cols:P):v.columns,vertical:S,horizontal:b,both:z};return s.getJSXElement(v.contentTemplate,l)}return o}(),Ae=function(){if(v.showSpacer){var t=a({ref:G,style:re.current,className:"p-virtualscroller-spacer"},Y("spacer"));return e.createElement("div",t)}return null}(),Ve=a({ref:$,className:De,tabIndex:v.tabIndex,style:v.style,onScroll:function(e){return Re(e)}},I.getOtherProps(v),Y("root"));return e.createElement("div",Ve,Ne,Ae,Fe)})));E.displayName="VirtualScroller";export{E as VirtualScroller};

package/virtualscroller/virtualscroller.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinner) {
+this.primereact.virtualscroller = (function (exports, React, hooks, utils, componentbase, spinner, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -133,7 +133,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinn
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var VirtualScrollerBase = {
+  var VirtualScrollerBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'VirtualScroller',
       id: null,
@@ -168,19 +168,14 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinn
       onScrollIndexChange: null,
       onLazyLoad: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, VirtualScrollerBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, VirtualScrollerBase.defaultProps);
     }
-  };
+  });
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = VirtualScrollerBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = VirtualScrollerBase.getProps(inProps, context);
     var prevProps = hooks.usePrevious(inProps) || {};
     var vertical = props.orientation === 'vertical';
     var horizontal = props.orientation === 'horizontal';
@@ -222,6 +217,19 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinn
       _React$useState14 = _slicedToArray(_React$useState13, 2),
       loaderArrState = _React$useState14[0],
       setLoaderArrState = _React$useState14[1];
+    var _VirtualScrollerBase$ = VirtualScrollerBase.setMetaData({
+        props: props,
+        state: {
+          first: firstState,
+          last: lastState,
+          page: pageState,
+          numItemsInViewport: numItemsInViewportState,
+          numToleratedItems: numToleratedItemsState,
+          loading: loadingState,
+          loaderArr: loaderArrState
+        }
+      }),
+      ptm = _VirtualScrollerBase$.ptm;
     var elementRef = React__namespace.useRef(null);
     var _contentRef = React__namespace.useRef(null);
     var _spacerRef = React__namespace.useRef(null);
@@ -680,7 +688,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinn
         }
       }
     };
-    var onScroll = function onScroll(event) {
+    var _onScroll = function onScroll(event) {
       props.onScroll && props.onScroll(event);
       if (props.delay) {
         if (scrollTimeout.current) {
@@ -833,13 +841,13 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinn
     };
     var createLoader = function createLoader() {
       var iconClassName = 'p-virtualscroller-loading-icon';
-      var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, {
-        className: iconClassName,
-        spin: true
-      });
-      var loadingIcon = utils.IconUtils.getJSXIcon(icon, {
+      var loadingIconProps = utils.mergeProps({
         className: iconClassName
-      }, {
+      }, ptm('loadingIcon'));
+      var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, _extends({}, loadingIconProps, {
+        spin: true
+      }));
+      var loadingIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
         props: props
       });
       if (!props.loaderDisabled && props.showLoader && loadingState) {
@@ -861,19 +869,21 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinn
           };
           content = utils.ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
         }
-        return /*#__PURE__*/React__namespace.createElement("div", {
+        var loaderProps = utils.mergeProps({
           className: className
-        }, content);
+        }, ptm('loader'));
+        return /*#__PURE__*/React__namespace.createElement("div", loaderProps, content);
       }
       return null;
     };
     var createSpacer = function createSpacer() {
       if (props.showSpacer) {
-        return /*#__PURE__*/React__namespace.createElement("div", {
+        var spacerProps = utils.mergeProps({
           ref: _spacerRef,
           style: spacerStyle.current,
-          className: "p-virtualscroller-spacer"
-        });
+          className: 'p-virtualscroller-spacer'
+        }, ptm('spacer'));
+        return /*#__PURE__*/React__namespace.createElement("div", spacerProps);
       }
       return null;
     };
@@ -893,11 +903,12 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinn
       var className = utils.classNames('p-virtualscroller-content', {
         'p-virtualscroller-loading': loadingState
       });
-      var content = /*#__PURE__*/React__namespace.createElement("div", {
+      var contentProps = utils.mergeProps({
         ref: _contentRef,
         style: contentStyle.current,
         className: className
-      }, items);
+      }, ptm('content'));
+      var content = /*#__PURE__*/React__namespace.createElement("div", contentProps, items);
       if (props.contentTemplate) {
         var defaultOptions = {
           style: contentStyle.current,
@@ -943,7 +954,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinn
       });
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, props.children, content);
     } else {
-      var otherProps = VirtualScrollerBase.getOtherProps(props);
       var className = utils.classNames('p-virtualscroller', {
         'p-virtualscroller-inline': props.inline,
         'p-virtualscroller-both p-both-scroll': both,
@@ -952,14 +962,16 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinn
       var loader = createLoader();
       var _content = createContent();
       var spacer = createSpacer();
-      return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      var rootProps = utils.mergeProps({
         ref: elementRef,
         className: className,
         tabIndex: props.tabIndex,
-        style: props.style
-      }, otherProps, {
-        onScroll: onScroll
-      }), _content, spacer, loader);
+        style: props.style,
+        onScroll: function onScroll(e) {
+          return _onScroll(e);
+        }
+      }, VirtualScrollerBase.getOtherProps(props), ptm('root'));
+      return /*#__PURE__*/React__namespace.createElement("div", rootProps, _content, spacer, loader);
     }
   }));
   VirtualScroller.displayName = 'VirtualScroller';
@@ -970,4 +982,4 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinn
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.icons.spinner);
+})({}, React, primereact.hooks, primereact.utils, primereact.componentbase, primereact.icons.spinner, primereact.api);

package/virtualscroller/virtualscroller.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.virtualscroller=function(e,t,r,n,o){"use strict";function l(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 i=l(t);function s(){return s=Object.assign?Object.assign.bind():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 c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function a(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=a(e,"string");return"symbol"===c(t)?t:String(t)}function f(e,t,r){return(t=u(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e){if(Array.isArray(e))return e}function p(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,s=[],c=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(a)throw o}}return s}}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 g(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 h(){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 v(e,t){return m(e)||p(e,t)||g(e,t)||h()}var y={defaultProps:{__TYPE:"VirtualScroller",id:null,style:null,className:null,tabIndex:0,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",step:0,numToleratedItems:null,delay:0,resizeDelay:10,appendOnly:!1,inline:!1,lazy:!1,disabled:!1,loaderDisabled:!1,loadingIcon:null,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,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,y.defaultProps)}};function w(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 b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var S=i.memo(i.forwardRef((function(e,t){var l=y.getProps(e),c=r.usePrevious(e)||{},a="vertical"===l.orientation,u="horizontal"===l.orientation,m="both"===l.orientation,p=v(i.useState(m?{rows:0,cols:0}:0),2),d=p[0],g=p[1],h=v(i.useState(m?{rows:0,cols:0}:0),2),w=h[0],S=h[1],O=v(i.useState(0),2),z=O[0],j=O[1],T=v(i.useState(m?{rows:0,cols:0}:0),2),I=T[0],E=T[1],R=v(i.useState(l.numToleratedItems),2),P=R[0],x=R[1],H=v(i.useState(l.loading||!1),2),D=H[0],L=H[1],M=v(i.useState([]),2),U=M[0],N=M[1],W=i.useRef(null),F=i.useRef(null),C=i.useRef(null),A=i.useRef(null),V=i.useRef(m?{top:0,left:0}:0),k=i.useRef(null),J=i.useRef(null),X=i.useRef({}),_=i.useRef({}),B=i.useRef(null),Y=i.useRef(null),$=i.useRef(null),q=i.useRef(null),G=i.useRef(!1),K=i.useRef(null),Q=v(r.useResizeListener({listener:function(e){return he()},when:!l.disabled}),1)[0],Z=v(r.useEventListener({target:"window",type:"orientationchange",listener:function(e){return he()},when:!l.disabled}),1)[0],ee=function(){return W},te=function(e){return Math.floor((e+4*P)/(l.step||1))},re=function(e){return!l.step||z!==te(e)},ne=function(e){V.current=m?{top:0,left:0}:0,W.current&&W.current.scrollTo(e)},oe=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=se().numToleratedItems,n=ue(),o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return e<=(arguments.length>1?arguments[1]:void 0)?0:e},i=function(e,t,r){return e*t+r},s=function(){return ne({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:t})},c=m?{rows:0,cols:0}:0,a=!1;m?(s(i((c={rows:o(e[0],r[0]),cols:o(e[1],r[1])}).cols,l.itemSize[1],n.left),i(c.rows,l.itemSize[0],n.top)),a=d.rows!==c.rows||d.cols!==c.cols):(c=o(e,r),u?s(i(c,l.itemSize,n.left),0):s(0,i(c,l.itemSize,n.top)),a=d!==c),G.current=a,g(c)},le=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=ie(),o=n.first,i=n.viewport,s=function(){return ne({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:r})},c="to-end"===t;if("to-start"===t){if(m)i.first.rows-o.rows>e[0]?s(i.first.cols*l.itemSize[1],(i.first.rows-1)*l.itemSize[0]):i.first.cols-o.cols>e[1]&&s((i.first.cols-1)*l.itemSize[1],i.first.rows*l.itemSize[0]);else if(i.first-o>e){var a=(i.first-1)*l.itemSize;u?s(a,0):s(0,a)}}else if(c)if(m)i.last.rows-o.rows<=e[0]+1?s(i.first.cols*l.itemSize[1],(i.first.rows+1)*l.itemSize[0]):i.last.cols-o.cols<=e[1]+1&&s((i.first.cols+1)*l.itemSize[1],i.first.rows*l.itemSize[0]);else if(i.last-o<=e+1){var f=(i.first+1)*l.itemSize;u?s(f,0):s(0,f)}}else oe(e,r)},ie=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=d,r=0;if(W.current){var n=W.current,o=n.scrollTop,i=n.scrollLeft;if(m)r={rows:(t={rows:e(o,l.itemSize[0]),cols:e(i,l.itemSize[1])}).rows+I.rows,cols:t.cols+I.cols};else r=(t=e(u?i:o,l.itemSize))+I}return{first:d,last:w,viewport:{first:t,last:r}}},se=function(){var e=ue(),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)},i=m?{rows:n(r,l.itemSize[0]),cols:n(t,l.itemSize[1])}:n(u?t:r,l.itemSize);return{numItemsInViewport:i,numToleratedItems:P||(m?[o(i.rows),o(i.cols)]:o(i))}},ce=function(e){l.autoSize&&!e&&Promise.resolve().then((function(){if(F.current){F.current.style.minHeight=F.current.style.minWidth="auto",F.current.style.position="relative",W.current.style.contain="none";var e=[n.DomHandler.getWidth(W.current),n.DomHandler.getHeight(W.current)],t=e[0],r=e[1];(m||u)&&(W.current.style.width=(t<B.current?t:l.scrollWidth||B.current)+"px"),(m||a)&&(W.current.style.height=(r<Y.current?r:l.scrollHeight||Y.current)+"px"),F.current.style.minHeight=F.current.style.minWidth="",F.current.style.position="",W.current.style.contain=""}}))},ae=function(){return l.items?Math.min((arguments.length>1?arguments[1]:void 0)?(l.columns||l.items[0]).length:l.items.length,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0):0},ue=function(){if(F.current){var e=getComputedStyle(F.current),t=parseFloat(e.paddingLeft)+Math.max(parseFloat(e.left)||0,0),r=parseFloat(e.paddingRight)+Math.max(parseFloat(e.right)||0,0),n=parseFloat(e.paddingTop)+Math.max(parseFloat(e.top)||0,0),o=parseFloat(e.paddingBottom)+Math.max(parseFloat(e.bottom)||0,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}},fe=function(){if(W.current){var e=W.current.parentElement,t=l.scrollWidth||"".concat(W.current.offsetWidth||e.offsetWidth,"px"),r=l.scrollHeight||"".concat(W.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return W.current.style[e]=t};m||u?(n("height",r),n("width",t)):n("height",r)}},me=function(){var e=l.items;if(e){var t=ue(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return _.current=b(b({},_.current),f({},"".concat(e),(t||[]).length*r+n+"px"))};m?(r("height",e,l.itemSize[0],t.y),r("width",l.columns||e[1],l.itemSize[1],t.x)):u?r("width",l.columns||e,l.itemSize,t.x):r("height",e,l.itemSize,t.y)}},pe=function(e){if(F.current&&!l.appendOnly){var t=e?e.first:d,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;A.current&&(A.current.style.top="-".concat(t,"px")),X.current=b(b({},X.current),{transform:"translate3d(".concat(e,"px, ").concat(t,"px, 0)")})};if(m)n(r(t.cols,l.itemSize[1]),r(t.rows,l.itemSize[0]));else{var o=r(t,l.itemSize);u?n(o,0):n(0,o)}}},de=function(e){var t=e.target,r=ue(),n=function(e,t){return e?e>t?e-t:e:0},o=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},s=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)},c=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),ae(i,l)},a=n(t.scrollTop,r.top),f=n(t.scrollLeft,r.left),p=m?{rows:0,cols:0}:0,g=w,h=!1,v=V.current;if(m){var y=V.current.top<=a,b=V.current.left<=f;if(!l.appendOnly||l.appendOnly&&(y||b)){var S={rows:o(a,l.itemSize[0]),cols:o(f,l.itemSize[1])},O={rows:i(S.rows,d.rows,w.rows,I.rows,P[0],y),cols:i(S.cols,d.cols,w.cols,I.cols,P[1],b)};p={rows:s(S.rows,O.rows,d.rows,0,0,P[0],y),cols:s(S.cols,O.cols,d.cols,0,0,P[1],b)},g={rows:c(S.rows,p.rows,0,I.rows,P[0]),cols:c(S.cols,p.cols,0,I.cols,P[1],!0)},h=p.rows!==d.rows||g.rows!==w.rows||p.cols!==d.cols||g.cols!==w.cols||G.current,v={top:a,left:f}}}else{var z=u?f:a,j=V.current<=z;if(!l.appendOnly||l.appendOnly&&j){var T=o(z,l.itemSize);g=c(T,p=s(T,i(T,d,w,I,P,j),d,0,0,P,j),0,I,P),h=p!==d||g!==w||G.current,v=z}}return{first:p,last:g,isRangeChanged:h,scrollPos:v}},ge=function(e){var t=de(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var i={first:r,last:n};if(pe(i),g(r),S(n),V.current=o,l.onScrollIndexChange&&l.onScrollIndexChange(i),l.lazy&&re(r)){var s={first:l.step?Math.min(te(r)*l.step,l.items.length-l.step):r,last:Math.min(l.step?(te(r)+1)*l.step:n,l.items.length)};(!K.current||K.current.first!==s.first||K.current.last!==s.last)&&l.onLazyLoad&&l.onLazyLoad(s),K.current=s}}},he=function(){J.current&&clearTimeout(J.current),J.current=setTimeout((function(){if(W.current){var e=[n.DomHandler.getWidth(W.current),n.DomHandler.getHeight(W.current)],t=e[0],r=e[1],o=t!==B.current,i=r!==Y.current;(m?o||i:u?o:!!a&&i)&&(x(l.numToleratedItems),B.current=t,Y.current=r,$.current=n.DomHandler.getWidth(F.current),q.current=n.DomHandler.getHeight(F.current))}}),l.resizeDelay)},ve=function(e){var t=(l.items||[]).length,r=m?d.rows+e:d+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:l}},ye=function(e,t){var r=U.length;return b({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:l},t)},we=function(){var e=l.items;return e&&!D?m?e.slice(l.appendOnly?0:d.rows,w.rows).map((function(e){return l.columns?e:e.slice(l.appendOnly?0:d.cols,w.cols)})):u&&l.columns?e:e.slice(l.appendOnly?0:d,w):[]},be=function(){var e,t,r,n,o;l.disabled||(fe(),e=se(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r){return ae(e+t+(e<r?2:3)*r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])},o=m?{rows:n(d.rows,t.rows,r[0]),cols:n(d.cols,t.cols,r[1],!0)}:n(d,t,r),E(t),x(r),S(o),l.showLoader&&N(m?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),l.lazy&&Promise.resolve().then((function(){K.current={first:l.step?m?{rows:0,cols:d.cols}:0:d,last:Math.min(l.step?l.step:o,l.items.length)},l.onLazyLoad&&l.onLazyLoad(K.current)})),me())};r.useMountEffect((function(){W.current&&n.DomHandler.isVisible(W.current)&&(F.current=F.current||F.current||n.DomHandler.findSingle(W.current,".p-virtualscroller-content"),be(),Q(),Z(),B.current=n.DomHandler.getWidth(W.current),Y.current=n.DomHandler.getHeight(W.current),$.current=n.DomHandler.getWidth(F.current),q.current=n.DomHandler.getHeight(F.current))})),r.useUpdateEffect((function(){be()}),[l.itemSize,l.scrollHeight,l.scrollWidth]),r.useUpdateEffect((function(){l.numToleratedItems!==P&&x(l.numToleratedItems)}),[l.numToleratedItems]),r.useUpdateEffect((function(){l.numToleratedItems===P&&be()}),[P]),r.useUpdateEffect((function(){c.items&&c.items.length===(l.items||[]).length||be();var e=D;l.lazy&&c.loading!==l.loading&&l.loading!==D&&(L(l.loading),e=l.loading),ce(e)})),r.useUpdateEffect((function(){V.current=m?{top:0,left:0}:0}),[l.orientation]),i.useImperativeHandle(t,(function(){return{props:l,getElementRef:ee,scrollTo:ne,scrollToIndex:oe,scrollInView:le,getRenderedRange:ie}}));var Se=function(e){var t=ye(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),r=n.ObjectUtils.getJSXElement(l.loadingTemplate,t);return i.createElement(i.Fragment,{key:e},r)},Oe=function(e,t){var r=ve(t),o=n.ObjectUtils.getJSXElement(l.itemTemplate,e,r);return i.createElement(i.Fragment,{key:r.index},o)};if(l.disabled){var ze=n.ObjectUtils.getJSXElement(l.contentTemplate,{items:l.items,rows:l.items,columns:l.columns});return i.createElement(i.Fragment,null,l.children,ze)}var je=y.getOtherProps(l),Te=n.classNames("p-virtualscroller",{"p-virtualscroller-inline":l.inline,"p-virtualscroller-both p-both-scroll":m,"p-virtualscroller-horizontal p-horizontal-scroll":u},l.className),Ie=function(){var e="p-virtualscroller-loading-icon",t=n.IconUtils.getJSXIcon(l.loadingIcon||i.createElement(o.SpinnerIcon,{className:e,spin:!0}),{className:e},{props:l});if(!l.loaderDisabled&&l.showLoader&&D){var r=n.classNames("p-virtualscroller-loader",{"p-component-overlay":!l.loadingTemplate}),s=t;return l.loadingTemplate?s=U.map((function(e,t){return Se(t,m&&{numCols:I.cols})})):l.loaderIconTemplate&&(s=n.ObjectUtils.getJSXElement(l.loaderIconTemplate,{iconClassName:e,element:s,props:l})),i.createElement("div",{className:r},s)}return null}(),Ee=function(){var e=we().map(Oe),t=n.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":D}),r=i.createElement("div",{ref:F,style:X.current,className:t},e);if(l.contentTemplate){var o={style:X.current,className:t,spacerStyle:_.current,contentRef:function(e){return F.current=n.ObjectUtils.getRefElement(e)},spacerRef:function(e){return C.current=n.ObjectUtils.getRefElement(e)},stickyRef:function(e){return A.current=n.ObjectUtils.getRefElement(e)},items:we(),getItemOptions:function(e){return ve(e)},children:e,element:r,props:l,loading:D,getLoaderOptions:function(e,t){return ye(e,t)},loadingTemplate:l.loadingTemplate,itemSize:l.itemSize,rows:D?l.loaderDisabled?U:[]:we(),columns:l.columns&&m||u?D&&l.loaderDisabled?m?U[0]:U:l.columns.slice(m?d.cols:d,m?w.cols:w):l.columns,vertical:a,horizontal:u,both:m};return n.ObjectUtils.getJSXElement(l.contentTemplate,o)}return r}(),Re=l.showSpacer?i.createElement("div",{ref:C,style:_.current,className:"p-virtualscroller-spacer"}):null;return i.createElement("div",s({ref:W,className:Te,tabIndex:l.tabIndex,style:l.style},je,{onScroll:function(e){l.onScroll&&l.onScroll(e),l.delay?(k.current&&clearTimeout(k.current),re(d)&&(!D&&l.showLoader&&(de(e).isRangeChanged||l.step&&re(d))&&L(!0),k.current=setTimeout((function(){ge(e),!D||!l.showLoader||l.lazy&&void 0!==l.loading||(L(!1),j(te(d)))}),l.delay))):ge(e)}}),Ee,Re,Ie)})));return S.displayName="VirtualScroller",e.VirtualScroller=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.icons.spinner);
+this.primereact=this.primereact||{},this.primereact.virtualscroller=function(e,t,r,n,o,l,i){"use strict";function s(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 c=s(t);function a(){return a=Object.assign?Object.assign.bind():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){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function f(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=f(e,"string");return"symbol"===u(t)?t:String(t)}function p(e,t,r){return(t=m(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){if(Array.isArray(e))return e}function g(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,s=[],c=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(a)throw o}}return s}}function h(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 v(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function y(){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 w(e,t){return d(e)||g(e,t)||v(e,t)||y()}var b=o.ComponentBase.extend({defaultProps:{__TYPE:"VirtualScroller",id:null,style:null,className:null,tabIndex:0,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",step:0,numToleratedItems:null,delay:0,resizeDelay:10,appendOnly:!1,inline:!1,lazy:!1,disabled:!1,loaderDisabled:!1,loadingIcon:null,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,children:void 0}});function S(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 z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=c.memo(c.forwardRef((function(e,t){var o=c.useContext(i.PrimeReactContext),s=b.getProps(e,o),u=r.usePrevious(e)||{},f="vertical"===s.orientation,m="horizontal"===s.orientation,d="both"===s.orientation,g=w(c.useState(d?{rows:0,cols:0}:0),2),h=g[0],v=g[1],y=w(c.useState(d?{rows:0,cols:0}:0),2),S=y[0],O=y[1],I=w(c.useState(0),2),T=I[0],j=I[1],R=w(c.useState(d?{rows:0,cols:0}:0),2),x=R[0],E=R[1],P=w(c.useState(s.numToleratedItems),2),H=P[0],D=P[1],L=w(c.useState(s.loading||!1),2),M=L[0],U=L[1],N=w(c.useState([]),2),W=N[0],C=N[1],F=b.setMetaData({props:s,state:{first:h,last:S,page:T,numItemsInViewport:x,numToleratedItems:H,loading:M,loaderArr:W}}).ptm,A=c.useRef(null),V=c.useRef(null),k=c.useRef(null),J=c.useRef(null),X=c.useRef(d?{top:0,left:0}:0),_=c.useRef(null),B=c.useRef(null),Y=c.useRef({}),$=c.useRef({}),q=c.useRef(null),G=c.useRef(null),K=c.useRef(null),Q=c.useRef(null),Z=c.useRef(!1),ee=c.useRef(null),te=w(r.useResizeListener({listener:function(e){return be()},when:!s.disabled}),1)[0],re=w(r.useEventListener({target:"window",type:"orientationchange",listener:function(e){return be()},when:!s.disabled}),1)[0],ne=function(){return A},oe=function(e){return Math.floor((e+4*H)/(s.step||1))},le=function(e){return!s.step||T!==oe(e)},ie=function(e){X.current=d?{top:0,left:0}:0,A.current&&A.current.scrollTo(e)},se=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=ue().numToleratedItems,n=pe(),o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return e<=(arguments.length>1?arguments[1]:void 0)?0:e},l=function(e,t,r){return e*t+r},i=function(){return ie({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:t})},c=d?{rows:0,cols:0}:0,a=!1;d?(i(l((c={rows:o(e[0],r[0]),cols:o(e[1],r[1])}).cols,s.itemSize[1],n.left),l(c.rows,s.itemSize[0],n.top)),a=h.rows!==c.rows||h.cols!==c.cols):(c=o(e,r),m?i(l(c,s.itemSize,n.left),0):i(0,l(c,s.itemSize,n.top)),a=h!==c),Z.current=a,v(c)},ce=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=ae(),o=n.first,l=n.viewport,i=function(){return ie({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:r})},c="to-end"===t;if("to-start"===t){if(d)l.first.rows-o.rows>e[0]?i(l.first.cols*s.itemSize[1],(l.first.rows-1)*s.itemSize[0]):l.first.cols-o.cols>e[1]&&i((l.first.cols-1)*s.itemSize[1],l.first.rows*s.itemSize[0]);else if(l.first-o>e){var a=(l.first-1)*s.itemSize;m?i(a,0):i(0,a)}}else if(c)if(d)l.last.rows-o.rows<=e[0]+1?i(l.first.cols*s.itemSize[1],(l.first.rows+1)*s.itemSize[0]):l.last.cols-o.cols<=e[1]+1&&i((l.first.cols+1)*s.itemSize[1],l.first.rows*s.itemSize[0]);else if(l.last-o<=e+1){var u=(l.first+1)*s.itemSize;m?i(u,0):i(0,u)}}else se(e,r)},ae=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=h,r=0;if(A.current){var n=A.current,o=n.scrollTop,l=n.scrollLeft;if(d)r={rows:(t={rows:e(o,s.itemSize[0]),cols:e(l,s.itemSize[1])}).rows+x.rows,cols:t.cols+x.cols};else r=(t=e(m?l:o,s.itemSize))+x}return{first:h,last:S,viewport:{first:t,last:r}}},ue=function(){var e=pe(),t=A.current?A.current.offsetWidth-e.left:0,r=A.current?A.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=d?{rows:n(r,s.itemSize[0]),cols:n(t,s.itemSize[1])}:n(m?t:r,s.itemSize);return{numItemsInViewport:l,numToleratedItems:H||(d?[o(l.rows),o(l.cols)]:o(l))}},fe=function(e){s.autoSize&&!e&&Promise.resolve().then((function(){if(V.current){V.current.style.minHeight=V.current.style.minWidth="auto",V.current.style.position="relative",A.current.style.contain="none";var e=[n.DomHandler.getWidth(A.current),n.DomHandler.getHeight(A.current)],t=e[0],r=e[1];(d||m)&&(A.current.style.width=(t<q.current?t:s.scrollWidth||q.current)+"px"),(d||f)&&(A.current.style.height=(r<G.current?r:s.scrollHeight||G.current)+"px"),V.current.style.minHeight=V.current.style.minWidth="",V.current.style.position="",A.current.style.contain=""}}))},me=function(){return s.items?Math.min((arguments.length>1?arguments[1]:void 0)?(s.columns||s.items[0]).length:s.items.length,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0):0},pe=function(){if(V.current){var e=getComputedStyle(V.current),t=parseFloat(e.paddingLeft)+Math.max(parseFloat(e.left)||0,0),r=parseFloat(e.paddingRight)+Math.max(parseFloat(e.right)||0,0),n=parseFloat(e.paddingTop)+Math.max(parseFloat(e.top)||0,0),o=parseFloat(e.paddingBottom)+Math.max(parseFloat(e.bottom)||0,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}},de=function(){if(A.current){var e=A.current.parentElement,t=s.scrollWidth||"".concat(A.current.offsetWidth||e.offsetWidth,"px"),r=s.scrollHeight||"".concat(A.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return A.current.style[e]=t};d||m?(n("height",r),n("width",t)):n("height",r)}},ge=function(){var e=s.items;if(e){var t=pe(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return $.current=z(z({},$.current),p({},"".concat(e),(t||[]).length*r+n+"px"))};d?(r("height",e,s.itemSize[0],t.y),r("width",s.columns||e[1],s.itemSize[1],t.x)):m?r("width",s.columns||e,s.itemSize,t.x):r("height",e,s.itemSize,t.y)}},he=function(e){if(V.current&&!s.appendOnly){var t=e?e.first:h,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;J.current&&(J.current.style.top="-".concat(t,"px")),Y.current=z(z({},Y.current),{transform:"translate3d(".concat(e,"px, ").concat(t,"px, 0)")})};if(d)n(r(t.cols,s.itemSize[1]),r(t.rows,s.itemSize[0]));else{var o=r(t,s.itemSize);m?n(o,0):n(0,o)}}},ve=function(e){var t=e.target,r=pe(),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)},c=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),me(i,l)},a=n(t.scrollTop,r.top),u=n(t.scrollLeft,r.left),f=d?{rows:0,cols:0}:0,p=S,g=!1,v=X.current;if(d){var y=X.current.top<=a,w=X.current.left<=u;if(!s.appendOnly||s.appendOnly&&(y||w)){var b={rows:o(a,s.itemSize[0]),cols:o(u,s.itemSize[1])},z={rows:l(b.rows,h.rows,S.rows,x.rows,H[0],y),cols:l(b.cols,h.cols,S.cols,x.cols,H[1],w)};f={rows:i(b.rows,z.rows,h.rows,0,0,H[0],y),cols:i(b.cols,z.cols,h.cols,0,0,H[1],w)},p={rows:c(b.rows,f.rows,0,x.rows,H[0]),cols:c(b.cols,f.cols,0,x.cols,H[1],!0)},g=f.rows!==h.rows||p.rows!==S.rows||f.cols!==h.cols||p.cols!==S.cols||Z.current,v={top:a,left:u}}}else{var O=m?u:a,I=X.current<=O;if(!s.appendOnly||s.appendOnly&&I){var T=o(O,s.itemSize);p=c(T,f=i(T,l(T,h,S,x,H,I),h,0,0,H,I),0,x,H),g=f!==h||p!==S||Z.current,v=O}}return{first:f,last:p,isRangeChanged:g,scrollPos:v}},ye=function(e){var t=ve(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};if(he(l),v(r),O(n),X.current=o,s.onScrollIndexChange&&s.onScrollIndexChange(l),s.lazy&&le(r)){var i={first:s.step?Math.min(oe(r)*s.step,s.items.length-s.step):r,last:Math.min(s.step?(oe(r)+1)*s.step:n,s.items.length)};(!ee.current||ee.current.first!==i.first||ee.current.last!==i.last)&&s.onLazyLoad&&s.onLazyLoad(i),ee.current=i}}},we=function(e){if(s.onScroll&&s.onScroll(e),s.delay){if(_.current&&clearTimeout(_.current),le(h)){if(!M&&s.showLoader)(ve(e).isRangeChanged||!!s.step&&le(h))&&U(!0);_.current=setTimeout((function(){ye(e),!M||!s.showLoader||s.lazy&&void 0!==s.loading||(U(!1),j(oe(h)))}),s.delay)}}else ye(e)},be=function(){B.current&&clearTimeout(B.current),B.current=setTimeout((function(){if(A.current){var e=[n.DomHandler.getWidth(A.current),n.DomHandler.getHeight(A.current)],t=e[0],r=e[1],o=t!==q.current,l=r!==G.current;(d?o||l:m?o:!!f&&l)&&(D(s.numToleratedItems),q.current=t,G.current=r,K.current=n.DomHandler.getWidth(V.current),Q.current=n.DomHandler.getHeight(V.current))}}),s.resizeDelay)},Se=function(e){var t=(s.items||[]).length,r=d?h.rows+e:h+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:s}},ze=function(e,t){var r=W.length;return z({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:s},t)},Oe=function(){var e=s.items;return e&&!M?d?e.slice(s.appendOnly?0:h.rows,S.rows).map((function(e){return s.columns?e:e.slice(s.appendOnly?0:h.cols,S.cols)})):m&&s.columns?e:e.slice(s.appendOnly?0:h,S):[]},Ie=function(){var e,t,r,n,o;s.disabled||(de(),e=ue(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r){return me(e+t+(e<r?2:3)*r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])},o=d?{rows:n(h.rows,t.rows,r[0]),cols:n(h.cols,t.cols,r[1],!0)}:n(h,t,r),E(t),D(r),O(o),s.showLoader&&C(d?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),s.lazy&&Promise.resolve().then((function(){ee.current={first:s.step?d?{rows:0,cols:h.cols}:0:h,last:Math.min(s.step?s.step:o,s.items.length)},s.onLazyLoad&&s.onLazyLoad(ee.current)})),ge())};r.useMountEffect((function(){A.current&&n.DomHandler.isVisible(A.current)&&(V.current=V.current||V.current||n.DomHandler.findSingle(A.current,".p-virtualscroller-content"),Ie(),te(),re(),q.current=n.DomHandler.getWidth(A.current),G.current=n.DomHandler.getHeight(A.current),K.current=n.DomHandler.getWidth(V.current),Q.current=n.DomHandler.getHeight(V.current))})),r.useUpdateEffect((function(){Ie()}),[s.itemSize,s.scrollHeight,s.scrollWidth]),r.useUpdateEffect((function(){s.numToleratedItems!==H&&D(s.numToleratedItems)}),[s.numToleratedItems]),r.useUpdateEffect((function(){s.numToleratedItems===H&&Ie()}),[H]),r.useUpdateEffect((function(){u.items&&u.items.length===(s.items||[]).length||Ie();var e=M;s.lazy&&u.loading!==s.loading&&s.loading!==M&&(U(s.loading),e=s.loading),fe(e)})),r.useUpdateEffect((function(){X.current=d?{top:0,left:0}:0}),[s.orientation]),c.useImperativeHandle(t,(function(){return{props:s,getElementRef:ne,scrollTo:ie,scrollToIndex:se,scrollInView:ce,getRenderedRange:ae}}));var Te=function(e){var t=ze(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),r=n.ObjectUtils.getJSXElement(s.loadingTemplate,t);return c.createElement(c.Fragment,{key:e},r)},je=function(e,t){var r=Se(t),o=n.ObjectUtils.getJSXElement(s.itemTemplate,e,r);return c.createElement(c.Fragment,{key:r.index},o)};if(s.disabled){var Re=n.ObjectUtils.getJSXElement(s.contentTemplate,{items:s.items,rows:s.items,columns:s.columns});return c.createElement(c.Fragment,null,s.children,Re)}var xe=n.classNames("p-virtualscroller",{"p-virtualscroller-inline":s.inline,"p-virtualscroller-both p-both-scroll":d,"p-virtualscroller-horizontal p-horizontal-scroll":m},s.className),Ee=function(){var e="p-virtualscroller-loading-icon",t=n.mergeProps({className:e},F("loadingIcon")),r=s.loadingIcon||c.createElement(l.SpinnerIcon,a({},t,{spin:!0})),o=n.IconUtils.getJSXIcon(r,z({},t),{props:s});if(!s.loaderDisabled&&s.showLoader&&M){var i=n.classNames("p-virtualscroller-loader",{"p-component-overlay":!s.loadingTemplate}),u=o;s.loadingTemplate?u=W.map((function(e,t){return Te(t,d&&{numCols:x.cols})})):s.loaderIconTemplate&&(u=n.ObjectUtils.getJSXElement(s.loaderIconTemplate,{iconClassName:e,element:u,props:s}));var f=n.mergeProps({className:i},F("loader"));return c.createElement("div",f,u)}return null}(),Pe=function(){var e=Oe().map(je),t=n.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":M}),r=n.mergeProps({ref:V,style:Y.current,className:t},F("content")),o=c.createElement("div",r,e);if(s.contentTemplate){var l={style:Y.current,className:t,spacerStyle:$.current,contentRef:function(e){return V.current=n.ObjectUtils.getRefElement(e)},spacerRef:function(e){return k.current=n.ObjectUtils.getRefElement(e)},stickyRef:function(e){return J.current=n.ObjectUtils.getRefElement(e)},items:Oe(),getItemOptions:function(e){return Se(e)},children:e,element:o,props:s,loading:M,getLoaderOptions:function(e,t){return ze(e,t)},loadingTemplate:s.loadingTemplate,itemSize:s.itemSize,rows:M?s.loaderDisabled?W:[]:Oe(),columns:s.columns&&d||m?M&&s.loaderDisabled?d?W[0]:W:s.columns.slice(d?h.cols:h,d?S.cols:S):s.columns,vertical:f,horizontal:m,both:d};return n.ObjectUtils.getJSXElement(s.contentTemplate,l)}return o}(),He=function(){if(s.showSpacer){var e=n.mergeProps({ref:k,style:$.current,className:"p-virtualscroller-spacer"},F("spacer"));return c.createElement("div",e)}return null}(),De=n.mergeProps({ref:A,className:xe,tabIndex:s.tabIndex,style:s.style,onScroll:function(e){return we(e)}},b.getOtherProps(s),F("root"));return c.createElement("div",De,Pe,He,Ee)})));return O.displayName="VirtualScroller",e.VirtualScroller=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.componentbase,primereact.icons.spinner,primereact.api);

package/web-types.json

@@ -1,7 +1,7 @@
 {
     "framework": "React",
     "name": "PrimeReact",
-    "version": "9.4.0",
+    "version": "9.6.0",
     "tags": [
         {
             "name": "Accordion",