primereact 9.0.0-rc.1 → 9.1.0

package/tooltip/tooltipoptions.d.ts

@@ -25,7 +25,7 @@ interface TooltipEvent {
 
 /**
  * Defines valid properties of TooltipOptions.
- * @group Misc
+ * @group Model
  */
 export interface TooltipOptions {
     /**
@@ -148,7 +148,7 @@ export interface TooltipOptions {
 
 /**
  * In addition to React.HTMLAttributes, the following attributes can be used on any HTMLElement if the page has a PrimeReact {@link tooltip} component.
- * @group Misc
+ * @group Model
  */
 
 interface TooltipHTMLAttributes {
@@ -161,6 +161,8 @@ interface TooltipHTMLAttributes {
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltip.TooltipProps.content}
      */
     'data-pr-tooltip'?: string | undefined;
     /**
@@ -172,6 +174,9 @@ interface TooltipHTMLAttributes {
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.disabled}
+     * @defaultValue false
      */
     'data-pr-disabled'?: boolean | undefined;
     /**
@@ -183,18 +188,22 @@ interface TooltipHTMLAttributes {
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.className}
      */
     'data-pr-classname'?: string | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Position of the tooltip.*
-     * @defaultValue right
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.position}
+     * @defaultValue right
      */
     'data-pr-position'?: 'top' | 'bottom' | 'left' | 'right' | 'mouse' | undefined;
     /**
@@ -206,6 +215,8 @@ interface TooltipHTMLAttributes {
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.my}
      */
     'data-pr-my'?: string | undefined;
     /**
@@ -217,138 +228,162 @@ interface TooltipHTMLAttributes {
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.at}
      */
     'data-pr-at'?: string | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Event to show the tooltip.*
-     * @defaultValue hover
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.event}
+     * @defaultValue hover
      */
     'data-pr-event'?: 'hover' | 'focus' | 'both' | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Event to show the tooltip if the event property is empty.*
-     * @defaultValue mouseenter
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.showEvent}
+     * @defaultValue mouseenter
      */
     'data-pr-showevent'?: string | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Event to hide the tooltip if the event property is empty.*
-     * @defaultValue mouseleave
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.hideEvent}
+     * @defaultValue mouseleave
      */
     'data-pr-hideevent'?: string | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Whether the tooltip will follow the mouse.*
-     * @defaultValue false
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.mouseTrack}
+     * @defaultValue false
      */
     'data-pr-mousetrack'?: boolean | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Defines top position of the tooltip in relation to the mouse when the mouseTrack is enabled.*
-     * @defaultValue 5
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.mouseTrackTop}
+     * @defaultValue 5
      */
     'data-pr-mousetracktop'?: number | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Defines left position of the tooltip in relation to the mouse when the mouseTrack is enabled.*
-     * @defaultValue 5
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.mouseTrackLeft}
+     * @defaultValue 5
      */
     'data-pr-mousetrackleft'?: number | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Delay to show the tooltip in milliseconds.*
-     * @defaultValue 0
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.showDelay}
+     * @defaultValue 0
      */
     'data-pr-showdelay'?: number | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Delay to update the tooltip in milliseconds.*
-     * @defaultValue 0
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.updateDelay}
+     * @defaultValue 0
      */
     'data-pr-updatedelay'?: number | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Delay to hide the tooltip in milliseconds.*
-     * @defaultValue 0
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.hideDelay}
+     * @defaultValue 0
      */
     'data-pr-hidedelay'?: number | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Whether to hide tooltip when hovering over tooltip content.*
-     * @defaultValue true
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.autoHide}
+     * @defaultValue true
      */
     'data-pr-autohide'?: boolean | undefined;
     /**
      * **PrimeReact - TooltipHTMLAttributes**
      *
      * Whether to show tooltip for disabled elements.*
-     * @defaultValue false
      *
      * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
      * ___
      *
      * _*This feature will be active when there is a PrimeReact {@link tooltip} component on the page._
+     *
+     * {@inheritDoc tooltipoptions.TooltipOptions.showOnDisabled}
+     * @defaultValue false
      */
     'data-pr-showondisabled'?: boolean | undefined;
 }

package/tree/tree.d.ts

@@ -2,7 +2,7 @@
  *
  * Tree is used to display hierarchical data.
  *
- * [Live Demo](https://www.primefaces.org/primereact/tree/)
+ * [Live Demo](https://www.primereact.org/tree/)
  *
  * @module tree
  *
@@ -12,7 +12,6 @@ import TreeNode from '../treenode';
 
 /**
  * Custom tree header template options
- * @group Misc
  */
 interface TreeHeaderTemplateOptions {
     /**
@@ -43,7 +42,6 @@ interface TreeHeaderTemplateOptions {
 
 /**
  * Custom tree filter input options
- * @group Misc
  */
 interface TreeFilterInputOptions {
     /**
@@ -64,7 +62,6 @@ interface TreeFilterInputOptions {
 
 /**
  * Custom tree node template options
- * @group Misc
  */
 interface TreeNodeTemplateOptions {
     /**
@@ -92,7 +89,6 @@ interface TreeNodeTemplateOptions {
 
 /**
  * Custom tree toggler template options
- * @group Misc
  */
 interface TreeTogglerTemplateOptions {
     /**
@@ -124,7 +120,6 @@ interface TreeTogglerTemplateOptions {
 
 /**
  * Custom tree multiple selection keys
- * @group Misc
  */
 interface TreeMultipleSelectionKeys {
     /**
@@ -135,7 +130,6 @@ interface TreeMultipleSelectionKeys {
 
 /**
  * Custom tree checkbox selection keys
- * @group Misc
  */
 interface TreeCheckboxSelectionKeys {
     /**
@@ -146,7 +140,6 @@ interface TreeCheckboxSelectionKeys {
 
 /**
  * Custom tree checkbox selection type
- * @group Misc
  */
 interface TreeCheckboxSelectionKeyType {
     /**
@@ -161,7 +154,6 @@ interface TreeCheckboxSelectionKeyType {
 
 /**
  * Custom tree expanded keys type
- * @group Misc
  */
 interface TreeExpandedKeysType {
     /**
@@ -275,7 +267,6 @@ interface TreeNodeClickEvent {
 
 /**
  * Custom tree filter options
- * @group Misc
  */
 interface TreeFilterOptions {
     /**
@@ -503,7 +494,7 @@ export interface TreeProps {
  *
  * _Tree is used to display hierarchical data._
  *
- * [Live Demo](https://www.primefaces.org/primereact/tree/)
+ * [Live Demo](https://www.primereact.org/tree/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/treeselect/treeselect.d.ts

@@ -2,7 +2,7 @@
  *
  * TreeSelect is a form component to choose from hierarchical data.
  *
- * [Live Demo](https://www.primefaces.org/primereact/treeselect/)
+ * [Live Demo](https://www.primereact.org/treeselect/)
  *
  * @module treeselect
  *
@@ -14,7 +14,6 @@ import { FormEvent } from '../ts-helpers';
 
 /**
  * Custom panel header template options.
- * @group Misc
  */
 interface TreeSelectPanelHeaderTemplateOptions {
     /**
@@ -61,7 +60,6 @@ interface TreeSelectChangeEvent extends FormEvent<string | TreeSelectSelectionKe
 
 /**
  * Custom treeselect selection keys type
- * @group Misc
  */
 interface TreeSelectSelectionKeysType {
     /**
@@ -72,7 +70,6 @@ interface TreeSelectSelectionKeysType {
 
 /**
  * Custom checkbox selection key type
- * @group Misc
  */
 interface TreeSelectCheckboxSelectionKeyType {
     /**
@@ -103,7 +100,6 @@ interface TreeSelectEventNodeEvent {
 
 /**
  * Custom expanded keys type.
- * @group Misc
  */
 interface TreeSelectExpandedKeysType {
     /**
@@ -146,7 +142,6 @@ interface TreeSelectFilterValueChangeEvent {
 
 /**
  * Custom filter options.
- * @group Misc
  */
 interface TreeSelectFilterOptions {
     /**
@@ -360,7 +355,7 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
  *
  * _TreeSelect is a form component to choose from hierarchical data._
  *
- * [Live Demo](https://www.primefaces.org/primereact/treeselect/)
+ * [Live Demo](https://www.primereact.org/treeselect/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/treetable/treetable.d.ts

@@ -2,7 +2,7 @@
  *
  * TreeTable is used to display hierarchical data in tabular format.
  *
- * [Live Demo](https://www.primefaces.org/primereact/treetable/)
+ * [Live Demo](https://www.primereact.org/treetable/)
  *
  * @module treetable
  *
@@ -14,7 +14,6 @@ import TreeNode from '../treenode';
 
 /**
  * Custom selection keys type.
- * @group Misc
  */
 interface TreeTableSelectionKeysType {
     /**
@@ -25,7 +24,6 @@ interface TreeTableSelectionKeysType {
 
 /**
  * Custom treetable checkbox selection type
- * @group Misc
  */
 interface TreeTableCheckboxSelectionKeyType {
     /**
@@ -40,7 +38,6 @@ interface TreeTableCheckboxSelectionKeyType {
 
 /**
  * Custom expanded keys type.
- * @group Misc
  */
 type TreeTableExpandedKeysType = {
     /**
@@ -51,7 +48,6 @@ type TreeTableExpandedKeysType = {
 
 /**
  * Custom treetable sort meta.
- * @group Misc
  */
 interface TreeTableSortMeta {
     /**
@@ -80,7 +76,6 @@ interface TreeTableFilterMetaData {
 
 /**
  * Custom treetable filter meta.
- * @group Misc
  */
 interface TreeTableFilterMeta {
     /**
@@ -592,7 +587,7 @@ export interface TreeTableProps extends Omit<React.DetailedHTMLProps<React.Input
  *
  * _TreeTable is used to display hierarchical data in tabular format._
  *
- * [Live Demo](https://www.primefaces.org/primereact/treetable/)
+ * [Live Demo](https://www.primereact.org/treetable/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/tristatecheckbox/tristatecheckbox.d.ts

@@ -2,7 +2,7 @@
  *
  * TriStateCheckbox is used to select either "true", "false" or "null" as the value.
  *
- * [Live Demo](https://www.primefaces.org/primereact/tristatecheckbox/)
+ * [Live Demo](https://www.primereact.org/tristatecheckbox/)
  *
  * @module tristatecheckbox
  *
@@ -63,7 +63,7 @@ export interface TriStateCheckboxProps extends Omit<React.DetailedHTMLProps<Reac
  *
  * _TriStateCheckbox is used to select either "true", "false" or "null" as the value._
  *
- * [Live Demo](https://www.primefaces.org/primereact/tristatecheckbox/)
+ * [Live Demo](https://www.primereact.org/tristatecheckbox/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/virtualscroller/virtualscroller.cjs.js

@@ -867,6 +867,8 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     var otherProps = VirtualScrollerBase.getOtherProps(props);
     var className = utils.classNames('p-virtualscroller', {
       'p-both-scroll': both,
+      'p-virtualscroller-both': both,
+      'p-virtualscroller-horizontal': horizontal,
       'p-horizontal-scroll': horizontal
     }, props.className);
     var loader = createLoader();

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 a(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 u(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,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 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 d(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 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.")}function g(e,t){return u(e)||f(e,t)||d(e,t)||p()}var h={defaultProps:{__TYPE:"VirtualScroller",id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,resizeDelay:10,lazy:!1,disabled:!1,loaderDisabled:!1,columns:null,loading:void 0,autoSize:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,loaderIconTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null,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){a(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="vertical"===i.orientation,c="horizontal"===i.orientation,a="both"===i.orientation,u=g(o.useState(a?{rows:0,cols:0}:0),2),f=u[0],m=u[1],d=g(o.useState(a?{rows:0,cols:0}:0),2),p=d[0],v=d[1],w=g(o.useState(a?{rows:0,cols:0}:0),2),b=w[0],S=w[1],z=g(o.useState(i.numToleratedItems),2),O=z[0],j=z[1],T=g(o.useState(i.loading||!1),2),I=T[0],E=T[1],P=g(o.useState([]),2),x=P[0],R=P[1],L=o.useRef(null),D=o.useRef(null),H=o.useRef(null),U=o.useRef(null),M=o.useRef(a?{top:0,left:0}:0),N=o.useRef(null),W=o.useRef(null),A=o.useRef(null),C=o.useRef(null),k=t.usePrevious(i.items),V=t.usePrevious(i.loading),_=g(t.useResizeListener({listener:function(e){return oe()}}),1)[0],J=g(t.useEventListener({target:"window",type:"orientationchange",listener:function(e){return oe()}}),1)[0],X=function(){return L},q=function(e){M.current=a?{top:0,left:0}:0,L.current&&L.current.scrollTo(e)},F=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=$(),n=r.numToleratedItems,o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1?arguments[1]:void 0;return e<=t?0:e},l=function(e,t){return e*t},s=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return q({left:e,top:r,behavior:t})};if(a){var u={rows:o(e[0],n[0]),cols:o(e[1],n[1])};u.rows===f.rows&&u.cols===f.cols||s(l(u.cols,i.itemSize[1]),l(u.rows,i.itemSize[0]))}else{var m=o(e,n);m!==f&&(c?s(l(m,i.itemSize),0):s(0,l(m,i.itemSize)))}},B=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=Y(),o=n.first,l=n.viewport,s=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return q({left:e,top:t,behavior:r})},u="to-start"===t,f="to-end"===t;if(u){if(a)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 m=(l.first-1)*i.itemSize;c?s(m,0):s(0,m)}}else if(f)if(a)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 d=(l.first+1)*i.itemSize;c?s(d,0):s(0,d)}}else F(e,r)},Y=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=f,r=0;if(L.current){var n=L.current,o=n.scrollTop,l=n.scrollLeft;if(a)r={rows:(t={rows:e(o,i.itemSize[0]),cols:e(l,i.itemSize[1])}).rows+b.rows,cols:t.cols+b.cols};else r=(t=e(c?l:o,i.itemSize))+b}return{first:f,last:p,viewport:{first:t,last:r}}},$=function(){var e=Q(),t=L.current?L.current.offsetWidth-e.left:0,r=L.current?L.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=a?{rows:n(r,i.itemSize[0]),cols:n(t,i.itemSize[1])}:n(c?t:r,i.itemSize);return{numItemsInViewport:l,numToleratedItems:O||(a?[o(l.rows),o(l.cols)]:o(l))}},G=function(e){i.autoSize&&!e&&Promise.resolve().then((function(){if(D.current){D.current.style.minHeight=D.current.style.minWidth="auto";var e=D.current,t=e.offsetWidth,r=e.offsetHeight;(a||c)&&(L.current.style.width=(t<A.current?t:A.current)+"px"),(a||s)&&(L.current.style.height=(r<C.current?r:C.current)+"px"),D.current.style.minHeight=D.current.style.minWidth=""}}))},K=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1?arguments[1]:void 0;return i.items?Math.min(t?(i.columns||i.items[0]).length:i.items.length,e):0},Q=function(){if(D.current){var e=getComputedStyle(D.current),t=parseInt(e.paddingLeft,10)+Math.max(parseInt(e.left,10),0),r=parseInt(e.paddingRight,10)+Math.max(parseInt(e.right,10),0),n=parseInt(e.paddingTop,10)+Math.max(parseInt(e.top,10),0),o=parseInt(e.paddingBottom,10)+Math.max(parseInt(e.bottom,10),0);return{left:t,right:r,top:n,bottom:o,x:t+r,y:n+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},Z=function(){if(L.current){var e=L.current.parentElement,t=i.scrollWidth||"".concat(L.current.offsetWidth||e.offsetWidth,"px"),r=i.scrollHeight||"".concat(L.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return L.current.style[e]=t};a||c?(n("height",r),n("width",t)):n("height",r)}},ee=function(){var e=i.items;if(H.current&&e){var t=Q(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return H.current.style[e]=(t||[]).length*r+n+"px"};a?(r("height",e,i.itemSize[0],t.y),r("width",i.columns||e[1],i.itemSize[1],t.x)):c?r("width",i.columns||e,i.itemSize,t.x):r("height",e,i.itemSize,t.y)}},te=function(e){if(D.current){var t=e?e.first:f,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;U.current&&(U.current.style.top="-".concat(t,"px")),D.current.style.transform="translate3d(".concat(e,"px, ").concat(t,"px, 0)")};if(a)n(r(t.cols,i.itemSize[1]),r(t.rows,i.itemSize[0]));else{var o=r(t,i.itemSize);c?n(o,0):n(0,o)}}},re=function(e){var t=e.target,r=Q(),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)},u=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),K(i,l)},m=n(t.scrollTop,r.top),d=n(t.scrollLeft,r.left),g=a?{rows:0,cols:0}:0,h=p,v=!1,y=M.current;if(a){var w=M.current.top<=m,S=M.current.left<=d,z={rows:o(m,i.itemSize[0]),cols:o(d,i.itemSize[1])},j={rows:l(z.rows,f.rows,p.rows,b.rows,O[0],w),cols:l(z.cols,f.cols,p.cols,b.cols,O[1],S)};g={rows:s(z.rows,j.rows,f.rows,0,0,O[0],w),cols:s(z.cols,j.cols,f.cols,0,0,O[1],S)},h={rows:u(z.rows,g.rows,0,b.rows,O[0]),cols:u(z.cols,g.cols,0,b.cols,O[1],!0)},v=g.rows!==f.rows||h.rows!==p.rows||g.cols!==f.cols||h.cols!==p.cols,y={top:m,left:d}}else{var T=c?d:m,I=M.current<=T,E=o(T,i.itemSize);h=u(E,g=s(E,l(E,f,p,b,O,I),f,0,0,O,I),0,b,O),v=g!==f||h!==p,y=T}return{first:g,last:h,isRangeChanged:v,scrollPos:y}},ne=function(e){var t=re(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};te(l),m(r),v(n),M.current=o,i.onScrollIndexChange&&i.onScrollIndexChange(l),i.lazy&&i.onLazyLoad&&i.onLazyLoad(l)}},oe=function(){W.current&&clearTimeout(W.current),W.current=setTimeout((function(){if(L.current){var e=[r.DomHandler.getWidth(L.current),r.DomHandler.getHeight(L.current)],t=e[0],n=e[1],o=t!==A.current,l=n!==C.current;(a?o||l:c?o:!!s&&l)&&(j(i.numToleratedItems),A.current=t,C.current=n)}}),i.resizeDelay)},le=function(e){var t=(i.items||[]).length,r=a?f.rows+e:f+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:i}},ie=function(e,t){var r=x.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)},se=function(){var e=i.items;return e&&!I?a?e.slice(f.rows,p.rows).map((function(e){return i.columns?e:e.slice(f.cols,p.cols)})):c&&i.columns?e:e.slice(f,p):[]},ce=function(){var e,t,r,n,o;i.disabled||(Z(),e=$(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r,n){return K(e+t+(e<r?2:3)*r,n)},o=a?{rows:n(f.rows,t.rows,r[0]),cols:n(f.cols,t.cols,r[1],!0)}:n(f,t,r),S(t),j(r),v(o),i.showLoader&&R(a?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),i.lazy&&i.onLazyLoad&&i.onLazyLoad({first:f,last:o}),ee())};t.useMountEffect((function(){i.disabled||(ce(),_(),J(),A.current=r.DomHandler.getWidth(L.current),C.current=r.DomHandler.getHeight(L.current))})),t.useUpdateEffect((function(){ce()}),[i.itemSize,i.scrollHeight]),t.useUpdateEffect((function(){i.numToleratedItems!==O&&j(i.numToleratedItems)}),[i.numToleratedItems]),t.useUpdateEffect((function(){i.numToleratedItems===O&&ce()}),[O]),t.useUpdateEffect((function(){k&&k.length===(i.items||[]).length||ce();var e=I;i.lazy&&V!==i.loading&&i.loading!==I&&(E(i.loading),e=i.loading),G(e)})),t.useUpdateEffect((function(){M.current=a?{top:0,left:0}:0}),[i.orientation]),o.useImperativeHandle(n,(function(){return{props:i,getElementRef:X,scrollTo:q,scrollToIndex:F,scrollInView:B,getRenderedRange:Y}}));var ae=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=ie(e,t),l=r.ObjectUtils.getJSXElement(i.loadingTemplate,n);return o.createElement(o.Fragment,{key:e},l)},ue=function(e,t){var n=le(t),l=r.ObjectUtils.getJSXElement(i.itemTemplate,e,n);return o.createElement(o.Fragment,{key:n.index},l)};if(i.disabled){var fe=r.ObjectUtils.getJSXElement(i.contentTemplate,{items:i.items,rows:i.items,columns:i.columns});return o.createElement(o.Fragment,null,i.children,fe)}var me=h.getOtherProps(i),de=r.classNames("p-virtualscroller",{"p-both-scroll":a,"p-horizontal-scroll":c},i.className),pe=function(){if(!i.loaderDisabled&&i.showLoader&&I){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=x.map((function(e,t){return ae(t,a&&{numCols:b.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}(),ge=function(){var e=se().map(ue),t=r.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":I}),n=o.createElement("div",{ref:D,className:t},e);if(i.contentTemplate){var l={className:t,contentRef:function(e){return D.current=r.ObjectUtils.getRefElement(e)},spacerRef:function(e){return H.current=r.ObjectUtils.getRefElement(e)},stickyRef:function(e){return U.current=r.ObjectUtils.getRefElement(e)},items:se(),getItemOptions:function(e){return le(e)},children:e,element:n,props:i,loading:I,getLoaderOptions:function(e,t){return ie(e,t)},loadingTemplate:i.loadingTemplate,itemSize:i.itemSize,rows:I?i.loaderDisabled?x:[]:se(),columns:i.columns&&a||c?I&&i.loaderDisabled?a?x[0]:x:i.columns.slice(a?f.cols:f,a?p.cols:p):i.columns,vertical:s,horizontal:c,both:a};return r.ObjectUtils.getJSXElement(i.contentTemplate,l)}return n}(),he=i.showSpacer?o.createElement("div",{ref:H,className:"p-virtualscroller-spacer"}):null;return o.createElement("div",l({ref:L,className:de,tabIndex:0,style:i.style},me,{onScroll:function(e){i.onScroll&&i.onScroll(e),i.delay?(N.current&&clearTimeout(N.current),!I&&i.showLoader&&re(e).isRangeChanged&&E(!0),N.current=setTimeout((function(){ne(e),!I||!i.showLoader||i.lazy&&void 0!==i.loading||E(!1)}),i.delay)):ne(e)}}),ge,he,pe)})));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");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 a(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 u(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,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 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 d(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 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.")}function g(e,t){return u(e)||f(e,t)||d(e,t)||p()}var h={defaultProps:{__TYPE:"VirtualScroller",id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,resizeDelay:10,lazy:!1,disabled:!1,loaderDisabled:!1,columns:null,loading:void 0,autoSize:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,loaderIconTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null,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){a(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="vertical"===i.orientation,c="horizontal"===i.orientation,a="both"===i.orientation,u=g(o.useState(a?{rows:0,cols:0}:0),2),f=u[0],m=u[1],d=g(o.useState(a?{rows:0,cols:0}:0),2),p=d[0],v=d[1],w=g(o.useState(a?{rows:0,cols:0}:0),2),b=w[0],S=w[1],z=g(o.useState(i.numToleratedItems),2),O=z[0],j=z[1],T=g(o.useState(i.loading||!1),2),I=T[0],E=T[1],P=g(o.useState([]),2),x=P[0],R=P[1],L=o.useRef(null),D=o.useRef(null),H=o.useRef(null),U=o.useRef(null),M=o.useRef(a?{top:0,left:0}:0),N=o.useRef(null),W=o.useRef(null),A=o.useRef(null),C=o.useRef(null),k=t.usePrevious(i.items),V=t.usePrevious(i.loading),_=g(t.useResizeListener({listener:function(e){return oe()}}),1)[0],J=g(t.useEventListener({target:"window",type:"orientationchange",listener:function(e){return oe()}}),1)[0],X=function(){return L},q=function(e){M.current=a?{top:0,left:0}:0,L.current&&L.current.scrollTo(e)},F=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=$(),n=r.numToleratedItems,o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1?arguments[1]:void 0;return e<=t?0:e},l=function(e,t){return e*t},s=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return q({left:e,top:r,behavior:t})};if(a){var u={rows:o(e[0],n[0]),cols:o(e[1],n[1])};u.rows===f.rows&&u.cols===f.cols||s(l(u.cols,i.itemSize[1]),l(u.rows,i.itemSize[0]))}else{var m=o(e,n);m!==f&&(c?s(l(m,i.itemSize),0):s(0,l(m,i.itemSize)))}},B=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=Y(),o=n.first,l=n.viewport,s=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return q({left:e,top:t,behavior:r})},u="to-start"===t,f="to-end"===t;if(u){if(a)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 m=(l.first-1)*i.itemSize;c?s(m,0):s(0,m)}}else if(f)if(a)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 d=(l.first+1)*i.itemSize;c?s(d,0):s(0,d)}}else F(e,r)},Y=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=f,r=0;if(L.current){var n=L.current,o=n.scrollTop,l=n.scrollLeft;if(a)r={rows:(t={rows:e(o,i.itemSize[0]),cols:e(l,i.itemSize[1])}).rows+b.rows,cols:t.cols+b.cols};else r=(t=e(c?l:o,i.itemSize))+b}return{first:f,last:p,viewport:{first:t,last:r}}},$=function(){var e=Q(),t=L.current?L.current.offsetWidth-e.left:0,r=L.current?L.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=a?{rows:n(r,i.itemSize[0]),cols:n(t,i.itemSize[1])}:n(c?t:r,i.itemSize);return{numItemsInViewport:l,numToleratedItems:O||(a?[o(l.rows),o(l.cols)]:o(l))}},G=function(e){i.autoSize&&!e&&Promise.resolve().then((function(){if(D.current){D.current.style.minHeight=D.current.style.minWidth="auto";var e=D.current,t=e.offsetWidth,r=e.offsetHeight;(a||c)&&(L.current.style.width=(t<A.current?t:A.current)+"px"),(a||s)&&(L.current.style.height=(r<C.current?r:C.current)+"px"),D.current.style.minHeight=D.current.style.minWidth=""}}))},K=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1?arguments[1]:void 0;return i.items?Math.min(t?(i.columns||i.items[0]).length:i.items.length,e):0},Q=function(){if(D.current){var e=getComputedStyle(D.current),t=parseInt(e.paddingLeft,10)+Math.max(parseInt(e.left,10),0),r=parseInt(e.paddingRight,10)+Math.max(parseInt(e.right,10),0),n=parseInt(e.paddingTop,10)+Math.max(parseInt(e.top,10),0),o=parseInt(e.paddingBottom,10)+Math.max(parseInt(e.bottom,10),0);return{left:t,right:r,top:n,bottom:o,x:t+r,y:n+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},Z=function(){if(L.current){var e=L.current.parentElement,t=i.scrollWidth||"".concat(L.current.offsetWidth||e.offsetWidth,"px"),r=i.scrollHeight||"".concat(L.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return L.current.style[e]=t};a||c?(n("height",r),n("width",t)):n("height",r)}},ee=function(){var e=i.items;if(H.current&&e){var t=Q(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return H.current.style[e]=(t||[]).length*r+n+"px"};a?(r("height",e,i.itemSize[0],t.y),r("width",i.columns||e[1],i.itemSize[1],t.x)):c?r("width",i.columns||e,i.itemSize,t.x):r("height",e,i.itemSize,t.y)}},te=function(e){if(D.current){var t=e?e.first:f,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;U.current&&(U.current.style.top="-".concat(t,"px")),D.current.style.transform="translate3d(".concat(e,"px, ").concat(t,"px, 0)")};if(a)n(r(t.cols,i.itemSize[1]),r(t.rows,i.itemSize[0]));else{var o=r(t,i.itemSize);c?n(o,0):n(0,o)}}},re=function(e){var t=e.target,r=Q(),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)},u=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),K(i,l)},m=n(t.scrollTop,r.top),d=n(t.scrollLeft,r.left),g=a?{rows:0,cols:0}:0,h=p,v=!1,y=M.current;if(a){var w=M.current.top<=m,S=M.current.left<=d,z={rows:o(m,i.itemSize[0]),cols:o(d,i.itemSize[1])},j={rows:l(z.rows,f.rows,p.rows,b.rows,O[0],w),cols:l(z.cols,f.cols,p.cols,b.cols,O[1],S)};g={rows:s(z.rows,j.rows,f.rows,0,0,O[0],w),cols:s(z.cols,j.cols,f.cols,0,0,O[1],S)},h={rows:u(z.rows,g.rows,0,b.rows,O[0]),cols:u(z.cols,g.cols,0,b.cols,O[1],!0)},v=g.rows!==f.rows||h.rows!==p.rows||g.cols!==f.cols||h.cols!==p.cols,y={top:m,left:d}}else{var T=c?d:m,I=M.current<=T,E=o(T,i.itemSize);h=u(E,g=s(E,l(E,f,p,b,O,I),f,0,0,O,I),0,b,O),v=g!==f||h!==p,y=T}return{first:g,last:h,isRangeChanged:v,scrollPos:y}},ne=function(e){var t=re(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};te(l),m(r),v(n),M.current=o,i.onScrollIndexChange&&i.onScrollIndexChange(l),i.lazy&&i.onLazyLoad&&i.onLazyLoad(l)}},oe=function(){W.current&&clearTimeout(W.current),W.current=setTimeout((function(){if(L.current){var e=[r.DomHandler.getWidth(L.current),r.DomHandler.getHeight(L.current)],t=e[0],n=e[1],o=t!==A.current,l=n!==C.current;(a?o||l:c?o:!!s&&l)&&(j(i.numToleratedItems),A.current=t,C.current=n)}}),i.resizeDelay)},le=function(e){var t=(i.items||[]).length,r=a?f.rows+e:f+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:i}},ie=function(e,t){var r=x.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)},se=function(){var e=i.items;return e&&!I?a?e.slice(f.rows,p.rows).map((function(e){return i.columns?e:e.slice(f.cols,p.cols)})):c&&i.columns?e:e.slice(f,p):[]},ce=function(){var e,t,r,n,o;i.disabled||(Z(),e=$(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r,n){return K(e+t+(e<r?2:3)*r,n)},o=a?{rows:n(f.rows,t.rows,r[0]),cols:n(f.cols,t.cols,r[1],!0)}:n(f,t,r),S(t),j(r),v(o),i.showLoader&&R(a?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),i.lazy&&i.onLazyLoad&&i.onLazyLoad({first:f,last:o}),ee())};t.useMountEffect((function(){i.disabled||(ce(),_(),J(),A.current=r.DomHandler.getWidth(L.current),C.current=r.DomHandler.getHeight(L.current))})),t.useUpdateEffect((function(){ce()}),[i.itemSize,i.scrollHeight]),t.useUpdateEffect((function(){i.numToleratedItems!==O&&j(i.numToleratedItems)}),[i.numToleratedItems]),t.useUpdateEffect((function(){i.numToleratedItems===O&&ce()}),[O]),t.useUpdateEffect((function(){k&&k.length===(i.items||[]).length||ce();var e=I;i.lazy&&V!==i.loading&&i.loading!==I&&(E(i.loading),e=i.loading),G(e)})),t.useUpdateEffect((function(){M.current=a?{top:0,left:0}:0}),[i.orientation]),o.useImperativeHandle(n,(function(){return{props:i,getElementRef:X,scrollTo:q,scrollToIndex:F,scrollInView:B,getRenderedRange:Y}}));var ae=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=ie(e,t),l=r.ObjectUtils.getJSXElement(i.loadingTemplate,n);return o.createElement(o.Fragment,{key:e},l)},ue=function(e,t){var n=le(t),l=r.ObjectUtils.getJSXElement(i.itemTemplate,e,n);return o.createElement(o.Fragment,{key:n.index},l)};if(i.disabled){var fe=r.ObjectUtils.getJSXElement(i.contentTemplate,{items:i.items,rows:i.items,columns:i.columns});return o.createElement(o.Fragment,null,i.children,fe)}var me=h.getOtherProps(i),de=r.classNames("p-virtualscroller",{"p-both-scroll":a,"p-virtualscroller-both":a,"p-virtualscroller-horizontal":c,"p-horizontal-scroll":c},i.className),pe=function(){if(!i.loaderDisabled&&i.showLoader&&I){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=x.map((function(e,t){return ae(t,a&&{numCols:b.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}(),ge=function(){var e=se().map(ue),t=r.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":I}),n=o.createElement("div",{ref:D,className:t},e);if(i.contentTemplate){var l={className:t,contentRef:function(e){return D.current=r.ObjectUtils.getRefElement(e)},spacerRef:function(e){return H.current=r.ObjectUtils.getRefElement(e)},stickyRef:function(e){return U.current=r.ObjectUtils.getRefElement(e)},items:se(),getItemOptions:function(e){return le(e)},children:e,element:n,props:i,loading:I,getLoaderOptions:function(e,t){return ie(e,t)},loadingTemplate:i.loadingTemplate,itemSize:i.itemSize,rows:I?i.loaderDisabled?x:[]:se(),columns:i.columns&&a||c?I&&i.loaderDisabled?a?x[0]:x:i.columns.slice(a?f.cols:f,a?p.cols:p):i.columns,vertical:s,horizontal:c,both:a};return r.ObjectUtils.getJSXElement(i.contentTemplate,l)}return n}(),he=i.showSpacer?o.createElement("div",{ref:H,className:"p-virtualscroller-spacer"}):null;return o.createElement("div",l({ref:L,className:de,tabIndex:0,style:i.style},me,{onScroll:function(e){i.onScroll&&i.onScroll(e),i.delay?(N.current&&clearTimeout(N.current),!I&&i.showLoader&&re(e).isRangeChanged&&E(!0),N.current=setTimeout((function(){ne(e),!I||!i.showLoader||i.lazy&&void 0!==i.loading||E(!1)}),i.delay)):ne(e)}}),ge,he,pe)})));w.displayName="VirtualScroller",exports.VirtualScroller=w;

package/virtualscroller/virtualscroller.d.ts

@@ -2,7 +2,7 @@
  *
  * VirtualScroller is a performant approach to handle huge data efficiently.
  *
- * [Live Demo](https://www.primefaces.org/primereact/virtualscroller/)
+ * [Live Demo](https://www.primereact.org/virtualscroller/)
  *
  * @module virtualscroller
  *
@@ -12,7 +12,6 @@ import * as React from 'react';
 
 /**
  * Custom virtual scroller options type.
- * @group Misc
  */
 interface VirtualScrollerOptionsType {
     /**
@@ -31,7 +30,6 @@ interface VirtualScrollerOptionsType {
 
 /**
  * Viewport rendered range.
- * @group Misc
  */
 interface VirtualScrollerViewportRenderedRange {
     /**
@@ -46,7 +44,6 @@ interface VirtualScrollerViewportRenderedRange {
 
 /**
  * Virtual scroller rendered range.
- * @group Misc
  */
 interface VirtualScrollerRenderedRange {
     /**
@@ -65,7 +62,6 @@ interface VirtualScrollerRenderedRange {
 
 /**
  * Custom virtual scroller state.
- * @group Misc
  */
 interface VirtualScrollerState {
     /**
@@ -80,7 +76,6 @@ interface VirtualScrollerState {
 
 /**
  * Custom template options.
- * @group Misc
  */
 interface VirtualScrollerTemplateOptions {
     /**
@@ -130,7 +125,6 @@ interface VirtualScrollerLoadingTemplateOptions extends VirtualScrollerTemplateO
 
 /**
  * Custom loader icon template props.
- * @group Misc
  */
 interface VirtualScrollerLoaderIconTemplateOptions {
     /**
@@ -149,7 +143,6 @@ interface VirtualScrollerLoaderIconTemplateOptions {
 
 /**
  * Custom content template options.
- * @group Misc
  */
 interface VirtualScrollerContentTemplateOptions {
     /**
@@ -387,7 +380,7 @@ export interface VirtualScrollerProps {
  *
  * _VirtualScroller is a performant approach to handle huge data efficiently._
  *
- * [Live Demo](https://www.primefaces.org/primereact/virtualscroller/)
+ * [Live Demo](https://www.primereact.org/virtualscroller/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/virtualscroller/virtualscroller.esm.js

@@ -843,6 +843,8 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     var otherProps = VirtualScrollerBase.getOtherProps(props);
     var className = classNames('p-virtualscroller', {
       'p-both-scroll': both,
+      'p-virtualscroller-both': both,
+      'p-virtualscroller-horizontal': horizontal,
       'p-horizontal-scroll': horizontal
     }, props.className);
     var loader = createLoader();