primereact 7.1.0 → 7.2.0

package/virtualscroller/virtualscroller.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/utils");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=o(t);function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var o=0;o<e.length;o++){var s=e[o];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function l(t,e){return l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},l(t,e)}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function u(t,e){if(e&&("object"===c(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return n(t)}function h(t){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},h(t)}function p(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function f(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,s)}return o}function d(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?f(Object(o),!0).forEach((function(e){p(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var v=function(o){a(y,t.Component);var l,c,p,f,v,g=(l=y,c=m(),function(){var t,e=h(l);if(c){var o=h(this).constructor;t=Reflect.construct(e,arguments,o)}else t=e.apply(this,arguments);return u(this,t)});function y(t){var e;r(this,y);var o=(e=g.call(this,t)).isBoth();return e.state={first:o?{rows:0,cols:0}:0,last:o?{rows:0,cols:0}:0,numItemsInViewport:o?{rows:0,cols:0}:0,numToleratedItems:t.numToleratedItems,loading:t.loading,loaderArr:[]},e.onScroll=e.onScroll.bind(n(e)),e.lastScrollPos=o?{top:0,left:0}:0,e}return p=y,f=[{key:"scrollTo",value:function(t){this.el&&this.el.scrollTo(t)}},{key:"scrollToIndex",value:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",s=this.isBoth(),r=this.isHorizontal(),i=this.state.first,n=this.state.numToleratedItems,l=this.props.itemSize,a=this.getContentPosition(),c=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return t<=e?0:t},u=function(t,e,o){return t*e+o},h=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e.scrollTo({left:t,top:s,behavior:o})};if(s){var p={rows:c(t[0],n[0]),cols:c(t[1],n[1])};p.rows===i.rows&&p.cols===i.cols||(h(u(p.cols,l[1],a.left),u(p.rows,l[0],a.top)),this.setState({first:p}))}else{var f=c(t,n);f!==i&&(r?h(u(f,l,a.left),0):h(0,u(f,l,a.top)),this.setState({first:f}))}}},{key:"scrollInView",value:function(t,e){var o=this,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(e){var r=this.isBoth(),i=this.isHorizontal(),n=this.getRenderedRange(),l=n.first,a=n.viewport,c=this.props.itemSize,u=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return o.scrollTo({left:t,top:e,behavior:s})},h="to-start"===e,p="to-end"===e;if(h){if(r)a.first.rows-l.rows>t[0]?u(a.first.cols*c,(a.first.rows-1)*c):a.first.cols-l.cols>t[1]&&u((a.first.cols-1)*c,a.first.rows*c);else if(a.first-l>t){var f=(a.first-1)*c;i?u(f,0):u(0,f)}}else if(p)if(r)a.last.rows-l.rows<=t[0]+1?u(a.first.cols*c,(a.first.rows+1)*c):a.last.cols-l.cols<=t[1]+1&&u((a.first.cols+1)*c,a.first.rows*c);else if(a.last-l<=t+1){var d=(a.first+1)*c;i?u(d,0):u(0,d)}}else this.scrollToIndex(t,s)}},{key:"getRows",value:function(){return this.state.loading?this.props.loaderDisabled?this.state.loaderArr:[]:this.loadedItems()}},{key:"getColumns",value:function(){if(this.props.columns){var t=this.isBoth(),e=this.isHorizontal();if(t||e)return this.state.loading&&this.props.loaderDisabled?t?this.state.loaderArr[0]:this.state.loaderArr:this.props.columns.slice(t?this.state.first.cols:this.state.first,t?this.state.last.cols:this.state.last)}return this.props.columns}},{key:"getRenderedRange",value:function(){var t=this.isBoth(),e=this.isHorizontal(),o=this.state,s=o.first,r=o.last,i=o.numItemsInViewport,n=this.props.itemSize,l=function(t,e){return Math.floor(t/(e||t))},a=s,c=0;if(this.el){var u=this.el.scrollTop,h=this.el.scrollLeft;c=t?{rows:(a={rows:l(u,n[0]),cols:l(h,n[1])}).rows+i.rows,cols:a.cols+i.cols}:(a=l(e?h:u,n))+i}return{first:s,last:r,viewport:{first:a,last:c}}}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isBoth",value:function(){return"both"===this.props.orientation}},{key:"calculateOptions",value:function(){var t=this,e=this.isBoth(),o=this.isHorizontal(),s=this.state.first,r=this.props.itemSize,i=this.getContentPosition(),n=this.el?this.el.offsetWidth-i.left:0,l=this.el?this.el.offsetHeight-i.top:0,a=function(t,e){return Math.ceil(t/(e||t))},c=function(t){return Math.ceil(t/2)},u=e?{rows:a(l,r[0]),cols:a(n,r[1])}:a(o?n:l,r),h=this.state.numToleratedItems||(e?[c(u.rows),c(u.cols)]:c(u)),p=function(e,o,s,r){return t.getLast(e+o+(e<s?2:3)*s,r)},f=e?{rows:p(s.rows,u.rows,h[0]),cols:p(s.cols,u.cols,h[1],!0)}:p(s,u,h),d={numItemsInViewport:u,last:f,numToleratedItems:h};this.props.showLoader&&(d.loaderArr=e?Array.from({length:u.rows}).map((function(){return Array.from({length:u.cols})})):Array.from({length:u})),this.setState(d,(function(){t.props.lazy&&t.props.onLazyLoad&&t.props.onLazyLoad({first:t.state.first,last:t.state.last})}))}},{key:"getLast",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return this.props.items?Math.min(e?(this.props.columns||this.props.items[0]).length:this.props.items.length,t):0}},{key:"getContentPosition",value:function(){if(this.content){var t=getComputedStyle(this.content),e=parseInt(t.paddingLeft,10)+Math.max(parseInt(t.left,10),0),o=parseInt(t.paddingRight,10)+Math.max(parseInt(t.right,10),0),s=parseInt(t.paddingTop,10)+Math.max(parseInt(t.top,10),0),r=parseInt(t.paddingBottom,10)+Math.max(parseInt(t.bottom,10),0);return{left:e,right:o,top:s,bottom:r,x:e+o,y:s+r}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}}},{key:"setSize",value:function(){var t=this;if(this.el){var e=this.isBoth(),o=this.isHorizontal(),s=this.el.parentElement,r=this.props.scrollWidth||"".concat(this.el.offsetWidth||s.offsetWidth,"px"),i=this.props.scrollHeight||"".concat(this.el.offsetHeight||s.offsetHeight,"px"),n=function(e,o){return t.el.style[e]=o};e||o?(n("height",i),n("width",r)):n("height",i)}}},{key:"setSpacerSize",value:function(){var t=this,e=this.props.items;if(this.spacer&&e){var o=this.isBoth(),s=this.isHorizontal(),r=this.props.itemSize,i=this.getContentPosition(),n=function(e,o,s){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return t.spacer.style[e]=(o||[]).length*s+r+"px"};o?(n("height",e,r[0],i.y),n("width",this.props.columns||e[1],r[1],i.x)):s?n("width",this.props.columns||e,r,i.x):n("height",e,r,i.y)}}},{key:"setContentPosition",value:function(t){var e=this;if(this.content){var o=this.isBoth(),s=this.isHorizontal(),r=t?t.first:this.state.first,i=this.props.itemSize,n=function(t,e){return t*e},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;e.sticky&&(e.sticky.style.top="-".concat(o,"px")),e.content.style.transform="translate3d(".concat(t,"px, ").concat(o,"px, 0)")};if(o)l(n(r.cols,i[1]),n(r.rows,i[0]));else{var a=n(r,i);s?l(a,0):l(0,a)}}}},{key:"onScrollPositionChange",value:function(t){var e=this,o=t.target,s=this.isBoth(),r=this.isHorizontal(),i=this.state,n=i.first,l=i.last,a=i.numItemsInViewport,c=i.numToleratedItems,u=this.props.itemSize,h=this.getContentPosition(),p=function(t,e){return t?t>e?t-e:t:0},f=function(t,e){return Math.floor(t/(e||t))},d=function(t,e,o,s,r,i){return t<=r?r:i?o-s-r:e+r-1},m=function(t,e,o,s,r,i,n){return t<=i?0:Math.max(0,n?t<e?o:t-i:t>e?o:t-2*i)},v=function(t,o,s,r,i,n){var l=o+r+2*i;return t>=i&&(l+=i+1),e.getLast(l,n)},g=p(o.scrollTop,h.top),y=p(o.scrollLeft,h.left),w=0,S=l,b=!1;if(s){var O=this.lastScrollPos.top<=g,I=this.lastScrollPos.left<=y,z={rows:f(g,u[0]),cols:f(y,u[1])},k={rows:d(z.rows,n.rows,l.rows,a.rows,c[0],O),cols:d(z.cols,n.cols,l.cols,a.cols,c[1],I)};w={rows:m(z.rows,k.rows,n.rows,0,0,c[0],O),cols:m(z.cols,k.cols,n.cols,0,0,c[1],I)},S={rows:v(z.rows,w.rows,0,a.rows,c[0]),cols:v(z.cols,w.cols,0,a.cols,c[1],!0)},b=w.rows!==n.rows&&S.rows!==l.rows||w.cols!==n.cols&&S.cols!==l.cols,this.lastScrollPos={top:g,left:y}}else{var P=r?y:g,T=this.lastScrollPos<=P,C=f(P,u);S=v(C,w=m(C,d(C,n,l,a,c,T),n,0,0,c,T),0,a,c),b=w!==n&&S!==l,this.lastScrollPos=P}return{first:w,last:S,isRangeChanged:b}}},{key:"onScrollChange",value:function(t){var e=this,o=this.onScrollPositionChange(t);if(o.isRangeChanged){var s={first:o.first,last:o.last};this.setContentPosition(s),this.setState(s,(function(){e.props.onScrollIndexChange&&e.props.onScrollIndexChange(s),e.props.lazy&&e.props.onLazyLoad&&e.props.onLazyLoad(s)}))}}},{key:"onScroll",value:function(t){var e=this;this.props.onScroll&&this.props.onScroll(t),this.props.delay?(this.scrollTimeout&&clearTimeout(this.scrollTimeout),!this.state.loading&&this.props.showLoader&&this.onScrollPositionChange(t).isRangeChanged&&this.setState({loading:!0}),this.scrollTimeout=setTimeout((function(){e.onScrollChange(t),e.state.loading&&e.props.showLoader&&!e.props.lazy&&e.setState({loading:!1})}),this.props.delay)):this.onScrollChange(t)}},{key:"getOptions",value:function(t){var e=this.state.first,o=(this.props.items||[]).length,s=this.isBoth()?e.rows+t:e+t;return{index:s,count:o,first:0===s,last:s===o-1,even:s%2==0,odd:s%2!=0,props:this.props}}},{key:"loaderOptions",value:function(t,e){var o=this.state.loaderArr.length;return d({index:t,count:o,first:0===t,last:t===o-1,even:t%2==0,odd:t%2!=0,props:this.props},e)}},{key:"loadedItems",value:function(){var t=this,e=this.props.items;if(e&&!this.state.loading){var o=this.isBoth(),s=this.isHorizontal(),r=this.state,i=r.first,n=r.last;return o?e.slice(i.rows,n.rows).map((function(e){return t.props.columns?e:e.slice(i.cols,n.cols)})):s&&this.props.columns?e:e.slice(i,n)}return[]}},{key:"isPropChanged",value:function(t){var o=this;return["itemSize","scrollHeight"].some((function(s){return!e.ObjectUtils.equals(t[s],o.props[s])}))}},{key:"init",value:function(){this.setSize(),this.calculateOptions(),this.setSpacerSize()}},{key:"componentDidMount",value:function(){this.init()}},{key:"componentDidUpdate",value:function(t,e){t.items&&t.items.length===(this.props.items||[]).length&&!this.isPropChanged(t)||this.init(),this.props.lazy&&t.loading!==this.props.loading&&this.state.loading!==this.props.loading&&this.setState({loading:this.props.loading}),t.orientation!==this.props.orientation&&(this.lastScrollPos=this.isBoth()?{top:0,left:0}:0)}},{key:"renderLoaderItem",value:function(t){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.loaderOptions(t,o),i=e.ObjectUtils.getJSXElement(this.props.loadingTemplate,r);return s.default.createElement(s.default.Fragment,{key:t},i)}},{key:"renderLoader",value:function(){var t=this;if(!this.props.loaderDisabled&&this.props.showLoader&&this.state.loading){var o=e.classNames("p-virtualscroller-loader",{"p-component-overlay":!this.props.loadingTemplate}),r=s.default.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});if(this.props.loadingTemplate){var i=this.isBoth(),n=this.state.numItemsInViewport;r=this.state.loaderArr.map((function(e,o){return t.renderLoaderItem(o,i&&{numCols:n.cols})}))}return s.default.createElement("div",{className:o},r)}return null}},{key:"renderSpacer",value:function(){var t=this;return this.props.showSpacer?s.default.createElement("div",{ref:function(e){return t.spacer=e},className:"p-virtualscroller-spacer"}):null}},{key:"renderItem",value:function(t,o){var r=this.getOptions(o),i=e.ObjectUtils.getJSXElement(this.props.itemTemplate,t,r);return s.default.createElement(s.default.Fragment,{key:r.index},i)}},{key:"renderItems",value:function(t){var e=this;return t.map((function(t,o){return e.renderItem(t,o)}))}},{key:"renderContent",value:function(){var t=this,o=this.loadedItems(),r=this.renderItems(o),i=e.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":this.state.loading}),n=s.default.createElement("div",{className:i,ref:function(e){return t.content=e}},r);if(this.props.contentTemplate){var l={className:i,contentRef:function(e){return t.content=e},spacerRef:function(e){return t.spacer=e},stickyRef:function(e){return t.sticky=e},items:o,getItemOptions:function(e){return t.getOptions(e)},children:r,element:n,props:this.props,loading:this.state.loading,getLoaderOptions:function(e,o){return t.loaderOptions(e,o)},loadingTemplate:this.props.loadingTemplate,itemSize:this.props.itemSize,rows:this.getRows(),columns:this.getColumns(),vertical:this.isVertical(),horizontal:this.isHorizontal(),both:this.isBoth()};return e.ObjectUtils.getJSXElement(this.props.contentTemplate,l)}return n}},{key:"render",value:function(){var t=this;if(this.props.disabled){var o=e.ObjectUtils.getJSXElement(this.props.contentTemplate,{items:this.props.items,rows:this.props.items,columns:this.props.columns});return s.default.createElement(s.default.Fragment,null,this.props.children,o)}var r=this.isBoth(),i=this.isHorizontal(),n=e.classNames("p-virtualscroller",{"p-both-scroll":r,"p-horizontal-scroll":i},this.props.className),l=this.renderLoader(),a=this.renderContent(),c=this.renderSpacer();return s.default.createElement("div",{ref:function(e){return t.el=e},className:n,tabIndex:0,style:this.props.style,onScroll:this.onScroll},a,c,l)}}],f&&i(p.prototype,f),v&&i(p,v),y}();p(v,"defaultProps",{id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,lazy:!1,disabled:!1,loaderDisabled:!1,columns:null,loading:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null}),exports.VirtualScroller=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/utils");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=o(t);function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var o=0;o<e.length;o++){var s=e[o];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function l(t,e){return l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},l(t,e)}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&l(t,e)}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function u(t,e){if(e&&("object"===c(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return n(t)}function h(t){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},h(t)}function p(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function f(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,s)}return o}function d(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?f(Object(o),!0).forEach((function(e){p(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var v=function(o){a(y,t.Component);var l,c,p,f,v,g=(l=y,c=m(),function(){var t,e=h(l);if(c){var o=h(this).constructor;t=Reflect.construct(e,arguments,o)}else t=e.apply(this,arguments);return u(this,t)});function y(t){var e;r(this,y);var o=(e=g.call(this,t)).isBoth();return e.state={first:o?{rows:0,cols:0}:0,last:o?{rows:0,cols:0}:0,numItemsInViewport:o?{rows:0,cols:0}:0,numToleratedItems:t.numToleratedItems,loading:t.loading,loaderArr:[]},e.onScroll=e.onScroll.bind(n(e)),e.lastScrollPos=o?{top:0,left:0}:0,e}return p=y,f=[{key:"scrollTo",value:function(t){this.el&&this.el.scrollTo(t)}},{key:"scrollToIndex",value:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",s=this.isBoth(),r=this.isHorizontal(),i=this.state.first,n=this.calculateNumItems(),l=n.numToleratedItems,a=this.props.itemSize,c=this.getContentPosition(),u=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return t<=e?0:t},h=function(t,e,o){return t*e+o},p=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e.scrollTo({left:t,top:s,behavior:o})};if(s){var f={rows:u(t[0],l[0]),cols:u(t[1],l[1])};f.rows===i.rows&&f.cols===i.cols||(p(h(f.cols,a[1],c.left),h(f.rows,a[0],c.top)),this.setState({first:f}))}else{var d=u(t,l);d!==i&&(r?p(h(d,a,c.left),0):p(0,h(d,a,c.top)),this.setState({first:d}))}}},{key:"scrollInView",value:function(t,e){var o=this,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(e){var r=this.isBoth(),i=this.isHorizontal(),n=this.getRenderedRange(),l=n.first,a=n.viewport,c=this.props.itemSize,u=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return o.scrollTo({left:t,top:e,behavior:s})},h="to-start"===e,p="to-end"===e;if(h){if(r)a.first.rows-l.rows>t[0]?u(a.first.cols*c,(a.first.rows-1)*c):a.first.cols-l.cols>t[1]&&u((a.first.cols-1)*c,a.first.rows*c);else if(a.first-l>t){var f=(a.first-1)*c;i?u(f,0):u(0,f)}}else if(p)if(r)a.last.rows-l.rows<=t[0]+1?u(a.first.cols*c,(a.first.rows+1)*c):a.last.cols-l.cols<=t[1]+1&&u((a.first.cols+1)*c,a.first.rows*c);else if(a.last-l<=t+1){var d=(a.first+1)*c;i?u(d,0):u(0,d)}}else this.scrollToIndex(t,s)}},{key:"getRows",value:function(){return this.state.loading?this.props.loaderDisabled?this.state.loaderArr:[]:this.loadedItems()}},{key:"getColumns",value:function(){if(this.props.columns){var t=this.isBoth(),e=this.isHorizontal();if(t||e)return this.state.loading&&this.props.loaderDisabled?t?this.state.loaderArr[0]:this.state.loaderArr:this.props.columns.slice(t?this.state.first.cols:this.state.first,t?this.state.last.cols:this.state.last)}return this.props.columns}},{key:"getRenderedRange",value:function(){var t=this.isBoth(),e=this.isHorizontal(),o=this.state,s=o.first,r=o.last,i=o.numItemsInViewport,n=this.props.itemSize,l=function(t,e){return Math.floor(t/(e||t))},a=s,c=0;if(this.el){var u=this.el.scrollTop,h=this.el.scrollLeft;c=t?{rows:(a={rows:l(u,n[0]),cols:l(h,n[1])}).rows+i.rows,cols:a.cols+i.cols}:(a=l(e?h:u,n))+i}return{first:s,last:r,viewport:{first:a,last:c}}}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isBoth",value:function(){return"both"===this.props.orientation}},{key:"calculateNumItems",value:function(){var t=this.isBoth(),e=this.isHorizontal(),o=this.props.itemSize,s=this.getContentPosition(),r=this.el?this.el.offsetWidth-s.left:0,i=this.el?this.el.offsetHeight-s.top:0,n=function(t,e){return Math.ceil(t/(e||t))},l=function(t){return Math.ceil(t/2)},a=t?{rows:n(i,o[0]),cols:n(r,o[1])}:n(e?r:i,o);return{numItemsInViewport:a,numToleratedItems:this.state.numToleratedItems||(t?[l(a.rows),l(a.cols)]:l(a))}}},{key:"calculateOptions",value:function(){var t=this,e=this.isBoth(),o=this.state.first,s=this.calculateNumItems(),r=s.numItemsInViewport,i=s.numToleratedItems,n=function(e,o,s,r){return t.getLast(e+o+(e<s?2:3)*s,r)},l=e?{rows:n(o.rows,r.rows,i[0]),cols:n(o.cols,r.cols,i[1],!0)}:n(o,r,i),a={numItemsInViewport:r,last:l,numToleratedItems:i};this.props.showLoader&&(a.loaderArr=e?Array.from({length:r.rows}).map((function(){return Array.from({length:r.cols})})):Array.from({length:r})),this.setState(a,(function(){t.props.lazy&&t.props.onLazyLoad&&t.props.onLazyLoad({first:t.state.first,last:t.state.last})}))}},{key:"getLast",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return this.props.items?Math.min(e?(this.props.columns||this.props.items[0]).length:this.props.items.length,t):0}},{key:"getContentPosition",value:function(){if(this.content){var t=getComputedStyle(this.content),e=parseInt(t.paddingLeft,10)+Math.max(parseInt(t.left,10),0),o=parseInt(t.paddingRight,10)+Math.max(parseInt(t.right,10),0),s=parseInt(t.paddingTop,10)+Math.max(parseInt(t.top,10),0),r=parseInt(t.paddingBottom,10)+Math.max(parseInt(t.bottom,10),0);return{left:e,right:o,top:s,bottom:r,x:e+o,y:s+r}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}}},{key:"setSize",value:function(){var t=this;if(this.el){var e=this.isBoth(),o=this.isHorizontal(),s=this.el.parentElement,r=this.props.scrollWidth||"".concat(this.el.offsetWidth||s.offsetWidth,"px"),i=this.props.scrollHeight||"".concat(this.el.offsetHeight||s.offsetHeight,"px"),n=function(e,o){return t.el.style[e]=o};e||o?(n("height",i),n("width",r)):n("height",i)}}},{key:"setSpacerSize",value:function(){var t=this,e=this.props.items;if(this.spacer&&e){var o=this.isBoth(),s=this.isHorizontal(),r=this.props.itemSize,i=this.getContentPosition(),n=function(e,o,s){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return t.spacer.style[e]=(o||[]).length*s+r+"px"};o?(n("height",e,r[0],i.y),n("width",this.props.columns||e[1],r[1],i.x)):s?n("width",this.props.columns||e,r,i.x):n("height",e,r,i.y)}}},{key:"setContentPosition",value:function(t){var e=this;if(this.content){var o=this.isBoth(),s=this.isHorizontal(),r=t?t.first:this.state.first,i=this.props.itemSize,n=function(t,e){return t*e},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;e.sticky&&(e.sticky.style.top="-".concat(o,"px")),e.content.style.transform="translate3d(".concat(t,"px, ").concat(o,"px, 0)")};if(o)l(n(r.cols,i[1]),n(r.rows,i[0]));else{var a=n(r,i);s?l(a,0):l(0,a)}}}},{key:"onScrollPositionChange",value:function(t){var e=this,o=t.target,s=this.isBoth(),r=this.isHorizontal(),i=this.state,n=i.first,l=i.last,a=i.numItemsInViewport,c=i.numToleratedItems,u=this.props.itemSize,h=this.getContentPosition(),p=function(t,e){return t?t>e?t-e:t:0},f=function(t,e){return Math.floor(t/(e||t))},d=function(t,e,o,s,r,i){return t<=r?r:i?o-s-r:e+r-1},m=function(t,e,o,s,r,i,n){return t<=i?0:Math.max(0,n?t<e?o:t-i:t>e?o:t-2*i)},v=function(t,o,s,r,i,n){var l=o+r+2*i;return t>=i&&(l+=i+1),e.getLast(l,n)},g=p(o.scrollTop,h.top),y=p(o.scrollLeft,h.left),w=0,b=l,S=!1;if(s){var I=this.lastScrollPos.top<=g,O=this.lastScrollPos.left<=y,k={rows:f(g,u[0]),cols:f(y,u[1])},z={rows:d(k.rows,n.rows,l.rows,a.rows,c[0],I),cols:d(k.cols,n.cols,l.cols,a.cols,c[1],O)};w={rows:m(k.rows,z.rows,n.rows,0,0,c[0],I),cols:m(k.cols,z.cols,n.cols,0,0,c[1],O)},b={rows:v(k.rows,w.rows,0,a.rows,c[0]),cols:v(k.cols,w.cols,0,a.cols,c[1],!0)},S=w.rows!==n.rows&&b.rows!==l.rows||w.cols!==n.cols&&b.cols!==l.cols,this.lastScrollPos={top:g,left:y}}else{var P=r?y:g,T=this.lastScrollPos<=P,j=f(P,u);b=v(j,w=m(j,d(j,n,l,a,c,T),n,0,0,c,T),0,a,c),S=w!==n&&b!==l,this.lastScrollPos=P}return{first:w,last:b,isRangeChanged:S}}},{key:"onScrollChange",value:function(t){var e=this,o=this.onScrollPositionChange(t);if(o.isRangeChanged){var s={first:o.first,last:o.last};this.setContentPosition(s),this.setState(s,(function(){e.props.onScrollIndexChange&&e.props.onScrollIndexChange(s),e.props.lazy&&e.props.onLazyLoad&&e.props.onLazyLoad(s)}))}}},{key:"onScroll",value:function(t){var e=this;this.props.onScroll&&this.props.onScroll(t),this.props.delay?(this.scrollTimeout&&clearTimeout(this.scrollTimeout),!this.state.loading&&this.props.showLoader&&this.onScrollPositionChange(t).isRangeChanged&&this.setState({loading:!0}),this.scrollTimeout=setTimeout((function(){e.onScrollChange(t),e.state.loading&&e.props.showLoader&&!e.props.lazy&&e.setState({loading:!1})}),this.props.delay)):this.onScrollChange(t)}},{key:"getOptions",value:function(t){var e=this.state.first,o=(this.props.items||[]).length,s=this.isBoth()?e.rows+t:e+t;return{index:s,count:o,first:0===s,last:s===o-1,even:s%2==0,odd:s%2!=0,props:this.props}}},{key:"loaderOptions",value:function(t,e){var o=this.state.loaderArr.length;return d({index:t,count:o,first:0===t,last:t===o-1,even:t%2==0,odd:t%2!=0,props:this.props},e)}},{key:"loadedItems",value:function(){var t=this,e=this.props.items;if(e&&!this.state.loading){var o=this.isBoth(),s=this.isHorizontal(),r=this.state,i=r.first,n=r.last;return o?e.slice(i.rows,n.rows).map((function(e){return t.props.columns?e:e.slice(i.cols,n.cols)})):s&&this.props.columns?e:e.slice(i,n)}return[]}},{key:"isPropChanged",value:function(t){var o=this;return["itemSize","scrollHeight"].some((function(s){return!e.ObjectUtils.equals(t[s],o.props[s])}))}},{key:"init",value:function(){this.setSize(),this.calculateOptions(),this.setSpacerSize()}},{key:"componentDidMount",value:function(){this.init()}},{key:"componentDidUpdate",value:function(t,e){t.items&&t.items.length===(this.props.items||[]).length&&!this.isPropChanged(t)||this.init(),this.props.lazy&&t.loading!==this.props.loading&&this.state.loading!==this.props.loading&&this.setState({loading:this.props.loading}),t.orientation!==this.props.orientation&&(this.lastScrollPos=this.isBoth()?{top:0,left:0}:0)}},{key:"renderLoaderItem",value:function(t){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.loaderOptions(t,o),i=e.ObjectUtils.getJSXElement(this.props.loadingTemplate,r);return s.default.createElement(s.default.Fragment,{key:t},i)}},{key:"renderLoader",value:function(){var t=this;if(!this.props.loaderDisabled&&this.props.showLoader&&this.state.loading){var o=e.classNames("p-virtualscroller-loader",{"p-component-overlay":!this.props.loadingTemplate}),r=s.default.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});if(this.props.loadingTemplate){var i=this.isBoth(),n=this.state.numItemsInViewport;r=this.state.loaderArr.map((function(e,o){return t.renderLoaderItem(o,i&&{numCols:n.cols})}))}return s.default.createElement("div",{className:o},r)}return null}},{key:"renderSpacer",value:function(){var t=this;return this.props.showSpacer?s.default.createElement("div",{ref:function(e){return t.spacer=e},className:"p-virtualscroller-spacer"}):null}},{key:"renderItem",value:function(t,o){var r=this.getOptions(o),i=e.ObjectUtils.getJSXElement(this.props.itemTemplate,t,r);return s.default.createElement(s.default.Fragment,{key:r.index},i)}},{key:"renderItems",value:function(t){var e=this;return t.map((function(t,o){return e.renderItem(t,o)}))}},{key:"renderContent",value:function(){var t=this,o=this.loadedItems(),r=this.renderItems(o),i=e.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":this.state.loading}),n=s.default.createElement("div",{className:i,ref:function(e){return t.content=e}},r);if(this.props.contentTemplate){var l={className:i,contentRef:function(e){return t.content=e},spacerRef:function(e){return t.spacer=e},stickyRef:function(e){return t.sticky=e},items:o,getItemOptions:function(e){return t.getOptions(e)},children:r,element:n,props:this.props,loading:this.state.loading,getLoaderOptions:function(e,o){return t.loaderOptions(e,o)},loadingTemplate:this.props.loadingTemplate,itemSize:this.props.itemSize,rows:this.getRows(),columns:this.getColumns(),vertical:this.isVertical(),horizontal:this.isHorizontal(),both:this.isBoth()};return e.ObjectUtils.getJSXElement(this.props.contentTemplate,l)}return n}},{key:"render",value:function(){var t=this;if(this.props.disabled){var o=e.ObjectUtils.getJSXElement(this.props.contentTemplate,{items:this.props.items,rows:this.props.items,columns:this.props.columns});return s.default.createElement(s.default.Fragment,null,this.props.children,o)}var r=this.isBoth(),i=this.isHorizontal(),n=e.classNames("p-virtualscroller",{"p-both-scroll":r,"p-horizontal-scroll":i},this.props.className),l=this.renderLoader(),a=this.renderContent(),c=this.renderSpacer();return s.default.createElement("div",{ref:function(e){return t.el=e},className:n,tabIndex:0,style:this.props.style,onScroll:this.onScroll},a,c,l)}}],f&&i(p.prototype,f),v&&i(p,v),Object.defineProperty(p,"prototype",{writable:!1}),y}();p(v,"defaultProps",{id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,lazy:!1,disabled:!1,loaderDisabled:!1,columns:null,loading:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null}),exports.VirtualScroller=v;

package/virtualscroller/virtualscroller.esm.js

@@ -20,6 +20,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -52,23 +55,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -103,9 +103,9 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -163,7 +163,10 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
       var isBoth = this.isBoth();
       var isHorizontal = this.isHorizontal();
       var first = this.state.first;
-      var numToleratedItems = this.state.numToleratedItems;
+
+      var _this$calculateNumIte = this.calculateNumItems(),
+          numToleratedItems = _this$calculateNumIte.numToleratedItems;
+
       var itemSize = this.props.itemSize;
       var contentPos = this.getContentPosition();
 
@@ -356,13 +359,10 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
       return this.props.orientation === 'both';
     }
   }, {
-    key: "calculateOptions",
-    value: function calculateOptions() {
-      var _this4 = this;
-
+    key: "calculateNumItems",
+    value: function calculateNumItems() {
       var isBoth = this.isBoth();
       var isHorizontal = this.isHorizontal();
-      var first = this.state.first;
       var itemSize = this.props.itemSize;
       var contentPos = this.getContentPosition();
       var contentWidth = this.el ? this.el.offsetWidth - contentPos.left : 0;
@@ -381,6 +381,22 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
         cols: calculateNumItemsInViewport(contentWidth, itemSize[1])
       } : calculateNumItemsInViewport(isHorizontal ? contentWidth : contentHeight, itemSize);
       var numToleratedItems = this.state.numToleratedItems || (isBoth ? [calculateNumToleratedItems(numItemsInViewport.rows), calculateNumToleratedItems(numItemsInViewport.cols)] : calculateNumToleratedItems(numItemsInViewport));
+      return {
+        numItemsInViewport: numItemsInViewport,
+        numToleratedItems: numToleratedItems
+      };
+    }
+  }, {
+    key: "calculateOptions",
+    value: function calculateOptions() {
+      var _this4 = this;
+
+      var isBoth = this.isBoth();
+      var first = this.state.first;
+
+      var _this$calculateNumIte2 = this.calculateNumItems(),
+          numItemsInViewport = _this$calculateNumIte2.numItemsInViewport,
+          numToleratedItems = _this$calculateNumIte2.numToleratedItems;
 
       var calculateLast = function calculateLast(_first, _num, _numT, _isCols) {
         return _this4.getLast(_first + _num + (_first < _numT ? 2 : 3) * _numT, _isCols);

package/virtualscroller/virtualscroller.esm.min.js

@@ -1 +1 @@
-import t,{Component as e}from"react";import{ObjectUtils as o,classNames as s}from"primereact/utils";function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var o=0;o<e.length;o++){var s=e[o];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function l(t,e){return l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},l(t,e)}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function h(t,e){if(e&&("object"===c(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return n(t)}function p(t){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},p(t)}function u(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function f(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,s)}return o}function d(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?f(Object(o),!0).forEach((function(e){u(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var v=function(l){a(w,e);var c,u,f,v,g,y=(c=w,u=m(),function(){var t,e=p(c);if(u){var o=p(this).constructor;t=Reflect.construct(e,arguments,o)}else t=e.apply(this,arguments);return h(this,t)});function w(t){var e;r(this,w);var o=(e=y.call(this,t)).isBoth();return e.state={first:o?{rows:0,cols:0}:0,last:o?{rows:0,cols:0}:0,numItemsInViewport:o?{rows:0,cols:0}:0,numToleratedItems:t.numToleratedItems,loading:t.loading,loaderArr:[]},e.onScroll=e.onScroll.bind(n(e)),e.lastScrollPos=o?{top:0,left:0}:0,e}return f=w,v=[{key:"scrollTo",value:function(t){this.el&&this.el.scrollTo(t)}},{key:"scrollToIndex",value:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",s=this.isBoth(),r=this.isHorizontal(),i=this.state.first,n=this.state.numToleratedItems,l=this.props.itemSize,a=this.getContentPosition(),c=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return t<=e?0:t},h=function(t,e,o){return t*e+o},p=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e.scrollTo({left:t,top:s,behavior:o})};if(s){var u={rows:c(t[0],n[0]),cols:c(t[1],n[1])};u.rows===i.rows&&u.cols===i.cols||(p(h(u.cols,l[1],a.left),h(u.rows,l[0],a.top)),this.setState({first:u}))}else{var f=c(t,n);f!==i&&(r?p(h(f,l,a.left),0):p(0,h(f,l,a.top)),this.setState({first:f}))}}},{key:"scrollInView",value:function(t,e){var o=this,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(e){var r=this.isBoth(),i=this.isHorizontal(),n=this.getRenderedRange(),l=n.first,a=n.viewport,c=this.props.itemSize,h=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return o.scrollTo({left:t,top:e,behavior:s})},p="to-start"===e,u="to-end"===e;if(p){if(r)a.first.rows-l.rows>t[0]?h(a.first.cols*c,(a.first.rows-1)*c):a.first.cols-l.cols>t[1]&&h((a.first.cols-1)*c,a.first.rows*c);else if(a.first-l>t){var f=(a.first-1)*c;i?h(f,0):h(0,f)}}else if(u)if(r)a.last.rows-l.rows<=t[0]+1?h(a.first.cols*c,(a.first.rows+1)*c):a.last.cols-l.cols<=t[1]+1&&h((a.first.cols+1)*c,a.first.rows*c);else if(a.last-l<=t+1){var d=(a.first+1)*c;i?h(d,0):h(0,d)}}else this.scrollToIndex(t,s)}},{key:"getRows",value:function(){return this.state.loading?this.props.loaderDisabled?this.state.loaderArr:[]:this.loadedItems()}},{key:"getColumns",value:function(){if(this.props.columns){var t=this.isBoth(),e=this.isHorizontal();if(t||e)return this.state.loading&&this.props.loaderDisabled?t?this.state.loaderArr[0]:this.state.loaderArr:this.props.columns.slice(t?this.state.first.cols:this.state.first,t?this.state.last.cols:this.state.last)}return this.props.columns}},{key:"getRenderedRange",value:function(){var t=this.isBoth(),e=this.isHorizontal(),o=this.state,s=o.first,r=o.last,i=o.numItemsInViewport,n=this.props.itemSize,l=function(t,e){return Math.floor(t/(e||t))},a=s,c=0;if(this.el){var h=this.el.scrollTop,p=this.el.scrollLeft;c=t?{rows:(a={rows:l(h,n[0]),cols:l(p,n[1])}).rows+i.rows,cols:a.cols+i.cols}:(a=l(e?p:h,n))+i}return{first:s,last:r,viewport:{first:a,last:c}}}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isBoth",value:function(){return"both"===this.props.orientation}},{key:"calculateOptions",value:function(){var t=this,e=this.isBoth(),o=this.isHorizontal(),s=this.state.first,r=this.props.itemSize,i=this.getContentPosition(),n=this.el?this.el.offsetWidth-i.left:0,l=this.el?this.el.offsetHeight-i.top:0,a=function(t,e){return Math.ceil(t/(e||t))},c=function(t){return Math.ceil(t/2)},h=e?{rows:a(l,r[0]),cols:a(n,r[1])}:a(o?n:l,r),p=this.state.numToleratedItems||(e?[c(h.rows),c(h.cols)]:c(h)),u=function(e,o,s,r){return t.getLast(e+o+(e<s?2:3)*s,r)},f=e?{rows:u(s.rows,h.rows,p[0]),cols:u(s.cols,h.cols,p[1],!0)}:u(s,h,p),d={numItemsInViewport:h,last:f,numToleratedItems:p};this.props.showLoader&&(d.loaderArr=e?Array.from({length:h.rows}).map((function(){return Array.from({length:h.cols})})):Array.from({length:h})),this.setState(d,(function(){t.props.lazy&&t.props.onLazyLoad&&t.props.onLazyLoad({first:t.state.first,last:t.state.last})}))}},{key:"getLast",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return this.props.items?Math.min(e?(this.props.columns||this.props.items[0]).length:this.props.items.length,t):0}},{key:"getContentPosition",value:function(){if(this.content){var t=getComputedStyle(this.content),e=parseInt(t.paddingLeft,10)+Math.max(parseInt(t.left,10),0),o=parseInt(t.paddingRight,10)+Math.max(parseInt(t.right,10),0),s=parseInt(t.paddingTop,10)+Math.max(parseInt(t.top,10),0),r=parseInt(t.paddingBottom,10)+Math.max(parseInt(t.bottom,10),0);return{left:e,right:o,top:s,bottom:r,x:e+o,y:s+r}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}}},{key:"setSize",value:function(){var t=this;if(this.el){var e=this.isBoth(),o=this.isHorizontal(),s=this.el.parentElement,r=this.props.scrollWidth||"".concat(this.el.offsetWidth||s.offsetWidth,"px"),i=this.props.scrollHeight||"".concat(this.el.offsetHeight||s.offsetHeight,"px"),n=function(e,o){return t.el.style[e]=o};e||o?(n("height",i),n("width",r)):n("height",i)}}},{key:"setSpacerSize",value:function(){var t=this,e=this.props.items;if(this.spacer&&e){var o=this.isBoth(),s=this.isHorizontal(),r=this.props.itemSize,i=this.getContentPosition(),n=function(e,o,s){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return t.spacer.style[e]=(o||[]).length*s+r+"px"};o?(n("height",e,r[0],i.y),n("width",this.props.columns||e[1],r[1],i.x)):s?n("width",this.props.columns||e,r,i.x):n("height",e,r,i.y)}}},{key:"setContentPosition",value:function(t){var e=this;if(this.content){var o=this.isBoth(),s=this.isHorizontal(),r=t?t.first:this.state.first,i=this.props.itemSize,n=function(t,e){return t*e},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;e.sticky&&(e.sticky.style.top="-".concat(o,"px")),e.content.style.transform="translate3d(".concat(t,"px, ").concat(o,"px, 0)")};if(o)l(n(r.cols,i[1]),n(r.rows,i[0]));else{var a=n(r,i);s?l(a,0):l(0,a)}}}},{key:"onScrollPositionChange",value:function(t){var e=this,o=t.target,s=this.isBoth(),r=this.isHorizontal(),i=this.state,n=i.first,l=i.last,a=i.numItemsInViewport,c=i.numToleratedItems,h=this.props.itemSize,p=this.getContentPosition(),u=function(t,e){return t?t>e?t-e:t:0},f=function(t,e){return Math.floor(t/(e||t))},d=function(t,e,o,s,r,i){return t<=r?r:i?o-s-r:e+r-1},m=function(t,e,o,s,r,i,n){return t<=i?0:Math.max(0,n?t<e?o:t-i:t>e?o:t-2*i)},v=function(t,o,s,r,i,n){var l=o+r+2*i;return t>=i&&(l+=i+1),e.getLast(l,n)},g=u(o.scrollTop,p.top),y=u(o.scrollLeft,p.left),w=0,S=l,b=!1;if(s){var I=this.lastScrollPos.top<=g,z=this.lastScrollPos.left<=y,k={rows:f(g,h[0]),cols:f(y,h[1])},O={rows:d(k.rows,n.rows,l.rows,a.rows,c[0],I),cols:d(k.cols,n.cols,l.cols,a.cols,c[1],z)};w={rows:m(k.rows,O.rows,n.rows,0,0,c[0],I),cols:m(k.cols,O.cols,n.cols,0,0,c[1],z)},S={rows:v(k.rows,w.rows,0,a.rows,c[0]),cols:v(k.cols,w.cols,0,a.cols,c[1],!0)},b=w.rows!==n.rows&&S.rows!==l.rows||w.cols!==n.cols&&S.cols!==l.cols,this.lastScrollPos={top:g,left:y}}else{var T=r?y:g,P=this.lastScrollPos<=T,C=f(T,h);S=v(C,w=m(C,d(C,n,l,a,c,P),n,0,0,c,P),0,a,c),b=w!==n&&S!==l,this.lastScrollPos=T}return{first:w,last:S,isRangeChanged:b}}},{key:"onScrollChange",value:function(t){var e=this,o=this.onScrollPositionChange(t);if(o.isRangeChanged){var s={first:o.first,last:o.last};this.setContentPosition(s),this.setState(s,(function(){e.props.onScrollIndexChange&&e.props.onScrollIndexChange(s),e.props.lazy&&e.props.onLazyLoad&&e.props.onLazyLoad(s)}))}}},{key:"onScroll",value:function(t){var e=this;this.props.onScroll&&this.props.onScroll(t),this.props.delay?(this.scrollTimeout&&clearTimeout(this.scrollTimeout),!this.state.loading&&this.props.showLoader&&this.onScrollPositionChange(t).isRangeChanged&&this.setState({loading:!0}),this.scrollTimeout=setTimeout((function(){e.onScrollChange(t),e.state.loading&&e.props.showLoader&&!e.props.lazy&&e.setState({loading:!1})}),this.props.delay)):this.onScrollChange(t)}},{key:"getOptions",value:function(t){var e=this.state.first,o=(this.props.items||[]).length,s=this.isBoth()?e.rows+t:e+t;return{index:s,count:o,first:0===s,last:s===o-1,even:s%2==0,odd:s%2!=0,props:this.props}}},{key:"loaderOptions",value:function(t,e){var o=this.state.loaderArr.length;return d({index:t,count:o,first:0===t,last:t===o-1,even:t%2==0,odd:t%2!=0,props:this.props},e)}},{key:"loadedItems",value:function(){var t=this,e=this.props.items;if(e&&!this.state.loading){var o=this.isBoth(),s=this.isHorizontal(),r=this.state,i=r.first,n=r.last;return o?e.slice(i.rows,n.rows).map((function(e){return t.props.columns?e:e.slice(i.cols,n.cols)})):s&&this.props.columns?e:e.slice(i,n)}return[]}},{key:"isPropChanged",value:function(t){var e=this;return["itemSize","scrollHeight"].some((function(s){return!o.equals(t[s],e.props[s])}))}},{key:"init",value:function(){this.setSize(),this.calculateOptions(),this.setSpacerSize()}},{key:"componentDidMount",value:function(){this.init()}},{key:"componentDidUpdate",value:function(t,e){t.items&&t.items.length===(this.props.items||[]).length&&!this.isPropChanged(t)||this.init(),this.props.lazy&&t.loading!==this.props.loading&&this.state.loading!==this.props.loading&&this.setState({loading:this.props.loading}),t.orientation!==this.props.orientation&&(this.lastScrollPos=this.isBoth()?{top:0,left:0}:0)}},{key:"renderLoaderItem",value:function(e){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.loaderOptions(e,s),i=o.getJSXElement(this.props.loadingTemplate,r);return t.createElement(t.Fragment,{key:e},i)}},{key:"renderLoader",value:function(){var e=this;if(!this.props.loaderDisabled&&this.props.showLoader&&this.state.loading){var o=s("p-virtualscroller-loader",{"p-component-overlay":!this.props.loadingTemplate}),r=t.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});if(this.props.loadingTemplate){var i=this.isBoth(),n=this.state.numItemsInViewport;r=this.state.loaderArr.map((function(t,o){return e.renderLoaderItem(o,i&&{numCols:n.cols})}))}return t.createElement("div",{className:o},r)}return null}},{key:"renderSpacer",value:function(){var e=this;return this.props.showSpacer?t.createElement("div",{ref:function(t){return e.spacer=t},className:"p-virtualscroller-spacer"}):null}},{key:"renderItem",value:function(e,s){var r=this.getOptions(s),i=o.getJSXElement(this.props.itemTemplate,e,r);return t.createElement(t.Fragment,{key:r.index},i)}},{key:"renderItems",value:function(t){var e=this;return t.map((function(t,o){return e.renderItem(t,o)}))}},{key:"renderContent",value:function(){var e=this,r=this.loadedItems(),i=this.renderItems(r),n=s("p-virtualscroller-content",{"p-virtualscroller-loading":this.state.loading}),l=t.createElement("div",{className:n,ref:function(t){return e.content=t}},i);if(this.props.contentTemplate){var a={className:n,contentRef:function(t){return e.content=t},spacerRef:function(t){return e.spacer=t},stickyRef:function(t){return e.sticky=t},items:r,getItemOptions:function(t){return e.getOptions(t)},children:i,element:l,props:this.props,loading:this.state.loading,getLoaderOptions:function(t,o){return e.loaderOptions(t,o)},loadingTemplate:this.props.loadingTemplate,itemSize:this.props.itemSize,rows:this.getRows(),columns:this.getColumns(),vertical:this.isVertical(),horizontal:this.isHorizontal(),both:this.isBoth()};return o.getJSXElement(this.props.contentTemplate,a)}return l}},{key:"render",value:function(){var e=this;if(this.props.disabled){var r=o.getJSXElement(this.props.contentTemplate,{items:this.props.items,rows:this.props.items,columns:this.props.columns});return t.createElement(t.Fragment,null,this.props.children,r)}var i=this.isBoth(),n=this.isHorizontal(),l=s("p-virtualscroller",{"p-both-scroll":i,"p-horizontal-scroll":n},this.props.className),a=this.renderLoader(),c=this.renderContent(),h=this.renderSpacer();return t.createElement("div",{ref:function(t){return e.el=t},className:l,tabIndex:0,style:this.props.style,onScroll:this.onScroll},c,h,a)}}],v&&i(f.prototype,v),g&&i(f,g),w}();u(v,"defaultProps",{id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,lazy:!1,disabled:!1,loaderDisabled:!1,columns:null,loading:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null});export{v as VirtualScroller};
+import t,{Component as e}from"react";import{ObjectUtils as o,classNames as s}from"primereact/utils";function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var o=0;o<e.length;o++){var s=e[o];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function l(t,e){return l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},l(t,e)}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&l(t,e)}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function h(t,e){if(e&&("object"===c(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return n(t)}function p(t){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},p(t)}function u(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function f(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,s)}return o}function d(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?f(Object(o),!0).forEach((function(e){u(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var v=function(l){a(w,e);var c,u,f,v,g,y=(c=w,u=m(),function(){var t,e=p(c);if(u){var o=p(this).constructor;t=Reflect.construct(e,arguments,o)}else t=e.apply(this,arguments);return h(this,t)});function w(t){var e;r(this,w);var o=(e=y.call(this,t)).isBoth();return e.state={first:o?{rows:0,cols:0}:0,last:o?{rows:0,cols:0}:0,numItemsInViewport:o?{rows:0,cols:0}:0,numToleratedItems:t.numToleratedItems,loading:t.loading,loaderArr:[]},e.onScroll=e.onScroll.bind(n(e)),e.lastScrollPos=o?{top:0,left:0}:0,e}return f=w,v=[{key:"scrollTo",value:function(t){this.el&&this.el.scrollTo(t)}},{key:"scrollToIndex",value:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",s=this.isBoth(),r=this.isHorizontal(),i=this.state.first,n=this.calculateNumItems(),l=n.numToleratedItems,a=this.props.itemSize,c=this.getContentPosition(),h=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return t<=e?0:t},p=function(t,e,o){return t*e+o},u=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e.scrollTo({left:t,top:s,behavior:o})};if(s){var f={rows:h(t[0],l[0]),cols:h(t[1],l[1])};f.rows===i.rows&&f.cols===i.cols||(u(p(f.cols,a[1],c.left),p(f.rows,a[0],c.top)),this.setState({first:f}))}else{var d=h(t,l);d!==i&&(r?u(p(d,a,c.left),0):u(0,p(d,a,c.top)),this.setState({first:d}))}}},{key:"scrollInView",value:function(t,e){var o=this,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(e){var r=this.isBoth(),i=this.isHorizontal(),n=this.getRenderedRange(),l=n.first,a=n.viewport,c=this.props.itemSize,h=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return o.scrollTo({left:t,top:e,behavior:s})},p="to-start"===e,u="to-end"===e;if(p){if(r)a.first.rows-l.rows>t[0]?h(a.first.cols*c,(a.first.rows-1)*c):a.first.cols-l.cols>t[1]&&h((a.first.cols-1)*c,a.first.rows*c);else if(a.first-l>t){var f=(a.first-1)*c;i?h(f,0):h(0,f)}}else if(u)if(r)a.last.rows-l.rows<=t[0]+1?h(a.first.cols*c,(a.first.rows+1)*c):a.last.cols-l.cols<=t[1]+1&&h((a.first.cols+1)*c,a.first.rows*c);else if(a.last-l<=t+1){var d=(a.first+1)*c;i?h(d,0):h(0,d)}}else this.scrollToIndex(t,s)}},{key:"getRows",value:function(){return this.state.loading?this.props.loaderDisabled?this.state.loaderArr:[]:this.loadedItems()}},{key:"getColumns",value:function(){if(this.props.columns){var t=this.isBoth(),e=this.isHorizontal();if(t||e)return this.state.loading&&this.props.loaderDisabled?t?this.state.loaderArr[0]:this.state.loaderArr:this.props.columns.slice(t?this.state.first.cols:this.state.first,t?this.state.last.cols:this.state.last)}return this.props.columns}},{key:"getRenderedRange",value:function(){var t=this.isBoth(),e=this.isHorizontal(),o=this.state,s=o.first,r=o.last,i=o.numItemsInViewport,n=this.props.itemSize,l=function(t,e){return Math.floor(t/(e||t))},a=s,c=0;if(this.el){var h=this.el.scrollTop,p=this.el.scrollLeft;c=t?{rows:(a={rows:l(h,n[0]),cols:l(p,n[1])}).rows+i.rows,cols:a.cols+i.cols}:(a=l(e?p:h,n))+i}return{first:s,last:r,viewport:{first:a,last:c}}}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isBoth",value:function(){return"both"===this.props.orientation}},{key:"calculateNumItems",value:function(){var t=this.isBoth(),e=this.isHorizontal(),o=this.props.itemSize,s=this.getContentPosition(),r=this.el?this.el.offsetWidth-s.left:0,i=this.el?this.el.offsetHeight-s.top:0,n=function(t,e){return Math.ceil(t/(e||t))},l=function(t){return Math.ceil(t/2)},a=t?{rows:n(i,o[0]),cols:n(r,o[1])}:n(e?r:i,o);return{numItemsInViewport:a,numToleratedItems:this.state.numToleratedItems||(t?[l(a.rows),l(a.cols)]:l(a))}}},{key:"calculateOptions",value:function(){var t=this,e=this.isBoth(),o=this.state.first,s=this.calculateNumItems(),r=s.numItemsInViewport,i=s.numToleratedItems,n=function(e,o,s,r){return t.getLast(e+o+(e<s?2:3)*s,r)},l=e?{rows:n(o.rows,r.rows,i[0]),cols:n(o.cols,r.cols,i[1],!0)}:n(o,r,i),a={numItemsInViewport:r,last:l,numToleratedItems:i};this.props.showLoader&&(a.loaderArr=e?Array.from({length:r.rows}).map((function(){return Array.from({length:r.cols})})):Array.from({length:r})),this.setState(a,(function(){t.props.lazy&&t.props.onLazyLoad&&t.props.onLazyLoad({first:t.state.first,last:t.state.last})}))}},{key:"getLast",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return this.props.items?Math.min(e?(this.props.columns||this.props.items[0]).length:this.props.items.length,t):0}},{key:"getContentPosition",value:function(){if(this.content){var t=getComputedStyle(this.content),e=parseInt(t.paddingLeft,10)+Math.max(parseInt(t.left,10),0),o=parseInt(t.paddingRight,10)+Math.max(parseInt(t.right,10),0),s=parseInt(t.paddingTop,10)+Math.max(parseInt(t.top,10),0),r=parseInt(t.paddingBottom,10)+Math.max(parseInt(t.bottom,10),0);return{left:e,right:o,top:s,bottom:r,x:e+o,y:s+r}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}}},{key:"setSize",value:function(){var t=this;if(this.el){var e=this.isBoth(),o=this.isHorizontal(),s=this.el.parentElement,r=this.props.scrollWidth||"".concat(this.el.offsetWidth||s.offsetWidth,"px"),i=this.props.scrollHeight||"".concat(this.el.offsetHeight||s.offsetHeight,"px"),n=function(e,o){return t.el.style[e]=o};e||o?(n("height",i),n("width",r)):n("height",i)}}},{key:"setSpacerSize",value:function(){var t=this,e=this.props.items;if(this.spacer&&e){var o=this.isBoth(),s=this.isHorizontal(),r=this.props.itemSize,i=this.getContentPosition(),n=function(e,o,s){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return t.spacer.style[e]=(o||[]).length*s+r+"px"};o?(n("height",e,r[0],i.y),n("width",this.props.columns||e[1],r[1],i.x)):s?n("width",this.props.columns||e,r,i.x):n("height",e,r,i.y)}}},{key:"setContentPosition",value:function(t){var e=this;if(this.content){var o=this.isBoth(),s=this.isHorizontal(),r=t?t.first:this.state.first,i=this.props.itemSize,n=function(t,e){return t*e},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;e.sticky&&(e.sticky.style.top="-".concat(o,"px")),e.content.style.transform="translate3d(".concat(t,"px, ").concat(o,"px, 0)")};if(o)l(n(r.cols,i[1]),n(r.rows,i[0]));else{var a=n(r,i);s?l(a,0):l(0,a)}}}},{key:"onScrollPositionChange",value:function(t){var e=this,o=t.target,s=this.isBoth(),r=this.isHorizontal(),i=this.state,n=i.first,l=i.last,a=i.numItemsInViewport,c=i.numToleratedItems,h=this.props.itemSize,p=this.getContentPosition(),u=function(t,e){return t?t>e?t-e:t:0},f=function(t,e){return Math.floor(t/(e||t))},d=function(t,e,o,s,r,i){return t<=r?r:i?o-s-r:e+r-1},m=function(t,e,o,s,r,i,n){return t<=i?0:Math.max(0,n?t<e?o:t-i:t>e?o:t-2*i)},v=function(t,o,s,r,i,n){var l=o+r+2*i;return t>=i&&(l+=i+1),e.getLast(l,n)},g=u(o.scrollTop,p.top),y=u(o.scrollLeft,p.left),w=0,S=l,b=!1;if(s){var I=this.lastScrollPos.top<=g,k=this.lastScrollPos.left<=y,z={rows:f(g,h[0]),cols:f(y,h[1])},O={rows:d(z.rows,n.rows,l.rows,a.rows,c[0],I),cols:d(z.cols,n.cols,l.cols,a.cols,c[1],k)};w={rows:m(z.rows,O.rows,n.rows,0,0,c[0],I),cols:m(z.cols,O.cols,n.cols,0,0,c[1],k)},S={rows:v(z.rows,w.rows,0,a.rows,c[0]),cols:v(z.cols,w.cols,0,a.cols,c[1],!0)},b=w.rows!==n.rows&&S.rows!==l.rows||w.cols!==n.cols&&S.cols!==l.cols,this.lastScrollPos={top:g,left:y}}else{var T=r?y:g,P=this.lastScrollPos<=T,C=f(T,h);S=v(C,w=m(C,d(C,n,l,a,c,P),n,0,0,c,P),0,a,c),b=w!==n&&S!==l,this.lastScrollPos=T}return{first:w,last:S,isRangeChanged:b}}},{key:"onScrollChange",value:function(t){var e=this,o=this.onScrollPositionChange(t);if(o.isRangeChanged){var s={first:o.first,last:o.last};this.setContentPosition(s),this.setState(s,(function(){e.props.onScrollIndexChange&&e.props.onScrollIndexChange(s),e.props.lazy&&e.props.onLazyLoad&&e.props.onLazyLoad(s)}))}}},{key:"onScroll",value:function(t){var e=this;this.props.onScroll&&this.props.onScroll(t),this.props.delay?(this.scrollTimeout&&clearTimeout(this.scrollTimeout),!this.state.loading&&this.props.showLoader&&this.onScrollPositionChange(t).isRangeChanged&&this.setState({loading:!0}),this.scrollTimeout=setTimeout((function(){e.onScrollChange(t),e.state.loading&&e.props.showLoader&&!e.props.lazy&&e.setState({loading:!1})}),this.props.delay)):this.onScrollChange(t)}},{key:"getOptions",value:function(t){var e=this.state.first,o=(this.props.items||[]).length,s=this.isBoth()?e.rows+t:e+t;return{index:s,count:o,first:0===s,last:s===o-1,even:s%2==0,odd:s%2!=0,props:this.props}}},{key:"loaderOptions",value:function(t,e){var o=this.state.loaderArr.length;return d({index:t,count:o,first:0===t,last:t===o-1,even:t%2==0,odd:t%2!=0,props:this.props},e)}},{key:"loadedItems",value:function(){var t=this,e=this.props.items;if(e&&!this.state.loading){var o=this.isBoth(),s=this.isHorizontal(),r=this.state,i=r.first,n=r.last;return o?e.slice(i.rows,n.rows).map((function(e){return t.props.columns?e:e.slice(i.cols,n.cols)})):s&&this.props.columns?e:e.slice(i,n)}return[]}},{key:"isPropChanged",value:function(t){var e=this;return["itemSize","scrollHeight"].some((function(s){return!o.equals(t[s],e.props[s])}))}},{key:"init",value:function(){this.setSize(),this.calculateOptions(),this.setSpacerSize()}},{key:"componentDidMount",value:function(){this.init()}},{key:"componentDidUpdate",value:function(t,e){t.items&&t.items.length===(this.props.items||[]).length&&!this.isPropChanged(t)||this.init(),this.props.lazy&&t.loading!==this.props.loading&&this.state.loading!==this.props.loading&&this.setState({loading:this.props.loading}),t.orientation!==this.props.orientation&&(this.lastScrollPos=this.isBoth()?{top:0,left:0}:0)}},{key:"renderLoaderItem",value:function(e){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.loaderOptions(e,s),i=o.getJSXElement(this.props.loadingTemplate,r);return t.createElement(t.Fragment,{key:e},i)}},{key:"renderLoader",value:function(){var e=this;if(!this.props.loaderDisabled&&this.props.showLoader&&this.state.loading){var o=s("p-virtualscroller-loader",{"p-component-overlay":!this.props.loadingTemplate}),r=t.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});if(this.props.loadingTemplate){var i=this.isBoth(),n=this.state.numItemsInViewport;r=this.state.loaderArr.map((function(t,o){return e.renderLoaderItem(o,i&&{numCols:n.cols})}))}return t.createElement("div",{className:o},r)}return null}},{key:"renderSpacer",value:function(){var e=this;return this.props.showSpacer?t.createElement("div",{ref:function(t){return e.spacer=t},className:"p-virtualscroller-spacer"}):null}},{key:"renderItem",value:function(e,s){var r=this.getOptions(s),i=o.getJSXElement(this.props.itemTemplate,e,r);return t.createElement(t.Fragment,{key:r.index},i)}},{key:"renderItems",value:function(t){var e=this;return t.map((function(t,o){return e.renderItem(t,o)}))}},{key:"renderContent",value:function(){var e=this,r=this.loadedItems(),i=this.renderItems(r),n=s("p-virtualscroller-content",{"p-virtualscroller-loading":this.state.loading}),l=t.createElement("div",{className:n,ref:function(t){return e.content=t}},i);if(this.props.contentTemplate){var a={className:n,contentRef:function(t){return e.content=t},spacerRef:function(t){return e.spacer=t},stickyRef:function(t){return e.sticky=t},items:r,getItemOptions:function(t){return e.getOptions(t)},children:i,element:l,props:this.props,loading:this.state.loading,getLoaderOptions:function(t,o){return e.loaderOptions(t,o)},loadingTemplate:this.props.loadingTemplate,itemSize:this.props.itemSize,rows:this.getRows(),columns:this.getColumns(),vertical:this.isVertical(),horizontal:this.isHorizontal(),both:this.isBoth()};return o.getJSXElement(this.props.contentTemplate,a)}return l}},{key:"render",value:function(){var e=this;if(this.props.disabled){var r=o.getJSXElement(this.props.contentTemplate,{items:this.props.items,rows:this.props.items,columns:this.props.columns});return t.createElement(t.Fragment,null,this.props.children,r)}var i=this.isBoth(),n=this.isHorizontal(),l=s("p-virtualscroller",{"p-both-scroll":i,"p-horizontal-scroll":n},this.props.className),a=this.renderLoader(),c=this.renderContent(),h=this.renderSpacer();return t.createElement("div",{ref:function(t){return e.el=t},className:l,tabIndex:0,style:this.props.style,onScroll:this.onScroll},c,h,a)}}],v&&i(f.prototype,v),g&&i(f,g),Object.defineProperty(f,"prototype",{writable:!1}),w}();u(v,"defaultProps",{id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,lazy:!1,disabled:!1,loaderDisabled:!1,columns:null,loading:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null});export{v as VirtualScroller};

package/virtualscroller/virtualscroller.js

@@ -25,6 +25,9 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -57,23 +60,20 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -108,9 +108,9 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
     return obj;
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  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; }
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -168,7 +168,10 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
         var isBoth = this.isBoth();
         var isHorizontal = this.isHorizontal();
         var first = this.state.first;
-        var numToleratedItems = this.state.numToleratedItems;
+
+        var _this$calculateNumIte = this.calculateNumItems(),
+            numToleratedItems = _this$calculateNumIte.numToleratedItems;
+
         var itemSize = this.props.itemSize;
         var contentPos = this.getContentPosition();
 
@@ -361,13 +364,10 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
         return this.props.orientation === 'both';
       }
     }, {
-      key: "calculateOptions",
-      value: function calculateOptions() {
-        var _this4 = this;
-
+      key: "calculateNumItems",
+      value: function calculateNumItems() {
         var isBoth = this.isBoth();
         var isHorizontal = this.isHorizontal();
-        var first = this.state.first;
         var itemSize = this.props.itemSize;
         var contentPos = this.getContentPosition();
         var contentWidth = this.el ? this.el.offsetWidth - contentPos.left : 0;
@@ -386,6 +386,22 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
           cols: calculateNumItemsInViewport(contentWidth, itemSize[1])
         } : calculateNumItemsInViewport(isHorizontal ? contentWidth : contentHeight, itemSize);
         var numToleratedItems = this.state.numToleratedItems || (isBoth ? [calculateNumToleratedItems(numItemsInViewport.rows), calculateNumToleratedItems(numItemsInViewport.cols)] : calculateNumToleratedItems(numItemsInViewport));
+        return {
+          numItemsInViewport: numItemsInViewport,
+          numToleratedItems: numToleratedItems
+        };
+      }
+    }, {
+      key: "calculateOptions",
+      value: function calculateOptions() {
+        var _this4 = this;
+
+        var isBoth = this.isBoth();
+        var first = this.state.first;
+
+        var _this$calculateNumIte2 = this.calculateNumItems(),
+            numItemsInViewport = _this$calculateNumIte2.numItemsInViewport,
+            numToleratedItems = _this$calculateNumIte2.numToleratedItems;
 
         var calculateLast = function calculateLast(_first, _num, _numT, _isCols) {
           return _this4.getLast(_first + _num + (_first < _numT ? 2 : 3) * _numT, _isCols);

package/virtualscroller/virtualscroller.min.css

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

package/virtualscroller/virtualscroller.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.virtualscroller=function(t,e,o){"use strict";function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=s(e);function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var o=0;o<e.length;o++){var s=e[o];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}function l(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function a(t,e){return a=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},a(t,e)}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&a(t,e)}function h(t){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h(t)}function u(t,e){if(e&&("object"===h(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return l(t)}function p(t){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},p(t)}function f(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function d(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,s)}return o}function m(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?d(Object(o),!0).forEach((function(e){f(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var g=function(t){c(g,t);var e,s,a,h,f,d=(e=g,s=v(),function(){var t,o=p(e);if(s){var r=p(this).constructor;t=Reflect.construct(o,arguments,r)}else t=o.apply(this,arguments);return u(this,t)});function g(t){var e;i(this,g);var o=(e=d.call(this,t)).isBoth();return e.state={first:o?{rows:0,cols:0}:0,last:o?{rows:0,cols:0}:0,numItemsInViewport:o?{rows:0,cols:0}:0,numToleratedItems:t.numToleratedItems,loading:t.loading,loaderArr:[]},e.onScroll=e.onScroll.bind(l(e)),e.lastScrollPos=o?{top:0,left:0}:0,e}return a=g,h=[{key:"scrollTo",value:function(t){this.el&&this.el.scrollTo(t)}},{key:"scrollToIndex",value:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",s=this.isBoth(),r=this.isHorizontal(),i=this.state.first,n=this.state.numToleratedItems,l=this.props.itemSize,a=this.getContentPosition(),c=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return t<=e?0:t},h=function(t,e,o){return t*e+o},u=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e.scrollTo({left:t,top:s,behavior:o})};if(s){var p={rows:c(t[0],n[0]),cols:c(t[1],n[1])};p.rows===i.rows&&p.cols===i.cols||(u(h(p.cols,l[1],a.left),h(p.rows,l[0],a.top)),this.setState({first:p}))}else{var f=c(t,n);f!==i&&(r?u(h(f,l,a.left),0):u(0,h(f,l,a.top)),this.setState({first:f}))}}},{key:"scrollInView",value:function(t,e){var o=this,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(e){var r=this.isBoth(),i=this.isHorizontal(),n=this.getRenderedRange(),l=n.first,a=n.viewport,c=this.props.itemSize,h=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return o.scrollTo({left:t,top:e,behavior:s})},u="to-start"===e,p="to-end"===e;if(u){if(r)a.first.rows-l.rows>t[0]?h(a.first.cols*c,(a.first.rows-1)*c):a.first.cols-l.cols>t[1]&&h((a.first.cols-1)*c,a.first.rows*c);else if(a.first-l>t){var f=(a.first-1)*c;i?h(f,0):h(0,f)}}else if(p)if(r)a.last.rows-l.rows<=t[0]+1?h(a.first.cols*c,(a.first.rows+1)*c):a.last.cols-l.cols<=t[1]+1&&h((a.first.cols+1)*c,a.first.rows*c);else if(a.last-l<=t+1){var d=(a.first+1)*c;i?h(d,0):h(0,d)}}else this.scrollToIndex(t,s)}},{key:"getRows",value:function(){return this.state.loading?this.props.loaderDisabled?this.state.loaderArr:[]:this.loadedItems()}},{key:"getColumns",value:function(){if(this.props.columns){var t=this.isBoth(),e=this.isHorizontal();if(t||e)return this.state.loading&&this.props.loaderDisabled?t?this.state.loaderArr[0]:this.state.loaderArr:this.props.columns.slice(t?this.state.first.cols:this.state.first,t?this.state.last.cols:this.state.last)}return this.props.columns}},{key:"getRenderedRange",value:function(){var t=this.isBoth(),e=this.isHorizontal(),o=this.state,s=o.first,r=o.last,i=o.numItemsInViewport,n=this.props.itemSize,l=function(t,e){return Math.floor(t/(e||t))},a=s,c=0;if(this.el){var h=this.el.scrollTop,u=this.el.scrollLeft;c=t?{rows:(a={rows:l(h,n[0]),cols:l(u,n[1])}).rows+i.rows,cols:a.cols+i.cols}:(a=l(e?u:h,n))+i}return{first:s,last:r,viewport:{first:a,last:c}}}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isBoth",value:function(){return"both"===this.props.orientation}},{key:"calculateOptions",value:function(){var t=this,e=this.isBoth(),o=this.isHorizontal(),s=this.state.first,r=this.props.itemSize,i=this.getContentPosition(),n=this.el?this.el.offsetWidth-i.left:0,l=this.el?this.el.offsetHeight-i.top:0,a=function(t,e){return Math.ceil(t/(e||t))},c=function(t){return Math.ceil(t/2)},h=e?{rows:a(l,r[0]),cols:a(n,r[1])}:a(o?n:l,r),u=this.state.numToleratedItems||(e?[c(h.rows),c(h.cols)]:c(h)),p=function(e,o,s,r){return t.getLast(e+o+(e<s?2:3)*s,r)},f=e?{rows:p(s.rows,h.rows,u[0]),cols:p(s.cols,h.cols,u[1],!0)}:p(s,h,u),d={numItemsInViewport:h,last:f,numToleratedItems:u};this.props.showLoader&&(d.loaderArr=e?Array.from({length:h.rows}).map((function(){return Array.from({length:h.cols})})):Array.from({length:h})),this.setState(d,(function(){t.props.lazy&&t.props.onLazyLoad&&t.props.onLazyLoad({first:t.state.first,last:t.state.last})}))}},{key:"getLast",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return this.props.items?Math.min(e?(this.props.columns||this.props.items[0]).length:this.props.items.length,t):0}},{key:"getContentPosition",value:function(){if(this.content){var t=getComputedStyle(this.content),e=parseInt(t.paddingLeft,10)+Math.max(parseInt(t.left,10),0),o=parseInt(t.paddingRight,10)+Math.max(parseInt(t.right,10),0),s=parseInt(t.paddingTop,10)+Math.max(parseInt(t.top,10),0),r=parseInt(t.paddingBottom,10)+Math.max(parseInt(t.bottom,10),0);return{left:e,right:o,top:s,bottom:r,x:e+o,y:s+r}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}}},{key:"setSize",value:function(){var t=this;if(this.el){var e=this.isBoth(),o=this.isHorizontal(),s=this.el.parentElement,r=this.props.scrollWidth||"".concat(this.el.offsetWidth||s.offsetWidth,"px"),i=this.props.scrollHeight||"".concat(this.el.offsetHeight||s.offsetHeight,"px"),n=function(e,o){return t.el.style[e]=o};e||o?(n("height",i),n("width",r)):n("height",i)}}},{key:"setSpacerSize",value:function(){var t=this,e=this.props.items;if(this.spacer&&e){var o=this.isBoth(),s=this.isHorizontal(),r=this.props.itemSize,i=this.getContentPosition(),n=function(e,o,s){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return t.spacer.style[e]=(o||[]).length*s+r+"px"};o?(n("height",e,r[0],i.y),n("width",this.props.columns||e[1],r[1],i.x)):s?n("width",this.props.columns||e,r,i.x):n("height",e,r,i.y)}}},{key:"setContentPosition",value:function(t){var e=this;if(this.content){var o=this.isBoth(),s=this.isHorizontal(),r=t?t.first:this.state.first,i=this.props.itemSize,n=function(t,e){return t*e},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;e.sticky&&(e.sticky.style.top="-".concat(o,"px")),e.content.style.transform="translate3d(".concat(t,"px, ").concat(o,"px, 0)")};if(o)l(n(r.cols,i[1]),n(r.rows,i[0]));else{var a=n(r,i);s?l(a,0):l(0,a)}}}},{key:"onScrollPositionChange",value:function(t){var e=this,o=t.target,s=this.isBoth(),r=this.isHorizontal(),i=this.state,n=i.first,l=i.last,a=i.numItemsInViewport,c=i.numToleratedItems,h=this.props.itemSize,u=this.getContentPosition(),p=function(t,e){return t?t>e?t-e:t:0},f=function(t,e){return Math.floor(t/(e||t))},d=function(t,e,o,s,r,i){return t<=r?r:i?o-s-r:e+r-1},m=function(t,e,o,s,r,i,n){return t<=i?0:Math.max(0,n?t<e?o:t-i:t>e?o:t-2*i)},v=function(t,o,s,r,i,n){var l=o+r+2*i;return t>=i&&(l+=i+1),e.getLast(l,n)},g=p(o.scrollTop,u.top),y=p(o.scrollLeft,u.left),w=0,S=l,b=!1;if(s){var O=this.lastScrollPos.top<=g,I=this.lastScrollPos.left<=y,z={rows:f(g,h[0]),cols:f(y,h[1])},k={rows:d(z.rows,n.rows,l.rows,a.rows,c[0],O),cols:d(z.cols,n.cols,l.cols,a.cols,c[1],I)};w={rows:m(z.rows,k.rows,n.rows,0,0,c[0],O),cols:m(z.cols,k.cols,n.cols,0,0,c[1],I)},S={rows:v(z.rows,w.rows,0,a.rows,c[0]),cols:v(z.cols,w.cols,0,a.cols,c[1],!0)},b=w.rows!==n.rows&&S.rows!==l.rows||w.cols!==n.cols&&S.cols!==l.cols,this.lastScrollPos={top:g,left:y}}else{var P=r?y:g,T=this.lastScrollPos<=P,C=f(P,h);S=v(C,w=m(C,d(C,n,l,a,c,T),n,0,0,c,T),0,a,c),b=w!==n&&S!==l,this.lastScrollPos=P}return{first:w,last:S,isRangeChanged:b}}},{key:"onScrollChange",value:function(t){var e=this,o=this.onScrollPositionChange(t);if(o.isRangeChanged){var s={first:o.first,last:o.last};this.setContentPosition(s),this.setState(s,(function(){e.props.onScrollIndexChange&&e.props.onScrollIndexChange(s),e.props.lazy&&e.props.onLazyLoad&&e.props.onLazyLoad(s)}))}}},{key:"onScroll",value:function(t){var e=this;this.props.onScroll&&this.props.onScroll(t),this.props.delay?(this.scrollTimeout&&clearTimeout(this.scrollTimeout),!this.state.loading&&this.props.showLoader&&this.onScrollPositionChange(t).isRangeChanged&&this.setState({loading:!0}),this.scrollTimeout=setTimeout((function(){e.onScrollChange(t),e.state.loading&&e.props.showLoader&&!e.props.lazy&&e.setState({loading:!1})}),this.props.delay)):this.onScrollChange(t)}},{key:"getOptions",value:function(t){var e=this.state.first,o=(this.props.items||[]).length,s=this.isBoth()?e.rows+t:e+t;return{index:s,count:o,first:0===s,last:s===o-1,even:s%2==0,odd:s%2!=0,props:this.props}}},{key:"loaderOptions",value:function(t,e){var o=this.state.loaderArr.length;return m({index:t,count:o,first:0===t,last:t===o-1,even:t%2==0,odd:t%2!=0,props:this.props},e)}},{key:"loadedItems",value:function(){var t=this,e=this.props.items;if(e&&!this.state.loading){var o=this.isBoth(),s=this.isHorizontal(),r=this.state,i=r.first,n=r.last;return o?e.slice(i.rows,n.rows).map((function(e){return t.props.columns?e:e.slice(i.cols,n.cols)})):s&&this.props.columns?e:e.slice(i,n)}return[]}},{key:"isPropChanged",value:function(t){var e=this;return["itemSize","scrollHeight"].some((function(s){return!o.ObjectUtils.equals(t[s],e.props[s])}))}},{key:"init",value:function(){this.setSize(),this.calculateOptions(),this.setSpacerSize()}},{key:"componentDidMount",value:function(){this.init()}},{key:"componentDidUpdate",value:function(t,e){t.items&&t.items.length===(this.props.items||[]).length&&!this.isPropChanged(t)||this.init(),this.props.lazy&&t.loading!==this.props.loading&&this.state.loading!==this.props.loading&&this.setState({loading:this.props.loading}),t.orientation!==this.props.orientation&&(this.lastScrollPos=this.isBoth()?{top:0,left:0}:0)}},{key:"renderLoaderItem",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=this.loaderOptions(t,e),i=o.ObjectUtils.getJSXElement(this.props.loadingTemplate,s);return r.default.createElement(r.default.Fragment,{key:t},i)}},{key:"renderLoader",value:function(){var t=this;if(!this.props.loaderDisabled&&this.props.showLoader&&this.state.loading){var e=o.classNames("p-virtualscroller-loader",{"p-component-overlay":!this.props.loadingTemplate}),s=r.default.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});if(this.props.loadingTemplate){var i=this.isBoth(),n=this.state.numItemsInViewport;s=this.state.loaderArr.map((function(e,o){return t.renderLoaderItem(o,i&&{numCols:n.cols})}))}return r.default.createElement("div",{className:e},s)}return null}},{key:"renderSpacer",value:function(){var t=this;return this.props.showSpacer?r.default.createElement("div",{ref:function(e){return t.spacer=e},className:"p-virtualscroller-spacer"}):null}},{key:"renderItem",value:function(t,e){var s=this.getOptions(e),i=o.ObjectUtils.getJSXElement(this.props.itemTemplate,t,s);return r.default.createElement(r.default.Fragment,{key:s.index},i)}},{key:"renderItems",value:function(t){var e=this;return t.map((function(t,o){return e.renderItem(t,o)}))}},{key:"renderContent",value:function(){var t=this,e=this.loadedItems(),s=this.renderItems(e),i=o.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":this.state.loading}),n=r.default.createElement("div",{className:i,ref:function(e){return t.content=e}},s);if(this.props.contentTemplate){var l={className:i,contentRef:function(e){return t.content=e},spacerRef:function(e){return t.spacer=e},stickyRef:function(e){return t.sticky=e},items:e,getItemOptions:function(e){return t.getOptions(e)},children:s,element:n,props:this.props,loading:this.state.loading,getLoaderOptions:function(e,o){return t.loaderOptions(e,o)},loadingTemplate:this.props.loadingTemplate,itemSize:this.props.itemSize,rows:this.getRows(),columns:this.getColumns(),vertical:this.isVertical(),horizontal:this.isHorizontal(),both:this.isBoth()};return o.ObjectUtils.getJSXElement(this.props.contentTemplate,l)}return n}},{key:"render",value:function(){var t=this;if(this.props.disabled){var e=o.ObjectUtils.getJSXElement(this.props.contentTemplate,{items:this.props.items,rows:this.props.items,columns:this.props.columns});return r.default.createElement(r.default.Fragment,null,this.props.children,e)}var s=this.isBoth(),i=this.isHorizontal(),n=o.classNames("p-virtualscroller",{"p-both-scroll":s,"p-horizontal-scroll":i},this.props.className),l=this.renderLoader(),a=this.renderContent(),c=this.renderSpacer();return r.default.createElement("div",{ref:function(e){return t.el=e},className:n,tabIndex:0,style:this.props.style,onScroll:this.onScroll},a,c,l)}}],h&&n(a.prototype,h),f&&n(a,f),g}(e.Component);return f(g,"defaultProps",{id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,lazy:!1,disabled:!1,loaderDisabled:!1,columns:null,loading:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null}),t.VirtualScroller=g,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.virtualscroller=function(t,e,o){"use strict";function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=s(e);function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var o=0;o<e.length;o++){var s=e[o];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}function l(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function a(t,e){return a=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},a(t,e)}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&a(t,e)}function u(t){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u(t)}function h(t,e){if(e&&("object"===u(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return l(t)}function p(t){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},p(t)}function f(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function d(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,s)}return o}function m(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?d(Object(o),!0).forEach((function(e){f(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var g=function(t){c(g,t);var e,s,a,u,f,d=(e=g,s=v(),function(){var t,o=p(e);if(s){var r=p(this).constructor;t=Reflect.construct(o,arguments,r)}else t=o.apply(this,arguments);return h(this,t)});function g(t){var e;i(this,g);var o=(e=d.call(this,t)).isBoth();return e.state={first:o?{rows:0,cols:0}:0,last:o?{rows:0,cols:0}:0,numItemsInViewport:o?{rows:0,cols:0}:0,numToleratedItems:t.numToleratedItems,loading:t.loading,loaderArr:[]},e.onScroll=e.onScroll.bind(l(e)),e.lastScrollPos=o?{top:0,left:0}:0,e}return a=g,u=[{key:"scrollTo",value:function(t){this.el&&this.el.scrollTo(t)}},{key:"scrollToIndex",value:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",s=this.isBoth(),r=this.isHorizontal(),i=this.state.first,n=this.calculateNumItems(),l=n.numToleratedItems,a=this.props.itemSize,c=this.getContentPosition(),u=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return t<=e?0:t},h=function(t,e,o){return t*e+o},p=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e.scrollTo({left:t,top:s,behavior:o})};if(s){var f={rows:u(t[0],l[0]),cols:u(t[1],l[1])};f.rows===i.rows&&f.cols===i.cols||(p(h(f.cols,a[1],c.left),h(f.rows,a[0],c.top)),this.setState({first:f}))}else{var d=u(t,l);d!==i&&(r?p(h(d,a,c.left),0):p(0,h(d,a,c.top)),this.setState({first:d}))}}},{key:"scrollInView",value:function(t,e){var o=this,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(e){var r=this.isBoth(),i=this.isHorizontal(),n=this.getRenderedRange(),l=n.first,a=n.viewport,c=this.props.itemSize,u=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return o.scrollTo({left:t,top:e,behavior:s})},h="to-start"===e,p="to-end"===e;if(h){if(r)a.first.rows-l.rows>t[0]?u(a.first.cols*c,(a.first.rows-1)*c):a.first.cols-l.cols>t[1]&&u((a.first.cols-1)*c,a.first.rows*c);else if(a.first-l>t){var f=(a.first-1)*c;i?u(f,0):u(0,f)}}else if(p)if(r)a.last.rows-l.rows<=t[0]+1?u(a.first.cols*c,(a.first.rows+1)*c):a.last.cols-l.cols<=t[1]+1&&u((a.first.cols+1)*c,a.first.rows*c);else if(a.last-l<=t+1){var d=(a.first+1)*c;i?u(d,0):u(0,d)}}else this.scrollToIndex(t,s)}},{key:"getRows",value:function(){return this.state.loading?this.props.loaderDisabled?this.state.loaderArr:[]:this.loadedItems()}},{key:"getColumns",value:function(){if(this.props.columns){var t=this.isBoth(),e=this.isHorizontal();if(t||e)return this.state.loading&&this.props.loaderDisabled?t?this.state.loaderArr[0]:this.state.loaderArr:this.props.columns.slice(t?this.state.first.cols:this.state.first,t?this.state.last.cols:this.state.last)}return this.props.columns}},{key:"getRenderedRange",value:function(){var t=this.isBoth(),e=this.isHorizontal(),o=this.state,s=o.first,r=o.last,i=o.numItemsInViewport,n=this.props.itemSize,l=function(t,e){return Math.floor(t/(e||t))},a=s,c=0;if(this.el){var u=this.el.scrollTop,h=this.el.scrollLeft;c=t?{rows:(a={rows:l(u,n[0]),cols:l(h,n[1])}).rows+i.rows,cols:a.cols+i.cols}:(a=l(e?h:u,n))+i}return{first:s,last:r,viewport:{first:a,last:c}}}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isBoth",value:function(){return"both"===this.props.orientation}},{key:"calculateNumItems",value:function(){var t=this.isBoth(),e=this.isHorizontal(),o=this.props.itemSize,s=this.getContentPosition(),r=this.el?this.el.offsetWidth-s.left:0,i=this.el?this.el.offsetHeight-s.top:0,n=function(t,e){return Math.ceil(t/(e||t))},l=function(t){return Math.ceil(t/2)},a=t?{rows:n(i,o[0]),cols:n(r,o[1])}:n(e?r:i,o);return{numItemsInViewport:a,numToleratedItems:this.state.numToleratedItems||(t?[l(a.rows),l(a.cols)]:l(a))}}},{key:"calculateOptions",value:function(){var t=this,e=this.isBoth(),o=this.state.first,s=this.calculateNumItems(),r=s.numItemsInViewport,i=s.numToleratedItems,n=function(e,o,s,r){return t.getLast(e+o+(e<s?2:3)*s,r)},l=e?{rows:n(o.rows,r.rows,i[0]),cols:n(o.cols,r.cols,i[1],!0)}:n(o,r,i),a={numItemsInViewport:r,last:l,numToleratedItems:i};this.props.showLoader&&(a.loaderArr=e?Array.from({length:r.rows}).map((function(){return Array.from({length:r.cols})})):Array.from({length:r})),this.setState(a,(function(){t.props.lazy&&t.props.onLazyLoad&&t.props.onLazyLoad({first:t.state.first,last:t.state.last})}))}},{key:"getLast",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return this.props.items?Math.min(e?(this.props.columns||this.props.items[0]).length:this.props.items.length,t):0}},{key:"getContentPosition",value:function(){if(this.content){var t=getComputedStyle(this.content),e=parseInt(t.paddingLeft,10)+Math.max(parseInt(t.left,10),0),o=parseInt(t.paddingRight,10)+Math.max(parseInt(t.right,10),0),s=parseInt(t.paddingTop,10)+Math.max(parseInt(t.top,10),0),r=parseInt(t.paddingBottom,10)+Math.max(parseInt(t.bottom,10),0);return{left:e,right:o,top:s,bottom:r,x:e+o,y:s+r}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}}},{key:"setSize",value:function(){var t=this;if(this.el){var e=this.isBoth(),o=this.isHorizontal(),s=this.el.parentElement,r=this.props.scrollWidth||"".concat(this.el.offsetWidth||s.offsetWidth,"px"),i=this.props.scrollHeight||"".concat(this.el.offsetHeight||s.offsetHeight,"px"),n=function(e,o){return t.el.style[e]=o};e||o?(n("height",i),n("width",r)):n("height",i)}}},{key:"setSpacerSize",value:function(){var t=this,e=this.props.items;if(this.spacer&&e){var o=this.isBoth(),s=this.isHorizontal(),r=this.props.itemSize,i=this.getContentPosition(),n=function(e,o,s){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return t.spacer.style[e]=(o||[]).length*s+r+"px"};o?(n("height",e,r[0],i.y),n("width",this.props.columns||e[1],r[1],i.x)):s?n("width",this.props.columns||e,r,i.x):n("height",e,r,i.y)}}},{key:"setContentPosition",value:function(t){var e=this;if(this.content){var o=this.isBoth(),s=this.isHorizontal(),r=t?t.first:this.state.first,i=this.props.itemSize,n=function(t,e){return t*e},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;e.sticky&&(e.sticky.style.top="-".concat(o,"px")),e.content.style.transform="translate3d(".concat(t,"px, ").concat(o,"px, 0)")};if(o)l(n(r.cols,i[1]),n(r.rows,i[0]));else{var a=n(r,i);s?l(a,0):l(0,a)}}}},{key:"onScrollPositionChange",value:function(t){var e=this,o=t.target,s=this.isBoth(),r=this.isHorizontal(),i=this.state,n=i.first,l=i.last,a=i.numItemsInViewport,c=i.numToleratedItems,u=this.props.itemSize,h=this.getContentPosition(),p=function(t,e){return t?t>e?t-e:t:0},f=function(t,e){return Math.floor(t/(e||t))},d=function(t,e,o,s,r,i){return t<=r?r:i?o-s-r:e+r-1},m=function(t,e,o,s,r,i,n){return t<=i?0:Math.max(0,n?t<e?o:t-i:t>e?o:t-2*i)},v=function(t,o,s,r,i,n){var l=o+r+2*i;return t>=i&&(l+=i+1),e.getLast(l,n)},g=p(o.scrollTop,h.top),y=p(o.scrollLeft,h.left),w=0,b=l,S=!1;if(s){var I=this.lastScrollPos.top<=g,O=this.lastScrollPos.left<=y,k={rows:f(g,u[0]),cols:f(y,u[1])},z={rows:d(k.rows,n.rows,l.rows,a.rows,c[0],I),cols:d(k.cols,n.cols,l.cols,a.cols,c[1],O)};w={rows:m(k.rows,z.rows,n.rows,0,0,c[0],I),cols:m(k.cols,z.cols,n.cols,0,0,c[1],O)},b={rows:v(k.rows,w.rows,0,a.rows,c[0]),cols:v(k.cols,w.cols,0,a.cols,c[1],!0)},S=w.rows!==n.rows&&b.rows!==l.rows||w.cols!==n.cols&&b.cols!==l.cols,this.lastScrollPos={top:g,left:y}}else{var P=r?y:g,T=this.lastScrollPos<=P,j=f(P,u);b=v(j,w=m(j,d(j,n,l,a,c,T),n,0,0,c,T),0,a,c),S=w!==n&&b!==l,this.lastScrollPos=P}return{first:w,last:b,isRangeChanged:S}}},{key:"onScrollChange",value:function(t){var e=this,o=this.onScrollPositionChange(t);if(o.isRangeChanged){var s={first:o.first,last:o.last};this.setContentPosition(s),this.setState(s,(function(){e.props.onScrollIndexChange&&e.props.onScrollIndexChange(s),e.props.lazy&&e.props.onLazyLoad&&e.props.onLazyLoad(s)}))}}},{key:"onScroll",value:function(t){var e=this;this.props.onScroll&&this.props.onScroll(t),this.props.delay?(this.scrollTimeout&&clearTimeout(this.scrollTimeout),!this.state.loading&&this.props.showLoader&&this.onScrollPositionChange(t).isRangeChanged&&this.setState({loading:!0}),this.scrollTimeout=setTimeout((function(){e.onScrollChange(t),e.state.loading&&e.props.showLoader&&!e.props.lazy&&e.setState({loading:!1})}),this.props.delay)):this.onScrollChange(t)}},{key:"getOptions",value:function(t){var e=this.state.first,o=(this.props.items||[]).length,s=this.isBoth()?e.rows+t:e+t;return{index:s,count:o,first:0===s,last:s===o-1,even:s%2==0,odd:s%2!=0,props:this.props}}},{key:"loaderOptions",value:function(t,e){var o=this.state.loaderArr.length;return m({index:t,count:o,first:0===t,last:t===o-1,even:t%2==0,odd:t%2!=0,props:this.props},e)}},{key:"loadedItems",value:function(){var t=this,e=this.props.items;if(e&&!this.state.loading){var o=this.isBoth(),s=this.isHorizontal(),r=this.state,i=r.first,n=r.last;return o?e.slice(i.rows,n.rows).map((function(e){return t.props.columns?e:e.slice(i.cols,n.cols)})):s&&this.props.columns?e:e.slice(i,n)}return[]}},{key:"isPropChanged",value:function(t){var e=this;return["itemSize","scrollHeight"].some((function(s){return!o.ObjectUtils.equals(t[s],e.props[s])}))}},{key:"init",value:function(){this.setSize(),this.calculateOptions(),this.setSpacerSize()}},{key:"componentDidMount",value:function(){this.init()}},{key:"componentDidUpdate",value:function(t,e){t.items&&t.items.length===(this.props.items||[]).length&&!this.isPropChanged(t)||this.init(),this.props.lazy&&t.loading!==this.props.loading&&this.state.loading!==this.props.loading&&this.setState({loading:this.props.loading}),t.orientation!==this.props.orientation&&(this.lastScrollPos=this.isBoth()?{top:0,left:0}:0)}},{key:"renderLoaderItem",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=this.loaderOptions(t,e),i=o.ObjectUtils.getJSXElement(this.props.loadingTemplate,s);return r.default.createElement(r.default.Fragment,{key:t},i)}},{key:"renderLoader",value:function(){var t=this;if(!this.props.loaderDisabled&&this.props.showLoader&&this.state.loading){var e=o.classNames("p-virtualscroller-loader",{"p-component-overlay":!this.props.loadingTemplate}),s=r.default.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});if(this.props.loadingTemplate){var i=this.isBoth(),n=this.state.numItemsInViewport;s=this.state.loaderArr.map((function(e,o){return t.renderLoaderItem(o,i&&{numCols:n.cols})}))}return r.default.createElement("div",{className:e},s)}return null}},{key:"renderSpacer",value:function(){var t=this;return this.props.showSpacer?r.default.createElement("div",{ref:function(e){return t.spacer=e},className:"p-virtualscroller-spacer"}):null}},{key:"renderItem",value:function(t,e){var s=this.getOptions(e),i=o.ObjectUtils.getJSXElement(this.props.itemTemplate,t,s);return r.default.createElement(r.default.Fragment,{key:s.index},i)}},{key:"renderItems",value:function(t){var e=this;return t.map((function(t,o){return e.renderItem(t,o)}))}},{key:"renderContent",value:function(){var t=this,e=this.loadedItems(),s=this.renderItems(e),i=o.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":this.state.loading}),n=r.default.createElement("div",{className:i,ref:function(e){return t.content=e}},s);if(this.props.contentTemplate){var l={className:i,contentRef:function(e){return t.content=e},spacerRef:function(e){return t.spacer=e},stickyRef:function(e){return t.sticky=e},items:e,getItemOptions:function(e){return t.getOptions(e)},children:s,element:n,props:this.props,loading:this.state.loading,getLoaderOptions:function(e,o){return t.loaderOptions(e,o)},loadingTemplate:this.props.loadingTemplate,itemSize:this.props.itemSize,rows:this.getRows(),columns:this.getColumns(),vertical:this.isVertical(),horizontal:this.isHorizontal(),both:this.isBoth()};return o.ObjectUtils.getJSXElement(this.props.contentTemplate,l)}return n}},{key:"render",value:function(){var t=this;if(this.props.disabled){var e=o.ObjectUtils.getJSXElement(this.props.contentTemplate,{items:this.props.items,rows:this.props.items,columns:this.props.columns});return r.default.createElement(r.default.Fragment,null,this.props.children,e)}var s=this.isBoth(),i=this.isHorizontal(),n=o.classNames("p-virtualscroller",{"p-both-scroll":s,"p-horizontal-scroll":i},this.props.className),l=this.renderLoader(),a=this.renderContent(),c=this.renderSpacer();return r.default.createElement("div",{ref:function(e){return t.el=e},className:n,tabIndex:0,style:this.props.style,onScroll:this.onScroll},a,c,l)}}],u&&n(a.prototype,u),f&&n(a,f),Object.defineProperty(a,"prototype",{writable:!1}),g}(e.Component);return f(g,"defaultProps",{id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,lazy:!1,disabled:!1,loaderDisabled:!1,columns:null,loading:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null}),t.VirtualScroller=g,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.utils);

package/web-types.json

@@ -1,12 +1,7 @@
 {
     "framework": "React",
     "name": "PrimeReact",
-    "version": "7.1.0",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/primefaces/primereact.git"
-    },
-    "license": "MIT",
+    "version": "7.2.0",
     "tags": [
         {
             "name": "Accordion",
@@ -2478,6 +2473,12 @@
                     "default": "null",
                     "description": "Property of a row data used for filtering, defaults to field."
                 },
+                {
+                    "name": "exportField",
+                    "type": "string",
+                    "default": "null",
+                    "description": "Property of a row data used for exporting, defaults to field."
+                },
                 {
                     "name": "header",
                     "type": "any",
@@ -3539,6 +3540,18 @@
                     "default": "true",
                     "description": "Determines whether the cell editor will be opened when clicking to select any row on Selection and Cell Edit modes."
                 },
+                {
+                    "name": "selectionPageOnly",
+                    "type": "boolean",
+                    "default": "false",
+                    "description": "When enabled with paginator and checkbox selection mode, the select all checkbox in the header will select all rows on the current page."
+                },
+                {
+                    "name": "selectionAutoFocus",
+                    "type": "boolean",
+                    "default": "true",
+                    "description": "When a selectable row is clicked on RadioButton and Checkbox selection, it automatically decides whether to focus on elements such as checkbox or radio."
+                },
                 {
                     "name": "headerColumnGroup",
                     "type": "ColumnGroup",
@@ -3791,6 +3804,12 @@
                     "default": "null",
                     "description": "Function that returns a boolean by passing the row data to decide if the row reorder element should be displayed per row."
                 },
+                {
+                    "name": "isDataSelectable",
+                    "type": "function",
+                    "default": "null",
+                    "description": "Function that returns a boolean to decide whether the data should be selectable."
+                },
                 {
                     "name": "customSaveState",
                     "type": "function",
@@ -6232,6 +6251,12 @@
                     "default": "false",
                     "description": "Controls the preview functionality."
                 },
+                {
+                    "name": "downloadable",
+                    "type": "boolean",
+                    "default": "false",
+                    "description": "Adds a download button to the preview control menu."
+                },
                 {
                     "name": "imageStyle",
                     "type": "any",
@@ -9907,7 +9932,7 @@
                     "name": "dismissable",
                     "type": "boolean",
                     "default": "true",
-                    "description": "Whether clicking outside closes the panel."
+                    "description": "Whether to dismiss sidebar on click of the mask."
                 },
                 {
                     "name": "showCloseIcon",
@@ -11254,6 +11279,12 @@
                     "type": "object",
                     "default": "null",
                     "description": "The properties of <a href=\"https://reactcommunity.org/react-transition-group/css-transition\" rel=\"noopener noreferrer\" target=\"_blank\">CSSTransition</a> can be customized, except for \"nodeRef\" and \"in\" properties."
+                },
+                {
+                    "name": "appendTo",
+                    "type": "DOM element | string",
+                    "default": "self",
+                    "description": "DOM element instance where the component should be mounted. Valid values are any DOM Element and 'self'. The <i>self</i> value is used to render a component where it is located."
                 }
             ],
             "events": [
@@ -12736,6 +12767,12 @@
                     "default": "No records found",
                     "description": "Text to display when there is no data."
                 },
+                {
+                    "name": "rowHover",
+                    "type": "boolean",
+                    "default": "false",
+                    "description": "When enabled, background of the rows change on hover.."
+                },
                 {
                     "name": "showGridlines",
                     "type": "boolean",