primevue 4.3.2 → 4.3.3

package/virtualscroller/VirtualScroller.vue

@@ -81,6 +81,7 @@ export default {
     isRangeChanged: false,
     lazyLoadState: {},
     resizeListener: null,
+    resizeObserver: null,
     initialized: false,
     watch: {
         numToleratedItems(newValue) {
@@ -315,7 +316,7 @@ export default {
                 Promise.resolve().then(() => {
                     this.lazyLoadState = {
                         first: this.step ? (both ? { rows: 0, cols: first.cols } : 0) : first,
-                        last: Math.min(this.step ? this.step : last, this.items?.length - 1 || 0)
+                        last: Math.min(this.step ? this.step : last, this.items?.length || 0)
                     };
 
                     this.$emit('lazy-load', this.lazyLoadState);
@@ -518,7 +519,7 @@ export default {
                 if (this.lazy && this.isPageChanged(first)) {
                     const lazyLoadState = {
                         first: this.step ? Math.min(this.getPageByFirst(first) * this.step, (this.items?.length || 0) - this.step) : first,
-                        last: Math.min(this.step ? (this.getPageByFirst(first) + 1) * this.step : last, this.items?.length - 1 || 0)
+                        last: Math.min(this.step ? (this.getPageByFirst(first) + 1) * this.step : last, this.items?.length || 0)
                     };
                     const isLazyStateChanged = this.lazyLoadState.first !== lazyLoadState.first || this.lazyLoadState.last !== lazyLoadState.last;
 
@@ -588,6 +589,11 @@ export default {
 
                 window.addEventListener('resize', this.resizeListener);
                 window.addEventListener('orientationchange', this.resizeListener);
+
+                this.resizeObserver = new ResizeObserver(() => {
+                    this.onResize();
+                });
+                this.resizeObserver.observe(this.element);
             }
         },
         unbindResizeListener() {
@@ -596,6 +602,11 @@ export default {
                 window.removeEventListener('orientationchange', this.resizeListener);
                 this.resizeListener = null;
             }
+
+            if (this.resizeObserver) {
+                this.resizeObserver.disconnect();
+                this.resizeObserver = null;
+            }
         },
         getOptions(renderedIndex) {
             const count = (this.items || []).length;

package/virtualscroller/index.mjs

@@ -157,6 +157,7 @@ var script = {
   isRangeChanged: false,
   lazyLoadState: {},
   resizeListener: null,
+  resizeObserver: null,
   initialized: false,
   watch: {
     numToleratedItems: function numToleratedItems(newValue) {
@@ -457,7 +458,7 @@ var script = {
               rows: 0,
               cols: first.cols
             } : 0 : first,
-            last: Math.min(_this3.step ? _this3.step : last, ((_this3$items = _this3.items) === null || _this3$items === void 0 ? void 0 : _this3$items.length) - 1 || 0)
+            last: Math.min(_this3.step ? _this3.step : last, ((_this3$items = _this3.items) === null || _this3$items === void 0 ? void 0 : _this3$items.length) || 0)
           };
           _this3.$emit('lazy-load', _this3.lazyLoadState);
         });
@@ -686,7 +687,7 @@ var script = {
           var _this$items2, _this$items3;
           var lazyLoadState = {
             first: this.step ? Math.min(this.getPageByFirst(first) * this.step, (((_this$items2 = this.items) === null || _this$items2 === void 0 ? void 0 : _this$items2.length) || 0) - this.step) : first,
-            last: Math.min(this.step ? (this.getPageByFirst(first) + 1) * this.step : last, ((_this$items3 = this.items) === null || _this$items3 === void 0 ? void 0 : _this$items3.length) - 1 || 0)
+            last: Math.min(this.step ? (this.getPageByFirst(first) + 1) * this.step : last, ((_this$items3 = this.items) === null || _this$items3 === void 0 ? void 0 : _this$items3.length) || 0)
           };
           var isLazyStateChanged = this.lazyLoadState.first !== lazyLoadState.first || this.lazyLoadState.last !== lazyLoadState.last;
           isLazyStateChanged && this.$emit('lazy-load', lazyLoadState);
@@ -748,10 +749,15 @@ var script = {
       }, this.resizeDelay);
     },
     bindResizeListener: function bindResizeListener() {
+      var _this11 = this;
       if (!this.resizeListener) {
         this.resizeListener = this.onResize.bind(this);
         window.addEventListener('resize', this.resizeListener);
         window.addEventListener('orientationchange', this.resizeListener);
+        this.resizeObserver = new ResizeObserver(function () {
+          _this11.onResize();
+        });
+        this.resizeObserver.observe(this.element);
       }
     },
     unbindResizeListener: function unbindResizeListener() {
@@ -760,6 +766,10 @@ var script = {
         window.removeEventListener('orientationchange', this.resizeListener);
         this.resizeListener = null;
       }
+      if (this.resizeObserver) {
+        this.resizeObserver.disconnect();
+        this.resizeObserver = null;
+      }
     },
     getOptions: function getOptions(renderedIndex) {
       var count = (this.items || []).length;
@@ -819,10 +829,10 @@ var script = {
       }];
     },
     loadedItems: function loadedItems() {
-      var _this11 = this;
+      var _this12 = this;
       if (this.items && !this.d_loading) {
         if (this.isBoth()) return this.items.slice(this.appendOnly ? 0 : this.first.rows, this.last.rows).map(function (item) {
-          return _this11.columns ? item : item.slice(_this11.appendOnly ? 0 : _this11.first.cols, _this11.last.cols);
+          return _this12.columns ? item : item.slice(_this12.appendOnly ? 0 : _this12.first.cols, _this12.last.cols);
         });else if (this.isHorizontal() && this.columns) return this.items;else return this.items.slice(this.appendOnly ? 0 : this.first, this.last);
       }
       return [];