primevue 3.16.2 → 3.18.0

package/virtualscroller/virtualscroller.esm.js

@@ -15,7 +15,7 @@ var script = {
             default: null
         },
         itemSize: {
-            type: [Number,Array],
+            type: [Number, Array],
             default: 0
         },
         scrollHeight: null,
@@ -76,17 +76,12 @@ var script = {
             loaderArr: [],
             spacerStyle: {},
             contentStyle: {}
-        }
+        };
     },
     element: null,
     content: null,
     lastScrollPos: null,
     scrollTimeout: null,
-    mounted() {
-        this.init();
-
-        this.lastScrollPos = this.isBoth() ? { top: 0, left: 0 } : 0;
-    },
     watch: {
         numToleratedItems(newValue) {
             this.d_numToleratedItems = newValue;
@@ -103,6 +98,11 @@ var script = {
             this.lastScrollPos = this.isBoth() ? { top: 0, left: 0 } : 0;
         }
     },
+    mounted() {
+        this.init();
+
+        this.lastScrollPos = this.isBoth() ? { top: 0, left: 0 } : 0;
+    },
     methods: {
         init() {
             this.setSize();
@@ -128,17 +128,18 @@ var script = {
             const { numToleratedItems } = this.calculateNumItems();
             const itemSize = this.itemSize;
             const calculateFirst = (_index = 0, _numT) => (_index <= _numT ? 0 : _index);
-            const calculateCoord = (_first, _size) => (_first * _size);
+            const calculateCoord = (_first, _size) => _first * _size;
             const scrollTo = (left = 0, top = 0) => this.scrollTo({ left, top, behavior });
 
             if (both) {
                 const newFirst = { rows: calculateFirst(index[0], numToleratedItems[0]), cols: calculateFirst(index[1], numToleratedItems[1]) };
+
                 if (newFirst.rows !== first.rows || newFirst.cols !== first.cols) {
                     scrollTo(calculateCoord(newFirst.cols, itemSize[1]), calculateCoord(newFirst.rows, itemSize[0]));
                 }
-            }
-            else {
+            } else {
                 const newFirst = calculateFirst(index, numToleratedItems);
+
                 if (newFirst !== first) {
                     horizontal ? scrollTo(calculateCoord(newFirst, itemSize), 0) : scrollTo(0, calculateCoord(newFirst, itemSize));
                 }
@@ -157,36 +158,32 @@ var script = {
                     if (both) {
                         if (viewport.first.rows - first.rows > index[0]) {
                             scrollTo(viewport.first.cols * this.itemSize[1], (viewport.first.rows - 1) * this.itemSize[0]);
-                        }
-                        else if (viewport.first.cols - first.cols > index[1]) {
+                        } else if (viewport.first.cols - first.cols > index[1]) {
                             scrollTo((viewport.first.cols - 1) * this.itemSize[1], viewport.first.rows * this.itemSize[0]);
                         }
-                    }
-                    else {
+                    } else {
                         if (viewport.first - first > index) {
                             const pos = (viewport.first - 1) * this.itemSize;
+
                             horizontal ? scrollTo(pos, 0) : scrollTo(0, pos);
                         }
                     }
-                }
-                else if (isToEnd) {
+                } else if (isToEnd) {
                     if (both) {
                         if (viewport.last.rows - first.rows <= index[0] + 1) {
                             scrollTo(viewport.first.cols * this.itemSize[1], (viewport.first.rows + 1) * this.itemSize[0]);
-                        }
-                        else if (viewport.last.cols - first.cols <= index[1] + 1) {
+                        } else if (viewport.last.cols - first.cols <= index[1] + 1) {
                             scrollTo((viewport.first.cols + 1) * this.itemSize[1], viewport.first.rows * this.itemSize[0]);
                         }
-                    }
-                    else {
+                    } else {
                         if (viewport.last - first <= index + 1) {
                             const pos = (viewport.first + 1) * this.itemSize;
+
                             horizontal ? scrollTo(pos, 0) : scrollTo(0, pos);
                         }
                     }
                 }
-            }
-            else {
+            } else {
                 this.scrollToIndex(index, behavior);
             }
         },
@@ -205,9 +202,9 @@ var script = {
                 if (both) {
                     firstInViewport = { rows: calculateFirstInViewport(scrollTop, this.itemSize[0]), cols: calculateFirstInViewport(scrollLeft, this.itemSize[1]) };
                     lastInViewport = { rows: firstInViewport.rows + this.numItemsInViewport.rows, cols: firstInViewport.cols + this.numItemsInViewport.cols };
-                }
-                else {
+                } else {
                     const scrollPos = horizontal ? scrollLeft : scrollTop;
+
                     firstInViewport = calculateFirstInViewport(scrollPos, this.itemSize);
                     lastInViewport = firstInViewport + this.numItemsInViewport;
                 }
@@ -231,13 +228,11 @@ var script = {
             const contentHeight = this.element ? this.element.offsetHeight - contentPos.top : 0;
             const calculateNumItemsInViewport = (_contentSize, _itemSize) => Math.ceil(_contentSize / (_itemSize || _contentSize));
             const calculateNumToleratedItems = (_numItems) => Math.ceil(_numItems / 2);
-            const numItemsInViewport = both ?
-                { rows: calculateNumItemsInViewport(contentHeight, itemSize[0]), cols: calculateNumItemsInViewport(contentWidth, itemSize[1]) } :
-                calculateNumItemsInViewport((horizontal ? contentWidth : contentHeight), itemSize);
+            const numItemsInViewport = both
+                ? { rows: calculateNumItemsInViewport(contentHeight, itemSize[0]), cols: calculateNumItemsInViewport(contentWidth, itemSize[1]) }
+                : calculateNumItemsInViewport(horizontal ? contentWidth : contentHeight, itemSize);
 
-            const numToleratedItems = this.d_numToleratedItems || (both ?
-                [calculateNumToleratedItems(numItemsInViewport.rows), calculateNumToleratedItems(numItemsInViewport.cols)] :
-                calculateNumToleratedItems(numItemsInViewport));
+            const numToleratedItems = this.d_numToleratedItems || (both ? [calculateNumToleratedItems(numItemsInViewport.rows), calculateNumToleratedItems(numItemsInViewport.cols)] : calculateNumToleratedItems(numItemsInViewport));
 
             return { numItemsInViewport, numToleratedItems };
         },
@@ -245,10 +240,10 @@ var script = {
             const both = this.isBoth();
             const first = this.first;
             const { numItemsInViewport, numToleratedItems } = this.calculateNumItems();
-            const calculateLast = (_first, _num, _numT, _isCols) => this.getLast(_first + _num + ((_first < _numT ? 2 : 3) * _numT), _isCols);
-            const last = both ?
-                { rows: calculateLast(first.rows, numItemsInViewport.rows, numToleratedItems[0]), cols: calculateLast(first.cols, numItemsInViewport.cols, numToleratedItems[1], true) } :
-                calculateLast(first, numItemsInViewport, numToleratedItems);
+            const calculateLast = (_first, _num, _numT, _isCols) => this.getLast(_first + _num + (_first < _numT ? 2 : 3) * _numT, _isCols);
+            const last = both
+                ? { rows: calculateLast(first.rows, numItemsInViewport.rows, numToleratedItems[0]), cols: calculateLast(first.cols, numItemsInViewport.cols, numToleratedItems[1], true) }
+                : calculateLast(first, numItemsInViewport, numToleratedItems);
 
             this.last = last;
             this.numItemsInViewport = numItemsInViewport;
@@ -256,9 +251,7 @@ var script = {
             this.$emit('update:numToleratedItems', this.d_numToleratedItems);
 
             if (this.showLoader) {
-                this.loaderArr = both ?
-                    Array.from({ length: numItemsInViewport.rows }).map(() => Array.from({ length: numItemsInViewport.cols })) :
-                    Array.from({ length: numItemsInViewport });
+                this.loaderArr = both ? Array.from({ length: numItemsInViewport.rows }).map(() => Array.from({ length: numItemsInViewport.cols })) : Array.from({ length: numItemsInViewport });
             }
 
             if (this.lazy) {
@@ -267,7 +260,7 @@ var script = {
         },
         getLast(last = 0, isCols) {
             if (this.items) {
-                return Math.min((isCols ? (this.columns || this.items[0]).length : this.items.length), last);
+                return Math.min(isCols ? (this.columns || this.items[0]).length : this.items.length, last);
             }
 
             return 0;
@@ -290,15 +283,14 @@ var script = {
                 const both = this.isBoth();
                 const horizontal = this.isHorizontal();
                 const parentElement = this.element.parentElement;
-                const width = this.scrollWidth || `${(this.element.offsetWidth || parentElement.offsetWidth)}px`;
-                const height = this.scrollHeight || `${(this.element.offsetHeight || parentElement.offsetHeight)}px`;
-                const setProp = (_name, _value) => this.element.style[_name] = _value;
+                const width = this.scrollWidth || `${this.element.offsetWidth || parentElement.offsetWidth}px`;
+                const height = this.scrollHeight || `${this.element.offsetHeight || parentElement.offsetHeight}px`;
+                const setProp = (_name, _value) => (this.element.style[_name] = _value);
 
                 if (both || horizontal) {
                     setProp('height', height);
                     setProp('width', width);
-                }
-                else {
+                } else {
                     setProp('height', height);
                 }
             }
@@ -310,14 +302,13 @@ var script = {
                 const both = this.isBoth();
                 const horizontal = this.isHorizontal();
                 const contentPos = this.getContentPosition();
-                const setProp = (_name, _value, _size, _cpos = 0) => this.spacerStyle = { ...this.spacerStyle, ...{ [`${_name}`]: (((_value || []).length * _size) + _cpos) + 'px' } };
+                const setProp = (_name, _value, _size, _cpos = 0) => (this.spacerStyle = { ...this.spacerStyle, ...{ [`${_name}`]: (_value || []).length * _size + _cpos + 'px' } });
 
                 if (both) {
                     setProp('height', items, this.itemSize[0], contentPos.y);
-                    setProp('width', (this.columns || items[1]), this.itemSize[1], contentPos.x);
-                }
-                else {
-                    horizontal ? setProp('width', (this.columns || items), this.itemSize, contentPos.x) : setProp('height', items, this.itemSize, contentPos.y);
+                    setProp('width', this.columns || items[1], this.itemSize[1], contentPos.x);
+                } else {
+                    horizontal ? setProp('width', this.columns || items, this.itemSize, contentPos.x) : setProp('height', items, this.itemSize, contentPos.y);
                 }
             }
         },
@@ -326,16 +317,17 @@ var script = {
                 const both = this.isBoth();
                 const horizontal = this.isHorizontal();
                 const first = pos ? pos.first : this.first;
-                const calculateTranslateVal = (_first, _size) => (_first * _size);
+                const calculateTranslateVal = (_first, _size) => _first * _size;
+
                 const setTransform = (_x = 0, _y = 0) => {
                     this.contentStyle = { ...this.contentStyle, ...{ transform: `translate3d(${_x}px, ${_y}px, 0)` } };
                 };
 
                 if (both) {
                     setTransform(calculateTranslateVal(first.cols, this.itemSize[1]), calculateTranslateVal(first.rows, this.itemSize[0]));
-                }
-                else {
+                } else {
                     const translateVal = calculateTranslateVal(first, this.itemSize);
+
                     horizontal ? setTransform(translateVal, 0) : setTransform(0, translateVal);
                 }
             }
@@ -345,24 +337,23 @@ var script = {
             const both = this.isBoth();
             const horizontal = this.isHorizontal();
             const contentPos = this.getContentPosition();
-            const calculateScrollPos = (_pos, _cpos) => _pos ? (_pos > _cpos ? _pos - _cpos : _pos) : 0;
+            const calculateScrollPos = (_pos, _cpos) => (_pos ? (_pos > _cpos ? _pos - _cpos : _pos) : 0);
             const calculateCurrentIndex = (_pos, _size) => Math.floor(_pos / (_size || _pos));
+
             const calculateTriggerIndex = (_currentIndex, _first, _last, _num, _numT, _isScrollDownOrRight) => {
-                return (_currentIndex <= _numT ? _numT : (_isScrollDownOrRight ? (_last - _num - _numT) : (_first + _numT - 1)))
+                return _currentIndex <= _numT ? _numT : _isScrollDownOrRight ? _last - _num - _numT : _first + _numT - 1;
             };
+
             const calculateFirst = (_currentIndex, _triggerIndex, _first, _last, _num, _numT, _isScrollDownOrRight) => {
-                if (_currentIndex <= _numT)
-                    return 0;
-                else
-                    return Math.max(0, _isScrollDownOrRight ?
-                            (_currentIndex < _triggerIndex ? _first : _currentIndex - _numT) :
-                            (_currentIndex > _triggerIndex ? _first : _currentIndex - (2 * _numT)));
+                if (_currentIndex <= _numT) return 0;
+                else return Math.max(0, _isScrollDownOrRight ? (_currentIndex < _triggerIndex ? _first : _currentIndex - _numT) : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
             };
+
             const calculateLast = (_currentIndex, _first, _last, _num, _numT, _isCols) => {
-                let lastValue = _first + _num + (2 * _numT);
+                let lastValue = _first + _num + 2 * _numT;
 
                 if (_currentIndex >= _numT) {
-                    lastValue += (_numT + 1);
+                    lastValue += _numT + 1;
                 }
 
                 return this.getLast(lastValue, _isCols);
@@ -394,10 +385,9 @@ var script = {
                     cols: calculateLast(currentIndex.cols, newFirst.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], true)
                 };
 
-                isRangeChanged = (newFirst.rows !== this.first.rows || newLast.rows !== this.last.rows) || (newFirst.cols !== this.first.cols || newLast.cols !== this.last.cols);
+                isRangeChanged = newFirst.rows !== this.first.rows || newLast.rows !== this.last.rows || newFirst.cols !== this.first.cols || newLast.cols !== this.last.cols;
                 newScrollPos = { top: scrollTop, left: scrollLeft };
-            }
-            else {
+            } else {
                 const scrollPos = horizontal ? scrollLeft : scrollTop;
                 const isScrollDownOrRight = this.lastScrollPos <= scrollPos;
                 const currentIndex = calculateCurrentIndex(scrollPos, this.itemSize);
@@ -414,7 +404,7 @@ var script = {
                 last: newLast,
                 isRangeChanged,
                 scrollPos: newScrollPos
-            }
+            };
         },
         onScrollChange(event) {
             const { first, last, isRangeChanged, scrollPos } = this.onScrollPositionChange(event);
@@ -445,6 +435,7 @@ var script = {
 
                 if (!this.d_loading && this.showLoader) {
                     const { isRangeChanged: changed } = this.onScrollPositionChange(event);
+
                     changed && (this.d_loading = true);
                 }
 
@@ -455,34 +446,35 @@ var script = {
                         this.d_loading = false;
                     }
                 }, this.delay);
-            }
-            else {
+            } else {
                 this.onScrollChange(event);
             }
         },
         getOptions(renderedIndex) {
             const count = (this.items || []).length;
             const index = this.isBoth() ? this.first.rows + renderedIndex : this.first + renderedIndex;
+
             return {
                 index,
                 count,
                 first: index === 0,
-                last: index === (count - 1),
+                last: index === count - 1,
                 even: index % 2 === 0,
                 odd: index % 2 !== 0
             };
         },
         getLoaderOptions(index, extOptions) {
             let count = this.loaderArr.length;
+
             return {
                 index,
                 count,
                 first: index === 0,
-                last: index === (count - 1),
+                last: index === count - 1,
                 even: index % 2 === 0,
                 odd: index % 2 !== 0,
                 ...extOptions
-            }
+            };
         },
         elementRef(el) {
             this.element = el;
@@ -493,31 +485,39 @@ var script = {
     },
     computed: {
         containerClass() {
-            return ['p-virtualscroller', {
-                'p-both-scroll': this.isBoth(),
-                'p-horizontal-scroll': this.isHorizontal()
-            }, this.class];
+            return [
+                'p-virtualscroller',
+                {
+                    'p-both-scroll': this.isBoth(),
+                    'p-horizontal-scroll': this.isHorizontal()
+                },
+                this.class
+            ];
         },
         contentClass() {
-            return ['p-virtualscroller-content', {
-                'p-virtualscroller-loading': this.d_loading
-            }];
+            return [
+                'p-virtualscroller-content',
+                {
+                    'p-virtualscroller-loading': this.d_loading
+                }
+            ];
         },
         loaderClass() {
-            return ['p-virtualscroller-loader', {
-                'p-component-overlay': !this.$slots.loader
-            }];
+            return [
+                'p-virtualscroller-loader',
+                {
+                    'p-component-overlay': !this.$slots.loader
+                }
+            ];
         },
         loadedItems() {
             const items = this.items;
+
             if (items && !this.d_loading) {
                 if (this.isBoth()) {
-                    return items.slice(this.first.rows, this.last.rows).map(item => this.columns ? item : item.slice(this.first.cols, this.last.cols));
-                }
-                else if (this.isHorizontal() && this.columns)
-                    return items;
-                else
-                    return items.slice(this.first, this.last);
+                    return items.slice(this.first.rows, this.last.rows).map((item) => (this.columns ? item : item.slice(this.first.cols, this.last.cols)));
+                } else if (this.isHorizontal() && this.columns) return items;
+                else return items.slice(this.first, this.last);
             }
 
             return [];
@@ -531,9 +531,7 @@ var script = {
                 const horizontal = this.isHorizontal();
 
                 if (both || horizontal) {
-                    return this.d_loading && this.loaderDisabled ?
-                    (both ? this.loaderArr[0] : this.loaderArr):
-                    this.columns.slice((both ? this.first.cols : this.first), (both ? this.last.cols : this.last));
+                    return this.d_loading && this.loaderDisabled ? (both ? this.loaderArr[0] : this.loaderArr) : this.columns.slice(both ? this.first.cols : this.first, both ? this.last.cols : this.last);
                 }
             }
 

package/virtualscroller/virtualscroller.esm.min.js

@@ -1 +1 @@
-import{openBlock as t,createElementBlock as s,normalizeClass as e,normalizeStyle as i,renderSlot as o,createElementVNode as l,Fragment as n,renderList as r,createCommentVNode as a}from"vue";var h={name:"VirtualScroller",emits:["update:numToleratedItems","scroll","scroll-index-change","lazy-load"],props:{id:{type:String,default:null},style:null,class:null,items:{type:Array,default:null},itemSize:{type:[Number,Array],default:0},scrollHeight:null,scrollWidth:null,orientation:{type:String,default:"vertical"},numToleratedItems:{type:Number,default:null},delay:{type:Number,default:0},lazy:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loaderDisabled:{type:Boolean,default:!1},columns:{type:Array,default:null},loading:{type:Boolean,default:!1},showSpacer:{type:Boolean,default:!0},showLoader:{type:Boolean,default:!1},tabindex:{type:Number,default:0}},data(){return{first:this.isBoth()?{rows:0,cols:0}:0,last:this.isBoth()?{rows:0,cols:0}:0,numItemsInViewport:this.isBoth()?{rows:0,cols:0}:0,lastScrollPos:this.isBoth()?{top:0,left:0}:0,d_numToleratedItems:this.numToleratedItems,d_loading:this.loading,loaderArr:[],spacerStyle:{},contentStyle:{}}},element:null,content:null,lastScrollPos:null,scrollTimeout:null,mounted(){this.init(),this.lastScrollPos=this.isBoth()?{top:0,left:0}:0},watch:{numToleratedItems(t){this.d_numToleratedItems=t},loading(t){this.d_loading=t},items(t,s){s&&s.length===(t||[]).length||this.init()},orientation(){this.lastScrollPos=this.isBoth()?{top:0,left:0}:0}},methods:{init(){this.setSize(),this.calculateOptions(),this.setSpacerSize()},isVertical(){return"vertical"===this.orientation},isHorizontal(){return"horizontal"===this.orientation},isBoth(){return"both"===this.orientation},scrollTo(t){this.element&&this.element.scrollTo(t)},scrollToIndex(t,s="auto"){const e=this.isBoth(),i=this.isHorizontal(),o=this.first,{numToleratedItems:l}=this.calculateNumItems(),n=this.itemSize,r=(t=0,s)=>t<=s?0:t,a=(t,s)=>t*s,h=(t=0,e=0)=>this.scrollTo({left:t,top:e,behavior:s});if(e){const s={rows:r(t[0],l[0]),cols:r(t[1],l[1])};s.rows===o.rows&&s.cols===o.cols||h(a(s.cols,n[1]),a(s.rows,n[0]))}else{const s=r(t,l);s!==o&&(i?h(a(s,n),0):h(0,a(s,n)))}},scrollInView(t,s,e="auto"){if(s){const i=this.isBoth(),o=this.isHorizontal(),{first:l,viewport:n}=this.getRenderedRange(),r=(t=0,s=0)=>this.scrollTo({left:t,top:s,behavior:e}),a="to-end"===s;if("to-start"===s){if(i)n.first.rows-l.rows>t[0]?r(n.first.cols*this.itemSize[1],(n.first.rows-1)*this.itemSize[0]):n.first.cols-l.cols>t[1]&&r((n.first.cols-1)*this.itemSize[1],n.first.rows*this.itemSize[0]);else if(n.first-l>t){const t=(n.first-1)*this.itemSize;o?r(t,0):r(0,t)}}else if(a)if(i)n.last.rows-l.rows<=t[0]+1?r(n.first.cols*this.itemSize[1],(n.first.rows+1)*this.itemSize[0]):n.last.cols-l.cols<=t[1]+1&&r((n.first.cols+1)*this.itemSize[1],n.first.rows*this.itemSize[0]);else if(n.last-l<=t+1){const t=(n.first+1)*this.itemSize;o?r(t,0):r(0,t)}}else this.scrollToIndex(t,e)},getRenderedRange(){const t=(t,s)=>Math.floor(t/(s||t));let s=this.first,e=0;if(this.element){const i=this.isBoth(),o=this.isHorizontal(),l=this.element.scrollTop,n=this.element.scrollLeft;if(i)s={rows:t(l,this.itemSize[0]),cols:t(n,this.itemSize[1])},e={rows:s.rows+this.numItemsInViewport.rows,cols:s.cols+this.numItemsInViewport.cols};else{s=t(o?n:l,this.itemSize),e=s+this.numItemsInViewport}}return{first:this.first,last:this.last,viewport:{first:s,last:e}}},calculateNumItems(){const t=this.isBoth(),s=this.isHorizontal(),e=this.itemSize,i=this.getContentPosition(),o=this.element?this.element.offsetWidth-i.left:0,l=this.element?this.element.offsetHeight-i.top:0,n=(t,s)=>Math.ceil(t/(s||t)),r=t=>Math.ceil(t/2),a=t?{rows:n(l,e[0]),cols:n(o,e[1])}:n(s?o:l,e);return{numItemsInViewport:a,numToleratedItems:this.d_numToleratedItems||(t?[r(a.rows),r(a.cols)]:r(a))}},calculateOptions(){const t=this.isBoth(),s=this.first,{numItemsInViewport:e,numToleratedItems:i}=this.calculateNumItems(),o=(t,s,e,i)=>this.getLast(t+s+(t<e?2:3)*e,i),l=t?{rows:o(s.rows,e.rows,i[0]),cols:o(s.cols,e.cols,i[1],!0)}:o(s,e,i);this.last=l,this.numItemsInViewport=e,this.d_numToleratedItems=i,this.$emit("update:numToleratedItems",this.d_numToleratedItems),this.showLoader&&(this.loaderArr=t?Array.from({length:e.rows}).map((()=>Array.from({length:e.cols}))):Array.from({length:e})),this.lazy&&this.$emit("lazy-load",{first:s,last:l})},getLast(t=0,s){return this.items?Math.min(s?(this.columns||this.items[0]).length:this.items.length,t):0},getContentPosition(){if(this.content){const t=getComputedStyle(this.content),s=parseInt(t.paddingLeft,10)+Math.max(parseInt(t.left,10),0),e=parseInt(t.paddingRight,10)+Math.max(parseInt(t.right,10),0),i=parseInt(t.paddingTop,10)+Math.max(parseInt(t.top,10),0),o=parseInt(t.paddingBottom,10)+Math.max(parseInt(t.bottom,10),0);return{left:s,right:e,top:i,bottom:o,x:s+e,y:i+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},setSize(){if(this.element){const t=this.isBoth(),s=this.isHorizontal(),e=this.element.parentElement,i=this.scrollWidth||`${this.element.offsetWidth||e.offsetWidth}px`,o=this.scrollHeight||`${this.element.offsetHeight||e.offsetHeight}px`,l=(t,s)=>this.element.style[t]=s;t||s?(l("height",o),l("width",i)):l("height",o)}},setSpacerSize(){const t=this.items;if(t){const s=this.isBoth(),e=this.isHorizontal(),i=this.getContentPosition(),o=(t,s,e,i=0)=>this.spacerStyle={...this.spacerStyle,[`${t}`]:(s||[]).length*e+i+"px"};s?(o("height",t,this.itemSize[0],i.y),o("width",this.columns||t[1],this.itemSize[1],i.x)):e?o("width",this.columns||t,this.itemSize,i.x):o("height",t,this.itemSize,i.y)}},setContentPosition(t){if(this.content){const s=this.isBoth(),e=this.isHorizontal(),i=t?t.first:this.first,o=(t,s)=>t*s,l=(t=0,s=0)=>{this.contentStyle={...this.contentStyle,transform:`translate3d(${t}px, ${s}px, 0)`}};if(s)l(o(i.cols,this.itemSize[1]),o(i.rows,this.itemSize[0]));else{const t=o(i,this.itemSize);e?l(t,0):l(0,t)}}},onScrollPositionChange(t){const s=t.target,e=this.isBoth(),i=this.isHorizontal(),o=this.getContentPosition(),l=(t,s)=>t?t>s?t-s:t:0,n=(t,s)=>Math.floor(t/(s||t)),r=(t,s,e,i,o,l)=>t<=o?o:l?e-i-o:s+o-1,a=(t,s,e,i,o,l,n)=>t<=l?0:Math.max(0,n?t<s?e:t-l:t>s?e:t-2*l),h=(t,s,e,i,o,l)=>{let n=s+i+2*o;return t>=o&&(n+=o+1),this.getLast(n,l)},c=l(s.scrollTop,o.top),m=l(s.scrollLeft,o.left);let d=e?{rows:0,cols:0}:0,u=this.last,f=!1,p=this.lastScrollPos;if(e){const t=this.lastScrollPos.top<=c,s=this.lastScrollPos.left<=m,e={rows:n(c,this.itemSize[0]),cols:n(m,this.itemSize[1])},i={rows:r(e.rows,this.first.rows,this.last.rows,this.numItemsInViewport.rows,this.d_numToleratedItems[0],t),cols:r(e.cols,this.first.cols,this.last.cols,this.numItemsInViewport.cols,this.d_numToleratedItems[1],s)};d={rows:a(e.rows,i.rows,this.first.rows,this.last.rows,this.numItemsInViewport.rows,this.d_numToleratedItems[0],t),cols:a(e.cols,i.cols,this.first.cols,this.last.cols,this.numItemsInViewport.cols,this.d_numToleratedItems[1],s)},u={rows:h(e.rows,d.rows,this.last.rows,this.numItemsInViewport.rows,this.d_numToleratedItems[0]),cols:h(e.cols,d.cols,this.last.cols,this.numItemsInViewport.cols,this.d_numToleratedItems[1],!0)},f=d.rows!==this.first.rows||u.rows!==this.last.rows||d.cols!==this.first.cols||u.cols!==this.last.cols,p={top:c,left:m}}else{const t=i?m:c,s=this.lastScrollPos<=t,e=n(t,this.itemSize);d=a(e,r(e,this.first,this.last,this.numItemsInViewport,this.d_numToleratedItems,s),this.first,this.last,this.numItemsInViewport,this.d_numToleratedItems,s),u=h(e,d,this.last,this.numItemsInViewport,this.d_numToleratedItems),f=d!==this.first||u!==this.last,p=t}return{first:d,last:u,isRangeChanged:f,scrollPos:p}},onScrollChange(t){const{first:s,last:e,isRangeChanged:i,scrollPos:o}=this.onScrollPositionChange(t);if(i){const t={first:s,last:e};this.setContentPosition(t),this.first=s,this.last=e,this.lastScrollPos=o,this.$emit("scroll-index-change",t),this.lazy&&this.$emit("lazy-load",t)}},onScroll(t){if(this.$emit("scroll",t),this.delay){if(this.scrollTimeout&&clearTimeout(this.scrollTimeout),!this.d_loading&&this.showLoader){const{isRangeChanged:s}=this.onScrollPositionChange(t);s&&(this.d_loading=!0)}this.scrollTimeout=setTimeout((()=>{this.onScrollChange(t),this.d_loading&&this.showLoader&&!this.lazy&&(this.d_loading=!1)}),this.delay)}else this.onScrollChange(t)},getOptions(t){const s=(this.items||[]).length,e=this.isBoth()?this.first.rows+t:this.first+t;return{index:e,count:s,first:0===e,last:e===s-1,even:e%2==0,odd:e%2!=0}},getLoaderOptions(t,s){let e=this.loaderArr.length;return{index:t,count:e,first:0===t,last:t===e-1,even:t%2==0,odd:t%2!=0,...s}},elementRef(t){this.element=t},contentRef(t){this.content=t}},computed:{containerClass(){return["p-virtualscroller",{"p-both-scroll":this.isBoth(),"p-horizontal-scroll":this.isHorizontal()},this.class]},contentClass(){return["p-virtualscroller-content",{"p-virtualscroller-loading":this.d_loading}]},loaderClass(){return["p-virtualscroller-loader",{"p-component-overlay":!this.$slots.loader}]},loadedItems(){const t=this.items;return t&&!this.d_loading?this.isBoth()?t.slice(this.first.rows,this.last.rows).map((t=>this.columns?t:t.slice(this.first.cols,this.last.cols))):this.isHorizontal()&&this.columns?t:t.slice(this.first,this.last):[]},loadedRows(){return this.d_loading?this.loaderDisabled?this.loaderArr:[]:this.loadedItems},loadedColumns(){if(this.columns){const t=this.isBoth(),s=this.isHorizontal();if(t||s)return this.d_loading&&this.loaderDisabled?t?this.loaderArr[0]:this.loaderArr:this.columns.slice(t?this.first.cols:this.first,t?this.last.cols:this.last)}return this.columns}}};const c=["tabindex"],m={key:1,class:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"};!function(t,s){void 0===s&&(s={});var e=s.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}("\n.p-virtualscroller {\n    position: relative;\n    overflow: auto;\n    contain: strict;\n    -webkit-transform: translateZ(0);\n            transform: translateZ(0);\n    will-change: scroll-position;\n    outline: 0 none;\n}\n.p-virtualscroller-content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    contain: content;\n    min-height: 100%;\n    min-width: 100%;\n    will-change: transform;\n}\n.p-virtualscroller-spacer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 1px;\n    width: 1px;\n    -webkit-transform-origin: 0 0;\n            transform-origin: 0 0;\n    pointer-events: none;\n}\n.p-virtualscroller .p-virtualscroller-loader {\n    position: sticky;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-virtualscroller-loader.p-component-overlay {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n"),h.render=function(h,d,u,f,p,w){return u.disabled?(t(),s(n,{key:1},[o(h.$slots,"default"),o(h.$slots,"content",{items:u.items,rows:u.items,columns:w.loadedColumns})],64)):(t(),s("div",{key:0,ref:w.elementRef,class:e(w.containerClass),tabindex:u.tabindex,style:i(u.style),onScroll:d[0]||(d[0]=(...t)=>w.onScroll&&w.onScroll(...t))},[o(h.$slots,"content",{styleClass:w.contentClass,items:w.loadedItems,getItemOptions:w.getOptions,loading:p.d_loading,getLoaderOptions:w.getLoaderOptions,itemSize:u.itemSize,rows:w.loadedRows,columns:w.loadedColumns,contentRef:w.contentRef,spacerStyle:p.spacerStyle,contentStyle:p.contentStyle,vertical:w.isVertical(),horizontal:w.isHorizontal(),both:w.isBoth()},(()=>[l("div",{ref:w.contentRef,class:e(w.contentClass),style:i(p.contentStyle)},[(t(!0),s(n,null,r(w.loadedItems,((t,s)=>o(h.$slots,"item",{key:s,item:t,options:w.getOptions(s)}))),128))],6)])),u.showSpacer?(t(),s("div",{key:0,class:"p-virtualscroller-spacer",style:i(p.spacerStyle)},null,4)):a("",!0),!u.loaderDisabled&&u.showLoader&&p.d_loading?(t(),s("div",{key:1,class:e(w.loaderClass)},[h.$slots&&h.$slots.loader?(t(!0),s(n,{key:0},r(p.loaderArr,((t,s)=>o(h.$slots,"loader",{key:s,options:w.getLoaderOptions(s,w.isBoth()&&{numCols:h.d_numItemsInViewport.cols})}))),128)):(t(),s("i",m))],2)):a("",!0)],46,c))};export{h as default};
+import{openBlock as t,createElementBlock as s,normalizeClass as e,normalizeStyle as i,renderSlot as o,createElementVNode as l,Fragment as n,renderList as r,createCommentVNode as a}from"vue";var h={name:"VirtualScroller",emits:["update:numToleratedItems","scroll","scroll-index-change","lazy-load"],props:{id:{type:String,default:null},style:null,class:null,items:{type:Array,default:null},itemSize:{type:[Number,Array],default:0},scrollHeight:null,scrollWidth:null,orientation:{type:String,default:"vertical"},numToleratedItems:{type:Number,default:null},delay:{type:Number,default:0},lazy:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loaderDisabled:{type:Boolean,default:!1},columns:{type:Array,default:null},loading:{type:Boolean,default:!1},showSpacer:{type:Boolean,default:!0},showLoader:{type:Boolean,default:!1},tabindex:{type:Number,default:0}},data(){return{first:this.isBoth()?{rows:0,cols:0}:0,last:this.isBoth()?{rows:0,cols:0}:0,numItemsInViewport:this.isBoth()?{rows:0,cols:0}:0,lastScrollPos:this.isBoth()?{top:0,left:0}:0,d_numToleratedItems:this.numToleratedItems,d_loading:this.loading,loaderArr:[],spacerStyle:{},contentStyle:{}}},element:null,content:null,lastScrollPos:null,scrollTimeout:null,watch:{numToleratedItems(t){this.d_numToleratedItems=t},loading(t){this.d_loading=t},items(t,s){s&&s.length===(t||[]).length||this.init()},orientation(){this.lastScrollPos=this.isBoth()?{top:0,left:0}:0}},mounted(){this.init(),this.lastScrollPos=this.isBoth()?{top:0,left:0}:0},methods:{init(){this.setSize(),this.calculateOptions(),this.setSpacerSize()},isVertical(){return"vertical"===this.orientation},isHorizontal(){return"horizontal"===this.orientation},isBoth(){return"both"===this.orientation},scrollTo(t){this.element&&this.element.scrollTo(t)},scrollToIndex(t,s="auto"){const e=this.isBoth(),i=this.isHorizontal(),o=this.first,{numToleratedItems:l}=this.calculateNumItems(),n=this.itemSize,r=(t=0,s)=>t<=s?0:t,a=(t,s)=>t*s,h=(t=0,e=0)=>this.scrollTo({left:t,top:e,behavior:s});if(e){const s={rows:r(t[0],l[0]),cols:r(t[1],l[1])};s.rows===o.rows&&s.cols===o.cols||h(a(s.cols,n[1]),a(s.rows,n[0]))}else{const s=r(t,l);s!==o&&(i?h(a(s,n),0):h(0,a(s,n)))}},scrollInView(t,s,e="auto"){if(s){const i=this.isBoth(),o=this.isHorizontal(),{first:l,viewport:n}=this.getRenderedRange(),r=(t=0,s=0)=>this.scrollTo({left:t,top:s,behavior:e}),a="to-end"===s;if("to-start"===s){if(i)n.first.rows-l.rows>t[0]?r(n.first.cols*this.itemSize[1],(n.first.rows-1)*this.itemSize[0]):n.first.cols-l.cols>t[1]&&r((n.first.cols-1)*this.itemSize[1],n.first.rows*this.itemSize[0]);else if(n.first-l>t){const t=(n.first-1)*this.itemSize;o?r(t,0):r(0,t)}}else if(a)if(i)n.last.rows-l.rows<=t[0]+1?r(n.first.cols*this.itemSize[1],(n.first.rows+1)*this.itemSize[0]):n.last.cols-l.cols<=t[1]+1&&r((n.first.cols+1)*this.itemSize[1],n.first.rows*this.itemSize[0]);else if(n.last-l<=t+1){const t=(n.first+1)*this.itemSize;o?r(t,0):r(0,t)}}else this.scrollToIndex(t,e)},getRenderedRange(){const t=(t,s)=>Math.floor(t/(s||t));let s=this.first,e=0;if(this.element){const i=this.isBoth(),o=this.isHorizontal(),l=this.element.scrollTop,n=this.element.scrollLeft;if(i)s={rows:t(l,this.itemSize[0]),cols:t(n,this.itemSize[1])},e={rows:s.rows+this.numItemsInViewport.rows,cols:s.cols+this.numItemsInViewport.cols};else{s=t(o?n:l,this.itemSize),e=s+this.numItemsInViewport}}return{first:this.first,last:this.last,viewport:{first:s,last:e}}},calculateNumItems(){const t=this.isBoth(),s=this.isHorizontal(),e=this.itemSize,i=this.getContentPosition(),o=this.element?this.element.offsetWidth-i.left:0,l=this.element?this.element.offsetHeight-i.top:0,n=(t,s)=>Math.ceil(t/(s||t)),r=t=>Math.ceil(t/2),a=t?{rows:n(l,e[0]),cols:n(o,e[1])}:n(s?o:l,e);return{numItemsInViewport:a,numToleratedItems:this.d_numToleratedItems||(t?[r(a.rows),r(a.cols)]:r(a))}},calculateOptions(){const t=this.isBoth(),s=this.first,{numItemsInViewport:e,numToleratedItems:i}=this.calculateNumItems(),o=(t,s,e,i)=>this.getLast(t+s+(t<e?2:3)*e,i),l=t?{rows:o(s.rows,e.rows,i[0]),cols:o(s.cols,e.cols,i[1],!0)}:o(s,e,i);this.last=l,this.numItemsInViewport=e,this.d_numToleratedItems=i,this.$emit("update:numToleratedItems",this.d_numToleratedItems),this.showLoader&&(this.loaderArr=t?Array.from({length:e.rows}).map((()=>Array.from({length:e.cols}))):Array.from({length:e})),this.lazy&&this.$emit("lazy-load",{first:s,last:l})},getLast(t=0,s){return this.items?Math.min(s?(this.columns||this.items[0]).length:this.items.length,t):0},getContentPosition(){if(this.content){const t=getComputedStyle(this.content),s=parseInt(t.paddingLeft,10)+Math.max(parseInt(t.left,10),0),e=parseInt(t.paddingRight,10)+Math.max(parseInt(t.right,10),0),i=parseInt(t.paddingTop,10)+Math.max(parseInt(t.top,10),0),o=parseInt(t.paddingBottom,10)+Math.max(parseInt(t.bottom,10),0);return{left:s,right:e,top:i,bottom:o,x:s+e,y:i+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},setSize(){if(this.element){const t=this.isBoth(),s=this.isHorizontal(),e=this.element.parentElement,i=this.scrollWidth||`${this.element.offsetWidth||e.offsetWidth}px`,o=this.scrollHeight||`${this.element.offsetHeight||e.offsetHeight}px`,l=(t,s)=>this.element.style[t]=s;t||s?(l("height",o),l("width",i)):l("height",o)}},setSpacerSize(){const t=this.items;if(t){const s=this.isBoth(),e=this.isHorizontal(),i=this.getContentPosition(),o=(t,s,e,i=0)=>this.spacerStyle={...this.spacerStyle,[`${t}`]:(s||[]).length*e+i+"px"};s?(o("height",t,this.itemSize[0],i.y),o("width",this.columns||t[1],this.itemSize[1],i.x)):e?o("width",this.columns||t,this.itemSize,i.x):o("height",t,this.itemSize,i.y)}},setContentPosition(t){if(this.content){const s=this.isBoth(),e=this.isHorizontal(),i=t?t.first:this.first,o=(t,s)=>t*s,l=(t=0,s=0)=>{this.contentStyle={...this.contentStyle,transform:`translate3d(${t}px, ${s}px, 0)`}};if(s)l(o(i.cols,this.itemSize[1]),o(i.rows,this.itemSize[0]));else{const t=o(i,this.itemSize);e?l(t,0):l(0,t)}}},onScrollPositionChange(t){const s=t.target,e=this.isBoth(),i=this.isHorizontal(),o=this.getContentPosition(),l=(t,s)=>t?t>s?t-s:t:0,n=(t,s)=>Math.floor(t/(s||t)),r=(t,s,e,i,o,l)=>t<=o?o:l?e-i-o:s+o-1,a=(t,s,e,i,o,l,n)=>t<=l?0:Math.max(0,n?t<s?e:t-l:t>s?e:t-2*l),h=(t,s,e,i,o,l)=>{let n=s+i+2*o;return t>=o&&(n+=o+1),this.getLast(n,l)},c=l(s.scrollTop,o.top),m=l(s.scrollLeft,o.left);let d=e?{rows:0,cols:0}:0,u=this.last,f=!1,p=this.lastScrollPos;if(e){const t=this.lastScrollPos.top<=c,s=this.lastScrollPos.left<=m,e={rows:n(c,this.itemSize[0]),cols:n(m,this.itemSize[1])},i={rows:r(e.rows,this.first.rows,this.last.rows,this.numItemsInViewport.rows,this.d_numToleratedItems[0],t),cols:r(e.cols,this.first.cols,this.last.cols,this.numItemsInViewport.cols,this.d_numToleratedItems[1],s)};d={rows:a(e.rows,i.rows,this.first.rows,this.last.rows,this.numItemsInViewport.rows,this.d_numToleratedItems[0],t),cols:a(e.cols,i.cols,this.first.cols,this.last.cols,this.numItemsInViewport.cols,this.d_numToleratedItems[1],s)},u={rows:h(e.rows,d.rows,this.last.rows,this.numItemsInViewport.rows,this.d_numToleratedItems[0]),cols:h(e.cols,d.cols,this.last.cols,this.numItemsInViewport.cols,this.d_numToleratedItems[1],!0)},f=d.rows!==this.first.rows||u.rows!==this.last.rows||d.cols!==this.first.cols||u.cols!==this.last.cols,p={top:c,left:m}}else{const t=i?m:c,s=this.lastScrollPos<=t,e=n(t,this.itemSize);d=a(e,r(e,this.first,this.last,this.numItemsInViewport,this.d_numToleratedItems,s),this.first,this.last,this.numItemsInViewport,this.d_numToleratedItems,s),u=h(e,d,this.last,this.numItemsInViewport,this.d_numToleratedItems),f=d!==this.first||u!==this.last,p=t}return{first:d,last:u,isRangeChanged:f,scrollPos:p}},onScrollChange(t){const{first:s,last:e,isRangeChanged:i,scrollPos:o}=this.onScrollPositionChange(t);if(i){const t={first:s,last:e};this.setContentPosition(t),this.first=s,this.last=e,this.lastScrollPos=o,this.$emit("scroll-index-change",t),this.lazy&&this.$emit("lazy-load",t)}},onScroll(t){if(this.$emit("scroll",t),this.delay){if(this.scrollTimeout&&clearTimeout(this.scrollTimeout),!this.d_loading&&this.showLoader){const{isRangeChanged:s}=this.onScrollPositionChange(t);s&&(this.d_loading=!0)}this.scrollTimeout=setTimeout((()=>{this.onScrollChange(t),this.d_loading&&this.showLoader&&!this.lazy&&(this.d_loading=!1)}),this.delay)}else this.onScrollChange(t)},getOptions(t){const s=(this.items||[]).length,e=this.isBoth()?this.first.rows+t:this.first+t;return{index:e,count:s,first:0===e,last:e===s-1,even:e%2==0,odd:e%2!=0}},getLoaderOptions(t,s){let e=this.loaderArr.length;return{index:t,count:e,first:0===t,last:t===e-1,even:t%2==0,odd:t%2!=0,...s}},elementRef(t){this.element=t},contentRef(t){this.content=t}},computed:{containerClass(){return["p-virtualscroller",{"p-both-scroll":this.isBoth(),"p-horizontal-scroll":this.isHorizontal()},this.class]},contentClass(){return["p-virtualscroller-content",{"p-virtualscroller-loading":this.d_loading}]},loaderClass(){return["p-virtualscroller-loader",{"p-component-overlay":!this.$slots.loader}]},loadedItems(){const t=this.items;return t&&!this.d_loading?this.isBoth()?t.slice(this.first.rows,this.last.rows).map((t=>this.columns?t:t.slice(this.first.cols,this.last.cols))):this.isHorizontal()&&this.columns?t:t.slice(this.first,this.last):[]},loadedRows(){return this.d_loading?this.loaderDisabled?this.loaderArr:[]:this.loadedItems},loadedColumns(){if(this.columns){const t=this.isBoth(),s=this.isHorizontal();if(t||s)return this.d_loading&&this.loaderDisabled?t?this.loaderArr[0]:this.loaderArr:this.columns.slice(t?this.first.cols:this.first,t?this.last.cols:this.last)}return this.columns}}};const c=["tabindex"],m={key:1,class:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"};!function(t,s){void 0===s&&(s={});var e=s.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}("\n.p-virtualscroller {\n    position: relative;\n    overflow: auto;\n    contain: strict;\n    -webkit-transform: translateZ(0);\n            transform: translateZ(0);\n    will-change: scroll-position;\n    outline: 0 none;\n}\n.p-virtualscroller-content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    contain: content;\n    min-height: 100%;\n    min-width: 100%;\n    will-change: transform;\n}\n.p-virtualscroller-spacer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 1px;\n    width: 1px;\n    -webkit-transform-origin: 0 0;\n            transform-origin: 0 0;\n    pointer-events: none;\n}\n.p-virtualscroller .p-virtualscroller-loader {\n    position: sticky;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-virtualscroller-loader.p-component-overlay {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n"),h.render=function(h,d,u,f,p,w){return u.disabled?(t(),s(n,{key:1},[o(h.$slots,"default"),o(h.$slots,"content",{items:u.items,rows:u.items,columns:w.loadedColumns})],64)):(t(),s("div",{key:0,ref:w.elementRef,class:e(w.containerClass),tabindex:u.tabindex,style:i(u.style),onScroll:d[0]||(d[0]=(...t)=>w.onScroll&&w.onScroll(...t))},[o(h.$slots,"content",{styleClass:w.contentClass,items:w.loadedItems,getItemOptions:w.getOptions,loading:p.d_loading,getLoaderOptions:w.getLoaderOptions,itemSize:u.itemSize,rows:w.loadedRows,columns:w.loadedColumns,contentRef:w.contentRef,spacerStyle:p.spacerStyle,contentStyle:p.contentStyle,vertical:w.isVertical(),horizontal:w.isHorizontal(),both:w.isBoth()},(()=>[l("div",{ref:w.contentRef,class:e(w.contentClass),style:i(p.contentStyle)},[(t(!0),s(n,null,r(w.loadedItems,((t,s)=>o(h.$slots,"item",{key:s,item:t,options:w.getOptions(s)}))),128))],6)])),u.showSpacer?(t(),s("div",{key:0,class:"p-virtualscroller-spacer",style:i(p.spacerStyle)},null,4)):a("",!0),!u.loaderDisabled&&u.showLoader&&p.d_loading?(t(),s("div",{key:1,class:e(w.loaderClass)},[h.$slots&&h.$slots.loader?(t(!0),s(n,{key:0},r(p.loaderArr,((t,s)=>o(h.$slots,"loader",{key:s,options:w.getLoaderOptions(s,w.isBoth()&&{numCols:h.d_numItemsInViewport.cols})}))),128)):(t(),s("i",m))],2)):a("",!0)],46,c))};export{h as default};