primevue 4.3.2 → 4.3.4

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);
@@ -721,37 +722,42 @@ var script = {
       }
     },
     onResize: function onResize() {
-      var _this10 = this;
+      var _this0 = this;
       if (this.resizeTimeout) {
         clearTimeout(this.resizeTimeout);
       }
       this.resizeTimeout = setTimeout(function () {
-        if (isVisible(_this10.element)) {
-          var both = _this10.isBoth();
-          var vertical = _this10.isVertical();
-          var horizontal = _this10.isHorizontal();
-          var _ref3 = [getWidth(_this10.element), getHeight(_this10.element)],
+        if (isVisible(_this0.element)) {
+          var both = _this0.isBoth();
+          var vertical = _this0.isVertical();
+          var horizontal = _this0.isHorizontal();
+          var _ref3 = [getWidth(_this0.element), getHeight(_this0.element)],
             width = _ref3[0],
             height = _ref3[1];
-          var isDiffWidth = width !== _this10.defaultWidth,
-            isDiffHeight = height !== _this10.defaultHeight;
+          var isDiffWidth = width !== _this0.defaultWidth,
+            isDiffHeight = height !== _this0.defaultHeight;
           var reinit = both ? isDiffWidth || isDiffHeight : horizontal ? isDiffWidth : vertical ? isDiffHeight : false;
           if (reinit) {
-            _this10.d_numToleratedItems = _this10.numToleratedItems;
-            _this10.defaultWidth = width;
-            _this10.defaultHeight = height;
-            _this10.defaultContentWidth = getWidth(_this10.content);
-            _this10.defaultContentHeight = getHeight(_this10.content);
-            _this10.init();
+            _this0.d_numToleratedItems = _this0.numToleratedItems;
+            _this0.defaultWidth = width;
+            _this0.defaultHeight = height;
+            _this0.defaultContentWidth = getWidth(_this0.content);
+            _this0.defaultContentHeight = getHeight(_this0.content);
+            _this0.init();
           }
         }
       }, this.resizeDelay);
     },
     bindResizeListener: function bindResizeListener() {
+      var _this1 = 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 () {
+          _this1.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 _this10 = 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 _this10.columns ? item : item.slice(_this10.appendOnly ? 0 : _this10.first.cols, _this10.last.cols);
         });else if (this.isHorizontal() && this.columns) return this.items;else return this.items.slice(this.appendOnly ? 0 : this.first, this.last);
       }
       return [];