primevue 4.2.5 → 4.3.0

package/utils/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ *
+ * Utils module
+ *
+ * @module utils
+ *
+ */
+export declare function blockBodyScroll(): void;
+export declare function unblockBodyScroll(): void;

package/utils/index.mjs

@@ -0,0 +1,16 @@
+import { $dt } from '@primeuix/styled';
+import * as utils from '@primeuix/utils';
+
+function blockBodyScroll() {
+  utils.blockBodyScroll({
+    variableName: $dt('scrollbar.width').name
+  });
+}
+function unblockBodyScroll() {
+  utils.unblockBodyScroll({
+    variableName: $dt('scrollbar.width').name
+  });
+}
+
+export { blockBodyScroll, unblockBodyScroll };
+//# sourceMappingURL=index.mjs.map

package/utils/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/utils/Utils.js"],"sourcesContent":["import { $dt } from '@primeuix/styled';\nimport * as utils from '@primeuix/utils';\n\nexport function blockBodyScroll() {\n    utils.blockBodyScroll({ variableName: $dt('scrollbar.width').name });\n}\n\nexport function unblockBodyScroll() {\n    utils.unblockBodyScroll({ variableName: $dt('scrollbar.width').name });\n}\n"],"names":["blockBodyScroll","utils","variableName","$dt","name","unblockBodyScroll"],"mappings":";;;AAGO,SAASA,eAAeA,GAAG;EAC9BC,KAAK,CAACD,eAAe,CAAC;AAAEE,IAAAA,YAAY,EAAEC,GAAG,CAAC,iBAAiB,CAAC,CAACC;AAAK,GAAC,CAAC;AACxE;AAEO,SAASC,iBAAiBA,GAAG;EAChCJ,KAAK,CAACI,iBAAiB,CAAC;AAAEH,IAAAA,YAAY,EAAEC,GAAG,CAAC,iBAAiB,CAAC,CAACC;AAAK,GAAC,CAAC;AAC1E;;;;"}

package/utils/package.json

@@ -0,0 +1,5 @@
+{
+    "main": "./index.mjs",
+    "module": "./index.mjs",
+    "types": "./index.d.ts"
+}

package/virtualscroller/VirtualScroller.vue

@@ -91,11 +91,14 @@ export default {
                 this.d_loading = newValue;
             }
         },
-        items(newValue, oldValue) {
-            if (!oldValue || oldValue.length !== (newValue || []).length) {
-                this.init();
-                this.calculateAutoSize();
-            }
+        items: {
+            handler(newValue, oldValue) {
+                if (!oldValue || oldValue.length !== (newValue || []).length) {
+                    this.init();
+                    this.calculateAutoSize();
+                }
+            },
+            deep: true
         },
         itemSize() {
             this.init();
@@ -312,7 +315,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 || 0)
+                        last: Math.min(this.step ? this.step : last, this.items?.length - 1 || 0)
                     };
 
                     this.$emit('lazy-load', this.lazyLoadState);
@@ -427,9 +430,12 @@ export default {
                 return _currentIndex <= _numT ? _numT : _isScrollDownOrRight ? _last - _num - _numT : _first + _numT - 1;
             };
 
-            const calculateFirst = (_currentIndex, _triggerIndex, _first, _last, _num, _numT, _isScrollDownOrRight) => {
+            const calculateFirst = (_currentIndex, _triggerIndex, _first, _last, _num, _numT, _isScrollDownOrRight, _isCols) => {
                 if (_currentIndex <= _numT) return 0;
-                else return Math.max(0, _isScrollDownOrRight ? (_currentIndex < _triggerIndex ? _first : _currentIndex - _numT) : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
+                const firstValue = Math.max(0, _isScrollDownOrRight ? (_currentIndex < _triggerIndex ? _first : _currentIndex - _numT) : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
+                const maxFirst = this.getLast(firstValue, _isCols);
+                if (firstValue > maxFirst) return maxFirst - _num;
+                else return firstValue;
             };
 
             const calculateLast = (_currentIndex, _first, _last, _num, _numT, _isCols) => {
@@ -463,7 +469,7 @@ export default {
 
                     newFirst = {
                         rows: calculateFirst(currentIndex.rows, triggerIndex.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], isScrollDown),
-                        cols: calculateFirst(currentIndex.cols, triggerIndex.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], isScrollRight)
+                        cols: calculateFirst(currentIndex.cols, triggerIndex.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], isScrollRight, true)
                     };
                     newLast = {
                         rows: calculateLast(currentIndex.rows, newFirst.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0]),
@@ -512,7 +518,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 || 0)
+                        last: Math.min(this.step ? (this.getPageByFirst(first) + 1) * this.step : last, this.items?.length - 1 || 0)
                     };
                     const isLazyStateChanged = this.lazyLoadState.first !== lazyLoadState.first || this.lazyLoadState.last !== lazyLoadState.last;
 

package/virtualscroller/index.mjs

@@ -1,8 +1,8 @@
-import { isVisible, getWidth, getHeight, findSingle } from '@primeuix/utils/dom';
+import { findSingle, isVisible, getWidth, getHeight } from '@primeuix/utils/dom';
 import SpinnerIcon from '@primevue/icons/spinner';
 import BaseComponent from '@primevue/core/basecomponent';
 import VirtualScrollerStyle from 'primevue/virtualscroller/style';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createElementVNode, Fragment, renderList, createCommentVNode, createVNode } from 'vue';
+import { resolveComponent, createElementBlock, openBlock, mergeProps, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createVNode } from 'vue';
 
 var script$1 = {
   name: 'BaseVirtualScroller',
@@ -106,10 +106,10 @@ var script$1 = {
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'VirtualScroller',
   "extends": script$1,
@@ -167,11 +167,14 @@ var script = {
         this.d_loading = newValue;
       }
     },
-    items: function items(newValue, oldValue) {
-      if (!oldValue || oldValue.length !== (newValue || []).length) {
-        this.init();
-        this.calculateAutoSize();
-      }
+    items: {
+      handler: function handler(newValue, oldValue) {
+        if (!oldValue || oldValue.length !== (newValue || []).length) {
+          this.init();
+          this.calculateAutoSize();
+        }
+      },
+      deep: true
     },
     itemSize: function itemSize() {
       this.init();
@@ -454,7 +457,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) || 0)
+            last: Math.min(_this3.step ? _this3.step : last, ((_this3$items = _this3.items) === null || _this3$items === void 0 ? void 0 : _this3$items.length) - 1 || 0)
           };
           _this3.$emit('lazy-load', _this3.lazyLoadState);
         });
@@ -596,8 +599,11 @@ var script = {
       var calculateTriggerIndex = function calculateTriggerIndex(_currentIndex, _first, _last, _num, _numT, _isScrollDownOrRight) {
         return _currentIndex <= _numT ? _numT : _isScrollDownOrRight ? _last - _num - _numT : _first + _numT - 1;
       };
-      var calculateFirst = function 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);
+      var calculateFirst = function calculateFirst(_currentIndex, _triggerIndex, _first, _last, _num, _numT, _isScrollDownOrRight, _isCols) {
+        if (_currentIndex <= _numT) return 0;
+        var firstValue = Math.max(0, _isScrollDownOrRight ? _currentIndex < _triggerIndex ? _first : _currentIndex - _numT : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
+        var maxFirst = _this8.getLast(firstValue, _isCols);
+        if (firstValue > maxFirst) return maxFirst - _num;else return firstValue;
       };
       var calculateLast = function calculateLast(_currentIndex, _first, _last, _num, _numT, _isCols) {
         var lastValue = _first + _num + 2 * _numT;
@@ -629,7 +635,7 @@ var script = {
           };
           newFirst = {
             rows: calculateFirst(currentIndex.rows, triggerIndex.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], isScrollDown),
-            cols: calculateFirst(currentIndex.cols, triggerIndex.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], isScrollRight)
+            cols: calculateFirst(currentIndex.cols, triggerIndex.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], isScrollRight, true)
           };
           newLast = {
             rows: calculateLast(currentIndex.rows, newFirst.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0]),
@@ -680,7 +686,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) || 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) - 1 || 0)
           };
           var isLazyStateChanged = this.lazyLoadState.first !== lazyLoadState.first || this.lazyLoadState.last !== lazyLoadState.last;
           isLazyStateChanged && this.$emit('lazy-load', lazyLoadState);