primereact 8.7.3 → 9.0.0-rc.1

package/virtualscroller/virtualscroller.d.ts

@@ -1,132 +1,424 @@
-import * as React from 'react';
-
-type VirtualScrollerItemsType = any[] | any[][] | undefined | null;
-
-type VirtualScrollerItemSizeType = number | number[];
-
-type VirtualScrollerOrientationType = 'vertical' | 'horizontal' | 'both';
-
-type VirtualScrollerScrollBehavior = 'auto' | 'smooth';
-
-type VirtualScrollerToType = 'to-start' | 'to-end';
+/**
+ *
+ * VirtualScroller is a performant approach to handle huge data efficiently.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/virtualscroller/)
+ *
+ * @module virtualscroller
+ *
+ */
 
-type VirtualScrollerLoadingTemplateType = React.ReactNode | ((options: VirtualScrollerLoadingTemplateOptions) => React.ReactNode);
-
-type VirtualScrollerLoaderIconTemplateType = React.ReactNode | ((options: VirtualScrollerLoaderIconTemplateOptions) => React.ReactNode);
-
-type VirtualScrollerItemTemplateType = React.ReactNode | ((item: any, options: VirtualScrollerTemplateOptions) => React.ReactNode);
-
-type VirtualScrollerContentTemplateType = React.ReactNode | ((options: VirtualScrollerContentTemplateOptions) => React.ReactNode);
-
-type VirtualScrollerStateType = number | VirtualScrollerState;
-
-type VirtualScrollerToIndexType = number | number[];
+import * as React from 'react';
 
+/**
+ * Custom virtual scroller options type.
+ * @group Misc
+ */
 interface VirtualScrollerOptionsType {
+    /**
+     * Left position of scroll.
+     */
     left: number;
+    /**
+     * Top position of scroll
+     */
     top: number;
-    behavior: VirtualScrollerScrollBehavior;
+    /**
+     * Behavior of scroll, valid values are 'auto' and 'smooth'
+     */
+    behavior: 'auto' | 'smooth';
 }
 
+/**
+ * Viewport rendered range.
+ * @group Misc
+ */
 interface VirtualScrollerViewportRenderedRange {
+    /**
+     * The first number of the current viewport.
+     */
     first: number;
+    /**
+     * The last number of the current viewport.
+     */
     last: number;
 }
 
+/**
+ * Virtual scroller rendered range.
+ * @group Misc
+ */
 interface VirtualScrollerRenderedRange {
+    /**
+     * First index of the new data range to be rendered.
+     */
     first: number;
+    /**
+     * Last index of the new data range to be rendered.
+     */
     last: number;
+    /**
+     * Viewport of the rendered range.
+     */
     viewport: VirtualScrollerViewportRenderedRange;
 }
 
+/**
+ * Custom virtual scroller state.
+ * @group Misc
+ */
 interface VirtualScrollerState {
+    /**
+     * Number of rows to be rendered.
+     */
     rows: number;
+    /**
+     * Number of columns to be rendered.
+     */
     cols: number;
 }
 
+/**
+ * Custom template options.
+ * @group Misc
+ */
 interface VirtualScrollerTemplateOptions {
+    /**
+     * Index of the item.
+     */
     index: number;
+    /**
+     * Total numbers of items.
+     */
     count: number;
+    /**
+     * Whether this is the first item.
+     */
     first: boolean;
+    /**
+     * Whether this is the last item.
+     */
     last: boolean;
+    /**
+     * Whether the index is even.
+     */
     even: boolean;
+    /**
+     * Whether the index is odd.
+     */
     odd: boolean;
+    /**
+     * The props of the virtual scroller.
+     */
     props: VirtualScrollerProps;
 }
 
+/**
+ * Custom template options.
+ * @extends VirtualScrollerTemplateOptions
+ */
 interface VirtualScrollerLoadingTemplateOptions extends VirtualScrollerTemplateOptions {
+    /**
+     * Total number of columns in a row in 'both' orientation mode in view.
+     */
     numCols: number;
+    /**
+     * Extra options.
+     */
     [key: string]: any;
 }
 
+/**
+ * Custom loader icon template props.
+ * @group Misc
+ */
 interface VirtualScrollerLoaderIconTemplateOptions {
+    /**
+     * Style class of the loader icon.
+     */
     className: string;
+    /**
+     * The JSX element that represents the loader icon.
+     */
     element: JSX.Element;
+    /**
+     * The props of the VirtualScroller component.
+     */
     props: VirtualScrollerProps;
 }
 
+/**
+ * Custom content template options.
+ * @group Misc
+ */
 interface VirtualScrollerContentTemplateOptions {
+    /**
+     * Style class of the wrapper element.
+     */
     className: string;
+    /**
+     * Ref of wrapper element.
+     */
     contentRef: any;
+    /**
+     * Ref of spacer element.
+     */
     spacerRef: any;
+    /**
+     * Ref of sticky element in content.
+     */
     stickyRef: any;
-    items: VirtualScrollerItemsType;
+    /**
+     * Loaded data.
+     */
+    items: any[] | any[][] | undefined | null;
+    /**
+     * Information of any item.
+     * @param {number} index - Index of the template item.
+     */
     getItemOptions(index: number): VirtualScrollerTemplateOptions;
+    /**
+     * Items of wrapper element.
+     */
     children: any;
+    /**
+     * Default wrapper element.
+     */
     element: JSX.Element;
+    /**
+     * Props of VirtualScroller component.
+     */
     props: VirtualScrollerProps;
+    /**
+     * Whether the data is loaded.
+     */
     loading: boolean;
+    /**
+     * Information of any item during the loading.
+     * @param {number} index - Index of the item.
+     * @param {object} ext - The extra options to pass to the content.
+     */
     getLoaderOptions(index: number, ext?: object): VirtualScrollerLoadingTemplateOptions;
-    loadingTemplate: VirtualScrollerLoadingTemplateType;
-    itemSize: VirtualScrollerItemSizeType;
+    /**
+     * Template of loading item.
+     */
+    loadingTemplate: React.ReactNode | ((options: VirtualScrollerLoadingTemplateOptions) => React.ReactNode);
+    /**
+     * The height/width of item according to orientation.
+     */
+    itemSize: number | number[];
+    /**
+     * Rows of the virtual scroller.
+     */
     rows: any[];
+    /**
+     * Columns of the virtual scroller.
+     */
     columns: any[];
+    /**
+     * Whether the orientation is vertical.
+     */
     vertical: boolean;
+    /**
+     * Whether the orientation is horizontal.
+     */
     horizontal: boolean;
+    /**
+     * Whether the orientation is both.
+     */
     both: boolean;
 }
 
-interface VirtualScrollerChangeParams {
-    first: VirtualScrollerStateType;
-    last: VirtualScrollerStateType;
+/**
+ * Custom change event.
+ * @see {@link VirtualScrollerProps.onScrollIndexChange}
+ * @event
+ */
+interface VirtualScrollerChangeEvent {
+    /**
+     * First index of the new data range to be loaded.
+     */
+    first: number | VirtualScrollerState;
+    /**
+     * Last index of the new data range to be loaded.
+     */
+    last: number | VirtualScrollerState;
 }
 
-interface VirtualScrollerLazyParams extends VirtualScrollerChangeParams {}
+/**
+ * Custom lazy load event.
+ * @see {@link VirtualScrollerProps.onLazyLoad}
+ * @extends {VirtualScrollerChangeEvent}
+ * @event
+ */
+interface VirtualScrollerLazyEvent extends VirtualScrollerChangeEvent {}
 
+/**
+ * Defines valid properties in VirtualScroller component.
+ * @group Properties
+ */
 export interface VirtualScrollerProps {
-    id?: string;
-    style?: React.CSSProperties;
-    className?: string;
-    items?: VirtualScrollerItemsType;
-    itemSize?: VirtualScrollerItemSizeType;
-    scrollHeight?: string;
-    scrollWidth?: string;
-    orientation?: VirtualScrollerOrientationType;
-    numToleratedItems?: number;
-    delay?: number;
-    resizeDelay?: number;
-    lazy?: boolean;
-    disabled?: boolean;
-    loaderDisabled?: boolean;
-    columns?: any;
-    loading?: boolean;
-    autoSize?: boolean;
-    showSpacer?: boolean;
-    showLoader?: boolean;
-    loadingTemplate?: VirtualScrollerLoadingTemplateType;
-    loaderIconTemplate?: VirtualScrollerLoaderIconTemplateType;
-    itemTemplate?: VirtualScrollerItemTemplateType;
-    contentTemplate?: VirtualScrollerContentTemplateType;
-    onScroll?(e: React.UIEvent<HTMLElement>): void;
-    onScrollIndexChange?(e: VirtualScrollerChangeParams): void;
-    onLazyLoad?(e: VirtualScrollerLazyParams): void;
-    children?: React.ReactNode;
+    /**
+     * Unique identifier of the element.
+     */
+    id?: string | undefined;
+    /**
+     * Inline style of the component.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Style class of the component.
+     */
+    className?: string | undefined;
+    /**
+     * An array of objects to display.
+     */
+    items?: any[] | any[][] | undefined | null;
+    /**
+     * The height/width of item according to orientation.
+     */
+    itemSize?: number | number[] | undefined;
+    /**
+     * Height of the scroll viewport.
+     */
+    scrollHeight?: string | undefined;
+    /**
+     * Width of the scroll viewport.
+     */
+    scrollWidth?: string | undefined;
+    /**
+     * The orientation of scrollbar, valid values are 'vertical', 'horizontal' and 'both'.
+     * @defaultValue 'vertical'
+     */
+    orientation?: 'vertical' | 'horizontal' | 'both' | undefined;
+    /**
+     * Determines how many additional elements to add to the DOM outside of the view. According to the scrolls made up and down, extra items are added in a certain algorithm in the form of multiples of this number. Default value is half the number of items shown in the view.
+     */
+    numToleratedItems?: number | undefined;
+    /**
+     * Delay in scroll before new data is loaded.
+     * @defaultValue 0
+     */
+    delay?: number | undefined;
+    /**
+     * Delay after window's resize finishes.
+     * @defaultValue 10
+     */
+    resizeDelay?: number | undefined;
+    /**
+     * Defines if data is loaded and interacted with in lazy manner.
+     * @defaultValue false
+     */
+    lazy?: boolean | undefined;
+    /**
+     * If disabled, the VirtualScroller feature is eliminated and the content is displayed directly.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Used to implement a custom loader instead of using the loader feature in the VirtualScroller.
+     * @defaultValue false
+     */
+    loaderDisabled?: boolean | undefined;
+    /**
+     * Columns of the virtual scroller for vertical option.
+     */
+    columns?: any | undefined;
+    /**
+     * Whether the data is loaded.
+     * @defaultValue false
+     */
+    loading?: boolean | undefined;
+    /**
+     * Whether to dynamically change the height or width of scrollable container.
+     * @defaultValue false
+     */
+    autoSize?: boolean | undefined;
+    /**
+     * Used to implement a custom spacer instead of using the spacer feature in the VirtualScroller.
+     * @defaultValue true
+     */
+    showSpacer?: boolean | undefined;
+    /**
+     * Whether to show loader.
+     * @defaultValue false
+     */
+    showLoader?: boolean | undefined;
+    /**
+     * The template of loader.
+     */
+    loadingTemplate?: React.ReactNode | ((options: VirtualScrollerLoadingTemplateOptions) => React.ReactNode);
+    /**
+     * The template of loader's icon.
+     */
+    loaderIconTemplate?: React.ReactNode | ((options: VirtualScrollerLoaderIconTemplateOptions) => React.ReactNode);
+    /**
+     * The template of item.
+     */
+    itemTemplate?: React.ReactNode | ((item: any, options: VirtualScrollerTemplateOptions) => React.ReactNode);
+    /**
+     * The template of item's wrapper element.
+     */
+    contentTemplate?: React.ReactNode | ((options: VirtualScrollerContentTemplateOptions) => React.ReactNode);
+    /**
+     * Callback to invoke when scroll position changes.
+     * @param {React.UIEvent<HTMLElement>} event - Browser event
+     */
+    onScroll?(event: React.UIEvent<HTMLElement>): void;
+    /**
+     * Callback to invoke when scroll position and item's range in view changes.
+     * @param {VirtualScrollerChangeEvent} event - Custom change event
+     */
+    onScrollIndexChange?(event: VirtualScrollerChangeEvent): void;
+    /**
+     * Callback to invoke in lazy mode to load new data.
+     * @param {VirtualScrollerLazyEvent} event - Custom lazy load event.
+     */
+    onLazyLoad?(event: VirtualScrollerLazyEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - VirtualScroller**
+ *
+ * _VirtualScroller is a performant approach to handle huge data efficiently._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/virtualscroller/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class VirtualScroller extends React.Component<VirtualScrollerProps, any> {
+    /**
+     * Returns the reference of virtualScroller's container.
+     * @return {React.Ref<HTMLDivElement>} Ref Div element
+     */
     public getElementRef(): React.Ref<HTMLDivElement>;
+    /**
+     * Scroll to move to a specific position.
+     * @param {VirtualScrollerOptionsType} options - Custom virtual scroller options.
+     */
     public scrollTo(options: VirtualScrollerOptionsType): void;
-    public scrollToIndex(index: VirtualScrollerToIndexType, behavior?: VirtualScrollerScrollBehavior): void;
-    public scrollInView(index: VirtualScrollerToIndexType, to: VirtualScrollerToType, behavior?: VirtualScrollerScrollBehavior): void;
+    /**
+     * Scroll to move to a specific item.
+     * @param {number} index - Index of item according to orientation mode.
+     * @param {'auto' | 'smooth'} behavior - Behavior of scroll, valid values are 'auto' and 'smooth'
+     */
+    public scrollToIndex(index: number | number[], behavior?: 'auto' | 'smooth'): void;
+    /**
+     * It is used to move the specified index into the view. It is a method that will usually be needed when keyboard support is added to the virtualScroller component.
+     * @param {number} index - Index of item according to orientation mode.
+     * @param {'to-start' | 'to-end'} to - Defines the location of the item in view, valid values are 'to-start' and 'to-end'.
+     * @param {'auto' | 'smooth'} behavior - Behavior of scroll, valid values are 'auto' and 'smooth'
+     */
+    public scrollInView(index: number | number[], to: 'to-start' | 'to-end', behavior?: 'auto' | 'smooth'): void;
+    /**
+     * Returns the range of items added to the DOM.
+     */
     public getRenderedRange(): VirtualScrollerRenderedRange;
 }

package/virtualscroller/virtualscroller.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { usePrevious, useResizeListener, useEventListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
-import { DomHandler, ObjectUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -76,9 +76,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -94,9 +92,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -117,9 +113,49 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var VirtualScrollerBase = {
+  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: false,
+    disabled: false,
+    loaderDisabled: false,
+    columns: null,
+    loading: undefined,
+    autoSize: false,
+    showSpacer: true,
+    showLoader: false,
+    loadingTemplate: null,
+    loaderIconTemplate: null,
+    itemTemplate: null,
+    contentTemplate: null,
+    onScroll: null,
+    onScrollIndexChange: null,
+    onLazyLoad: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, VirtualScrollerBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, VirtualScrollerBase.defaultProps);
+  }
+};
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = VirtualScrollerBase.getProps(inProps);
   var vertical = props.orientation === 'vertical';
   var horizontal = props.orientation === 'horizontal';
   var both = props.orientation === 'both';
@@ -804,7 +840,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     });
     return /*#__PURE__*/React.createElement(React.Fragment, null, props.children, content);
   } else {
-    var otherProps = ObjectUtils.findDiffKeys(props, VirtualScroller.defaultProps);
+    var otherProps = VirtualScrollerBase.getOtherProps(props);
     var className = classNames('p-virtualscroller', {
       'p-both-scroll': both,
       'p-horizontal-scroll': horizontal
@@ -823,34 +859,5 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   }
 }));
 VirtualScroller.displayName = 'VirtualScroller';
-VirtualScroller.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: false,
-  disabled: false,
-  loaderDisabled: false,
-  columns: null,
-  loading: undefined,
-  autoSize: false,
-  showSpacer: true,
-  showLoader: false,
-  loadingTemplate: null,
-  loaderIconTemplate: null,
-  itemTemplate: null,
-  contentTemplate: null,
-  onScroll: null,
-  onScrollIndexChange: null,
-  onLazyLoad: null
-};
 
 export { VirtualScroller };

package/virtualscroller/virtualscroller.esm.min.js

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