primereact 9.2.2 → 9.3.0

package/tristatecheckbox/tristatecheckbox.esm.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { ariaLabel } from 'primereact/api';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
+import { TimesIcon } from 'primereact/icons/times';
+import { CheckIcon } from 'primereact/icons/check';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -84,6 +86,8 @@ var TriStateCheckboxBase = {
     readOnly: false,
     tabIndex: '0',
     tooltip: null,
+    checkIcon: null,
+    uncheckIcon: null,
     tooltipOptions: null,
     onChange: null,
     children: undefined
@@ -159,9 +163,21 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     'p-disabled': props.disabled,
     'p-focus': focusedState
   });
-  var iconClassName = classNames('p-checkbox-icon p-c', {
-    'pi pi-check': props.value === true,
-    'pi pi-times': props.value === false
+  var iconClassName = 'p-checkbox-icon p-c';
+  var icon;
+  if (props.value === false) {
+    icon = props.uncheckIcon || /*#__PURE__*/React.createElement(TimesIcon, {
+      className: iconClassName
+    });
+  } else if (props.value === true) {
+    icon = props.checkIcon || /*#__PURE__*/React.createElement(CheckIcon, {
+      className: iconClassName
+    });
+  }
+  var checkIcon = IconUtils.getJSXIcon(icon, {
+    className: iconClassName
+  }, {
+    props: props
   });
   var ariaValueLabel = props.value ? ariaLabel('trueLabel') : props.value === false ? ariaLabel('falseLabel') : ariaLabel('nullLabel');
   var ariaChecked = props.value ? 'true' : 'false';
@@ -180,9 +196,7 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     onKeyDown: onKeyDown,
     role: "checkbox",
     "aria-checked": ariaChecked
-  }, ariaProps), /*#__PURE__*/React.createElement("span", {
-    className: iconClassName
-  })), focusedState && /*#__PURE__*/React.createElement("span", {
+  }, ariaProps), checkIcon), focusedState && /*#__PURE__*/React.createElement("span", {
     className: "p-sr-only",
     "aria-live": "polite"
   }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({

package/tristatecheckbox/tristatecheckbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ariaLabel as t}from"primereact/api";import{Tooltip as r}from"primereact/tooltip";import{ObjectUtils as n,DomHandler as l,classNames as a}from"primereact/utils";function o(){return o=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},o.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function u(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,a,o,i=[],u=!0,c=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}function c(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 s(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f={defaultProps:{__TYPE:"TriStateCheckbox",id:null,value:null,style:null,className:null,disabled:!1,readOnly:!1,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return n.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,f.defaultProps)}},d=e.memo(e.forwardRef((function(c,d){var m,v,b=f.getProps(c),h=e.useState(!1),y=(v=2,i(m=h)||u(m,v)||s(m,v)||p()),g=y[0],O=y[1],x=e.useRef(null),P=function(e){var t;null==b.value?t=!0:!0===b.value?t=!1:!1===b.value&&(t=null),b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:b.name,id:b.id,value:t}})};e.useImperativeHandle(d,(function(){return{props:b,focus:function(){return l.focusFirstElement(x.current)},getElement:function(){return x.current}}}));var k=n.isNotEmpty(b.tooltip),E=f.getOtherProps(b),S=n.reduceKeys(E,l.ARIA_PROPS),j=a("p-tristatecheckbox p-checkbox p-component",b.className,{"p-checkbox-disabled":b.disabled}),A=a("p-checkbox-box",{"p-highlight":(b.value||!b.value)&&null!==b.value,"p-disabled":b.disabled,"p-focus":g}),C=a("p-checkbox-icon p-c",{"pi pi-check":!0===b.value,"pi pi-times":!1===b.value}),I=t(b.value?"trueLabel":!1===b.value?"falseLabel":"nullLabel"),N=b.value?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",o({ref:x,id:b.id,className:j,style:b.style},E,{onClick:function(e){b.disabled||b.readOnly||P(e)}}),e.createElement("div",o({className:A,tabIndex:b.tabIndex,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){32===e.keyCode&&(P(e),e.preventDefault())},role:"checkbox","aria-checked":N},S),e.createElement("span",{className:C})),g&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},I)),k&&e.createElement(r,o({target:x,content:b.tooltip},b.tooltipOptions)))})));d.displayName="TriStateCheckbox";export{d as TriStateCheckbox};
+import*as e from"react";import{ariaLabel as t}from"primereact/api";import{Tooltip as r}from"primereact/tooltip";import{ObjectUtils as n,DomHandler as l,classNames as o,IconUtils as a}from"primereact/utils";import{TimesIcon as c}from"primereact/icons/times";import{CheckIcon as i}from"primereact/icons/check";function u(){return u=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},u.apply(this,arguments)}function s(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,l,o,a,c=[],i=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,l=e}finally{try{if(!i&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw l}}return c}}function f(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 m(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v={defaultProps:{__TYPE:"TriStateCheckbox",id:null,value:null,style:null,className:null,disabled:!1,readOnly:!1,tabIndex:"0",tooltip:null,checkIcon:null,uncheckIcon:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return n.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,v.defaultProps)}},b=e.memo(e.forwardRef((function(f,b){var h,y,g=v.getProps(f),k=e.useState(!1),O=(y=2,s(h=k)||p(h,y)||m(h,y)||d()),x=O[0],P=O[1],E=e.useRef(null),I=function(e){var t;null==g.value?t=!0:!0===g.value?t=!1:!1===g.value&&(t=null),g.onChange&&g.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:g.name,id:g.id,value:t}})};e.useImperativeHandle(b,(function(){return{props:g,focus:function(){return l.focusFirstElement(E.current)},getElement:function(){return E.current}}}));var N,S=n.isNotEmpty(g.tooltip),j=v.getOtherProps(g),A=n.reduceKeys(j,l.ARIA_PROPS),C=o("p-tristatecheckbox p-checkbox p-component",g.className,{"p-checkbox-disabled":g.disabled}),w=o("p-checkbox-box",{"p-highlight":(g.value||!g.value)&&null!==g.value,"p-disabled":g.disabled,"p-focus":x}),D="p-checkbox-icon p-c";!1===g.value?N=g.uncheckIcon||e.createElement(c,{className:D}):!0===g.value&&(N=g.checkIcon||e.createElement(i,{className:D}));var R=a.getJSXIcon(N,{className:D},{props:g}),T=t(g.value?"trueLabel":!1===g.value?"falseLabel":"nullLabel"),F=g.value?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",u({ref:E,id:g.id,className:C,style:g.style},j,{onClick:function(e){g.disabled||g.readOnly||I(e)}}),e.createElement("div",u({className:w,tabIndex:g.tabIndex,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){32===e.keyCode&&(I(e),e.preventDefault())},role:"checkbox","aria-checked":F},A),R),x&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),S&&e.createElement(r,u({target:E,content:g.tooltip},g.tooltipOptions)))})));b.displayName="TriStateCheckbox";export{b as TriStateCheckbox};

package/tristatecheckbox/tristatecheckbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, utils) {
+this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, utils, times, check) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -103,6 +103,8 @@ this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, util
       readOnly: false,
       tabIndex: '0',
       tooltip: null,
+      checkIcon: null,
+      uncheckIcon: null,
       tooltipOptions: null,
       onChange: null,
       children: undefined
@@ -178,9 +180,21 @@ this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, util
       'p-disabled': props.disabled,
       'p-focus': focusedState
     });
-    var iconClassName = utils.classNames('p-checkbox-icon p-c', {
-      'pi pi-check': props.value === true,
-      'pi pi-times': props.value === false
+    var iconClassName = 'p-checkbox-icon p-c';
+    var icon;
+    if (props.value === false) {
+      icon = props.uncheckIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
+        className: iconClassName
+      });
+    } else if (props.value === true) {
+      icon = props.checkIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
+        className: iconClassName
+      });
+    }
+    var checkIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
     });
     var ariaValueLabel = props.value ? api.ariaLabel('trueLabel') : props.value === false ? api.ariaLabel('falseLabel') : api.ariaLabel('nullLabel');
     var ariaChecked = props.value ? 'true' : 'false';
@@ -199,9 +213,7 @@ this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, util
       onKeyDown: onKeyDown,
       role: "checkbox",
       "aria-checked": ariaChecked
-    }, ariaProps), /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    })), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
+    }, ariaProps), checkIcon), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-sr-only",
       "aria-live": "polite"
     }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
@@ -217,4 +229,4 @@ this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, util
 
   return exports;
 
-})({}, React, primereact.api, primereact.tooltip, primereact.utils);
+})({}, React, primereact.api, primereact.tooltip, primereact.utils, primereact.icons/times, primereact.icons/check);

package/tristatecheckbox/tristatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tristatecheckbox=function(e,t,r,n,a){"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 o=l(t);function i(){return i=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},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function u(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,o,i=[],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)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return i}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d={defaultProps:{__TYPE:"TriStateCheckbox",id:null,value:null,style:null,className:null,disabled:!1,readOnly:!1,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,d.defaultProps)}},b=o.memo(o.forwardRef((function(e,t){var l,s,b=d.getProps(e),m=o.useState(!1),v=(s=2,c(l=m)||u(l,s)||p(l,s)||f()),h=v[0],y=v[1],g=o.useRef(null),O=function(e){var t;null==b.value?t=!0:!0===b.value?t=!1:!1===b.value&&(t=null),b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:b.name,id:b.id,value:t}})};o.useImperativeHandle(t,(function(){return{props:b,focus:function(){return a.DomHandler.focusFirstElement(g.current)},getElement:function(){return g.current}}}));var j=a.ObjectUtils.isNotEmpty(b.tooltip),P=d.getOtherProps(b),k=a.ObjectUtils.reduceKeys(P,a.DomHandler.ARIA_PROPS),x=a.classNames("p-tristatecheckbox p-checkbox p-component",b.className,{"p-checkbox-disabled":b.disabled}),E=a.classNames("p-checkbox-box",{"p-highlight":(b.value||!b.value)&&null!==b.value,"p-disabled":b.disabled,"p-focus":h}),N=a.classNames("p-checkbox-icon p-c",{"pi pi-check":!0===b.value,"pi pi-times":!1===b.value}),S=r.ariaLabel(b.value?"trueLabel":!1===b.value?"falseLabel":"nullLabel"),C=b.value?"true":"false";return o.createElement(o.Fragment,null,o.createElement("div",i({ref:g,id:b.id,className:x,style:b.style},P,{onClick:function(e){b.disabled||b.readOnly||O(e)}}),o.createElement("div",i({className:E,tabIndex:b.tabIndex,onFocus:function(){y(!0)},onBlur:function(){y(!1)},onKeyDown:function(e){32===e.keyCode&&(O(e),e.preventDefault())},role:"checkbox","aria-checked":C},k),o.createElement("span",{className:N})),h&&o.createElement("span",{className:"p-sr-only","aria-live":"polite"},S)),j&&o.createElement(n.Tooltip,i({target:g,content:b.tooltip},b.tooltipOptions)))})));return b.displayName="TriStateCheckbox",e.TriStateCheckbox=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tristatecheckbox=function(e,t,r,n,a,l,o){"use strict";function c(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=c(t);function u(){return u=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},u.apply(this,arguments)}function s(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,a,l,o,c=[],i=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=l.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return c}}function f(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 d(e,t){if(e){if("string"==typeof e)return f(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)?f(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.")}var b={defaultProps:{__TYPE:"TriStateCheckbox",id:null,value:null,style:null,className:null,disabled:!1,readOnly:!1,tabIndex:"0",tooltip:null,checkIcon:null,uncheckIcon:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,b.defaultProps)}},h=i.memo(i.forwardRef((function(e,t){var c,f,h=b.getProps(e),v=i.useState(!1),y=(f=2,s(c=v)||p(c,f)||d(c,f)||m()),g=y[0],O=y[1],k=i.useRef(null),j=function(e){var t;null==h.value?t=!0:!0===h.value?t=!1:!1===h.value&&(t=null),h.onChange&&h.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:h.name,id:h.id,value:t}})};i.useImperativeHandle(t,(function(){return{props:h,focus:function(){return a.DomHandler.focusFirstElement(k.current)},getElement:function(){return k.current}}}));var P,I=a.ObjectUtils.isNotEmpty(h.tooltip),x=b.getOtherProps(h),E=a.ObjectUtils.reduceKeys(x,a.DomHandler.ARIA_PROPS),N=a.classNames("p-tristatecheckbox p-checkbox p-component",h.className,{"p-checkbox-disabled":h.disabled}),S=a.classNames("p-checkbox-box",{"p-highlight":(h.value||!h.value)&&null!==h.value,"p-disabled":h.disabled,"p-focus":g}),C="p-checkbox-icon p-c";!1===h.value?P=h.uncheckIcon||i.createElement(l.TimesIcon,{className:C}):!0===h.value&&(P=h.checkIcon||i.createElement(o.CheckIcon,{className:C}));var w=a.IconUtils.getJSXIcon(P,{className:C},{props:h}),A=r.ariaLabel(h.value?"trueLabel":!1===h.value?"falseLabel":"nullLabel"),D=h.value?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",u({ref:k,id:h.id,className:N,style:h.style},x,{onClick:function(e){h.disabled||h.readOnly||j(e)}}),i.createElement("div",u({className:S,tabIndex:h.tabIndex,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){32===e.keyCode&&(j(e),e.preventDefault())},role:"checkbox","aria-checked":D},E),w),g&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},A)),I&&i.createElement(n.Tooltip,u({target:k,content:h.tooltip},h.tooltipOptions)))})));return h.displayName="TriStateCheckbox",e.TriStateCheckbox=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.tooltip,primereact.utils,primereact.icons/times,primereact.icons/check);

package/virtualscroller/virtualscroller.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var spinner = require('primereact/icons/spinner');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -158,6 +159,7 @@ var VirtualScrollerBase = {
     lazy: false,
     disabled: false,
     loaderDisabled: false,
+    loadingIcon: null,
     columns: null,
     loading: undefined,
     autoSize: false,
@@ -835,13 +837,21 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     }, content);
   };
   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, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     if (!props.loaderDisabled && props.showLoader && loadingState) {
       var className = utils.classNames('p-virtualscroller-loader', {
         'p-component-overlay': !props.loadingTemplate
       });
-      var content = /*#__PURE__*/React__namespace.createElement("i", {
-        className: "p-virtualscroller-loading-icon pi pi-spinner pi-spin"
-      });
+      var content = loadingIcon;
       if (props.loadingTemplate) {
         content = loaderArrState.map(function (_, index) {
           return createLoaderItem(index, both && {
@@ -850,7 +860,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
         });
       } else if (props.loaderIconTemplate) {
         var defaultContentOptions = {
-          className: 'p-virtualscroller-loading-icon',
+          iconClassName: iconClassName,
           element: content,
           props: props
         };

package/virtualscroller/virtualscroller.cjs.min.js

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

package/virtualscroller/virtualscroller.d.ts

@@ -9,6 +9,7 @@
  */
 
 import * as React from 'react';
+import { IconType } from '../utils/utils';
 
 /**
  * Custom virtual scroller options type.
@@ -357,12 +358,17 @@ export interface VirtualScrollerProps {
      * @defaultValue false
      */
     showLoader?: boolean | undefined;
+    /**
+     * The icon to show while indicating data load is in progress.
+     */
+    loadingIcon?: IconType<VirtualScrollerProps> | undefined;
     /**
      * The template of loader.
      */
     loadingTemplate?: React.ReactNode | ((options: VirtualScrollerLoadingTemplateOptions) => React.ReactNode);
     /**
      * The template of loader's icon.
+     * @deprecated Since v9.2.3, use `loadingIcon` instead.
      */
     loaderIconTemplate?: React.ReactNode | ((options: VirtualScrollerLoaderIconTemplateOptions) => React.ReactNode);
     /**

package/virtualscroller/virtualscroller.esm.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { usePrevious, useResizeListener, useEventListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
-import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
+import { SpinnerIcon } from 'primereact/icons/spinner';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -134,6 +135,7 @@ var VirtualScrollerBase = {
     lazy: false,
     disabled: false,
     loaderDisabled: false,
+    loadingIcon: null,
     columns: null,
     loading: undefined,
     autoSize: false,
@@ -811,13 +813,21 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     }, content);
   };
   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, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     if (!props.loaderDisabled && props.showLoader && loadingState) {
       var className = classNames('p-virtualscroller-loader', {
         'p-component-overlay': !props.loadingTemplate
       });
-      var content = /*#__PURE__*/React.createElement("i", {
-        className: "p-virtualscroller-loading-icon pi pi-spinner pi-spin"
-      });
+      var content = loadingIcon;
       if (props.loadingTemplate) {
         content = loaderArrState.map(function (_, index) {
           return createLoaderItem(index, both && {
@@ -826,7 +836,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
         });
       } else if (props.loaderIconTemplate) {
         var defaultContentOptions = {
-          className: 'p-virtualscroller-loading-icon',
+          iconClassName: iconClassName,
           element: content,
           props: props
         };

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}from"primereact/utils";function u(){return u=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},u.apply(this,arguments)}function a(e){return a="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},a(e)}function f(e,t){if("object"!==a(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==a(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"===a(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,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 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 S={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,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,S.defaultProps)},getOtherProps:function(e){return i.getDiffProps(e,S.defaultProps)}};function b(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?b(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=e.memo(e.forwardRef((function(a,f){var m=S.getProps(a),d=t(a)||{},g="vertical"===m.orientation,h="horizontal"===m.orientation,v="both"===m.orientation,y=w(e.useState(v?{rows:0,cols:0}:0),2),b=y[0],O=y[1],T=w(e.useState(v?{rows:0,cols:0}:0),2),I=T[0],x=T[1],R=w(e.useState(0),2),P=R[0],E=R[1],j=w(e.useState(v?{rows:0,cols:0}:0),2),L=j[0],M=j[1],H=w(e.useState(m.numToleratedItems),2),W=H[0],D=H[1],F=w(e.useState(m.loading||!1),2),N=F[0],A=F[1],C=w(e.useState([]),2),V=C[0],k=C[1],J=e.useRef(null),X=e.useRef(null),_=e.useRef(null),B=e.useRef(null),U=e.useRef(v?{top:0,left:0}:0),Y=e.useRef(null),$=e.useRef(null),q=e.useRef({}),G=e.useRef({}),K=e.useRef(null),Q=e.useRef(null),Z=e.useRef(null),ee=e.useRef(null),te=e.useRef(!1),re=e.useRef(null),ne=w(r({listener:function(e){return be()},when:!m.disabled}),1)[0],oe=w(n({target:"window",type:"orientationchange",listener:function(e){return be()},when:!m.disabled}),1)[0],le=function(){return J},ie=function(e){return Math.floor((e+4*W)/(m.step||1))},se=function(e){return!m.step||P!==ie(e)},ce=function(e){U.current=v?{top:0,left:0}:0,J.current&&J.current.scrollTo(e)},ue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=me().numToleratedItems,n=ge(),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 ce({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=v?{rows:0,cols:0}:0,c=!1;v?(i(l((s={rows:o(e[0],r[0]),cols:o(e[1],r[1])}).cols,m.itemSize[1],n.left),l(s.rows,m.itemSize[0],n.top)),c=b.rows!==s.rows||b.cols!==s.cols):(s=o(e,r),h?i(l(s,m.itemSize,n.left),0):i(0,l(s,m.itemSize,n.top)),c=b!==s),te.current=c,O(s)},ae=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=fe(),o=n.first,l=n.viewport,i=function(){return ce({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(v)l.first.rows-o.rows>e[0]?i(l.first.cols*m.itemSize[1],(l.first.rows-1)*m.itemSize[0]):l.first.cols-o.cols>e[1]&&i((l.first.cols-1)*m.itemSize[1],l.first.rows*m.itemSize[0]);else if(l.first-o>e){var c=(l.first-1)*m.itemSize;h?i(c,0):i(0,c)}}else if(s)if(v)l.last.rows-o.rows<=e[0]+1?i(l.first.cols*m.itemSize[1],(l.first.rows+1)*m.itemSize[0]):l.last.cols-o.cols<=e[1]+1&&i((l.first.cols+1)*m.itemSize[1],l.first.rows*m.itemSize[0]);else if(l.last-o<=e+1){var u=(l.first+1)*m.itemSize;h?i(u,0):i(0,u)}}else ue(e,r)},fe=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=b,r=0;if(J.current){var n=J.current,o=n.scrollTop,l=n.scrollLeft;if(v)r={rows:(t={rows:e(o,m.itemSize[0]),cols:e(l,m.itemSize[1])}).rows+L.rows,cols:t.cols+L.cols};else r=(t=e(h?l:o,m.itemSize))+L}return{first:b,last:I,viewport:{first:t,last:r}}},me=function(){var e=ge(),t=J.current?J.current.offsetWidth-e.left:0,r=J.current?J.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=v?{rows:n(r,m.itemSize[0]),cols:n(t,m.itemSize[1])}:n(h?t:r,m.itemSize);return{numItemsInViewport:l,numToleratedItems:W||(v?[o(l.rows),o(l.cols)]:o(l))}},pe=function(e){m.autoSize&&!e&&Promise.resolve().then((function(){if(X.current){X.current.style.minHeight=X.current.style.minWidth="auto",X.current.style.position="relative",J.current.style.contain="none";var e=[s.getWidth(J.current),s.getHeight(J.current)],t=e[0],r=e[1];(v||h)&&(J.current.style.width=(t<K.current?t:m.scrollWidth||K.current)+"px"),(v||g)&&(J.current.style.height=(r<Q.current?r:m.scrollHeight||Q.current)+"px"),X.current.style.minHeight=X.current.style.minWidth="",X.current.style.position="",J.current.style.contain=""}}))},de=function(){return m.items?Math.min((arguments.length>1?arguments[1]:void 0)?(m.columns||m.items[0]).length:m.items.length,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0):0},ge=function(){if(X.current){var e=getComputedStyle(X.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}},he=function(){if(J.current){var e=J.current.parentElement,t=m.scrollWidth||"".concat(J.current.offsetWidth||e.offsetWidth,"px"),r=m.scrollHeight||"".concat(J.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return J.current.style[e]=t};v||h?(n("height",r),n("width",t)):n("height",r)}},ve=function(){var e=m.items;if(e){var t=ge(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return G.current=z(z({},G.current),p({},"".concat(e),(t||[]).length*r+n+"px"))};v?(r("height",e,m.itemSize[0],t.y),r("width",m.columns||e[1],m.itemSize[1],t.x)):h?r("width",m.columns||e,m.itemSize,t.x):r("height",e,m.itemSize,t.y)}},ye=function(e){if(X.current&&!m.appendOnly){var t=e?e.first:b,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;B.current&&(B.current.style.top="-".concat(t,"px")),q.current=z(z({},q.current),{transform:"translate3d(".concat(e,"px, ").concat(t,"px, 0)")})};if(v)n(r(t.cols,m.itemSize[1]),r(t.rows,m.itemSize[0]));else{var o=r(t,m.itemSize);h?n(o,0):n(0,o)}}},we=function(e){var t=e.target,r=ge(),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),de(i,l)},c=n(t.scrollTop,r.top),u=n(t.scrollLeft,r.left),a=v?{rows:0,cols:0}:0,f=I,p=!1,d=U.current;if(v){var g=U.current.top<=c,y=U.current.left<=u;if(!m.appendOnly||m.appendOnly&&(g||y)){var w={rows:o(c,m.itemSize[0]),cols:o(u,m.itemSize[1])},S={rows:l(w.rows,b.rows,I.rows,L.rows,W[0],g),cols:l(w.cols,b.cols,I.cols,L.cols,W[1],y)};a={rows:i(w.rows,S.rows,b.rows,0,0,W[0],g),cols:i(w.cols,S.cols,b.cols,0,0,W[1],y)},f={rows:s(w.rows,a.rows,0,L.rows,W[0]),cols:s(w.cols,a.cols,0,L.cols,W[1],!0)},p=a.rows!==b.rows||f.rows!==I.rows||a.cols!==b.cols||f.cols!==I.cols||te.current,d={top:c,left:u}}}else{var z=h?u:c,O=U.current<=z;if(!m.appendOnly||m.appendOnly&&O){var T=o(z,m.itemSize);f=s(T,a=i(T,l(T,b,I,L,W,O),b,0,0,W,O),0,L,W),p=a!==b||f!==I||te.current,d=z}}return{first:a,last:f,isRangeChanged:p,scrollPos:d}},Se=function(e){var t=we(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};if(ye(l),O(r),x(n),U.current=o,m.onScrollIndexChange&&m.onScrollIndexChange(l),m.lazy&&se(r)){var i={first:m.step?Math.min(ie(r)*m.step,m.items.length-m.step):r,last:Math.min(m.step?(ie(r)+1)*m.step:n,m.items.length)};(!re.current||re.current.first!==i.first||re.current.last!==i.last)&&m.onLazyLoad&&m.onLazyLoad(i),re.current=i}}},be=function(){$.current&&clearTimeout($.current),$.current=setTimeout((function(){if(J.current){var e=[s.getWidth(J.current),s.getHeight(J.current)],t=e[0],r=e[1],n=t!==K.current,o=r!==Q.current;(v?n||o:h?n:!!g&&o)&&(D(m.numToleratedItems),K.current=t,Q.current=r,Z.current=s.getWidth(X.current),ee.current=s.getHeight(X.current))}}),m.resizeDelay)},ze=function(e){var t=(m.items||[]).length,r=v?b.rows+e:b+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:m}},Oe=function(e,t){var r=V.length;return z({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:m},t)},Te=function(){var e=m.items;return e&&!N?v?e.slice(m.appendOnly?0:b.rows,I.rows).map((function(e){return m.columns?e:e.slice(m.appendOnly?0:b.cols,I.cols)})):h&&m.columns?e:e.slice(m.appendOnly?0:b,I):[]},Ie=function(){var e,t,r,n,o;m.disabled||(he(),e=me(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r){return de(e+t+(e<r?2:3)*r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])},o=v?{rows:n(b.rows,t.rows,r[0]),cols:n(b.cols,t.cols,r[1],!0)}:n(b,t,r),M(t),D(r),x(o),m.showLoader&&k(v?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),m.lazy&&Promise.resolve().then((function(){re.current={first:m.step?v?{rows:0,cols:b.cols}:0:b,last:Math.min(m.step?m.step:o,m.items.length)},m.onLazyLoad&&m.onLazyLoad(re.current)})),ve())};o((function(){J.current&&s.isVisible(J.current)&&(X.current=X.current||X.current||s.findSingle(J.current,".p-virtualscroller-content"),Ie(),ne(),oe(),K.current=s.getWidth(J.current),Q.current=s.getHeight(J.current),Z.current=s.getWidth(X.current),ee.current=s.getHeight(X.current))})),l((function(){Ie()}),[m.itemSize,m.scrollHeight,m.scrollWidth]),l((function(){m.numToleratedItems!==W&&D(m.numToleratedItems)}),[m.numToleratedItems]),l((function(){m.numToleratedItems===W&&Ie()}),[W]),l((function(){d.items&&d.items.length===(m.items||[]).length||Ie();var e=N;m.lazy&&d.loading!==m.loading&&m.loading!==N&&(A(m.loading),e=m.loading),pe(e)})),l((function(){U.current=v?{top:0,left:0}:0}),[m.orientation]),e.useImperativeHandle(f,(function(){return{props:m,getElementRef:le,scrollTo:ce,scrollToIndex:ue,scrollInView:ae,getRenderedRange:fe}}));var xe=function(t){var r=Oe(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),n=i.getJSXElement(m.loadingTemplate,r);return e.createElement(e.Fragment,{key:t},n)},Re=function(t,r){var n=ze(r),o=i.getJSXElement(m.itemTemplate,t,n);return e.createElement(e.Fragment,{key:n.index},o)};if(m.disabled){var Pe=i.getJSXElement(m.contentTemplate,{items:m.items,rows:m.items,columns:m.columns});return e.createElement(e.Fragment,null,m.children,Pe)}var Ee=S.getOtherProps(m),je=c("p-virtualscroller",{"p-virtualscroller-inline":m.inline,"p-virtualscroller-both p-both-scroll":v,"p-virtualscroller-horizontal p-horizontal-scroll":h},m.className),Le=function(){if(!m.loaderDisabled&&m.showLoader&&N){var t=c("p-virtualscroller-loader",{"p-component-overlay":!m.loadingTemplate}),r=e.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});return m.loadingTemplate?r=V.map((function(e,t){return xe(t,v&&{numCols:L.cols})})):m.loaderIconTemplate&&(r=i.getJSXElement(m.loaderIconTemplate,{className:"p-virtualscroller-loading-icon",element:r,props:m})),e.createElement("div",{className:t},r)}return null}(),Me=function(){var t=Te().map(Re),r=c("p-virtualscroller-content",{"p-virtualscroller-loading":N}),n=e.createElement("div",{ref:X,style:q.current,className:r},t);if(m.contentTemplate){var o={style:q.current,className:r,spacerStyle:G.current,contentRef:function(e){return X.current=i.getRefElement(e)},spacerRef:function(e){return _.current=i.getRefElement(e)},stickyRef:function(e){return B.current=i.getRefElement(e)},items:Te(),getItemOptions:function(e){return ze(e)},children:t,element:n,props:m,loading:N,getLoaderOptions:function(e,t){return Oe(e,t)},loadingTemplate:m.loadingTemplate,itemSize:m.itemSize,rows:N?m.loaderDisabled?V:[]:Te(),columns:m.columns&&v||h?N&&m.loaderDisabled?v?V[0]:V:m.columns.slice(v?b.cols:b,v?I.cols:I):m.columns,vertical:g,horizontal:h,both:v};return i.getJSXElement(m.contentTemplate,o)}return n}(),He=m.showSpacer?e.createElement("div",{ref:_,style:G.current,className:"p-virtualscroller-spacer"}):null;return e.createElement("div",u({ref:J,className:je,tabIndex:m.tabIndex,style:m.style},Ee,{onScroll:function(e){m.onScroll&&m.onScroll(e),m.delay?(Y.current&&clearTimeout(Y.current),se(b)&&(!N&&m.showLoader&&(we(e).isRangeChanged||m.step&&se(b))&&A(!0),Y.current=setTimeout((function(){Se(e),!N||!m.showLoader||m.lazy&&void 0!==m.loading||(A(!1),E(ie(b)))}),m.delay))):Se(e)}}),Me,He,Le)})));O.displayName="VirtualScroller";export{O 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{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};

package/virtualscroller/virtualscroller.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
+this.primereact.virtualscroller = (function (exports, React, hooks, utils, spinner) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -154,6 +154,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       lazy: false,
       disabled: false,
       loaderDisabled: false,
+      loadingIcon: null,
       columns: null,
       loading: undefined,
       autoSize: false,
@@ -831,13 +832,21 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       }, content);
     };
     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, {
+        className: iconClassName
+      }, {
+        props: props
+      });
       if (!props.loaderDisabled && props.showLoader && loadingState) {
         var className = utils.classNames('p-virtualscroller-loader', {
           'p-component-overlay': !props.loadingTemplate
         });
-        var content = /*#__PURE__*/React__namespace.createElement("i", {
-          className: "p-virtualscroller-loading-icon pi pi-spinner pi-spin"
-        });
+        var content = loadingIcon;
         if (props.loadingTemplate) {
           content = loaderArrState.map(function (_, index) {
             return createLoaderItem(index, both && {
@@ -846,7 +855,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           });
         } else if (props.loaderIconTemplate) {
           var defaultContentOptions = {
-            className: 'p-virtualscroller-loading-icon',
+            iconClassName: iconClassName,
             element: content,
             props: props
           };
@@ -961,4 +970,4 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils);
+})({}, React, primereact.hooks, primereact.utils, primereact.icons/spinner);

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

package/web-types.json

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