primevue 3.47.2 → 3.48.0

package/vetur-attributes.json

@@ -135,6 +135,14 @@
     "description": "When present, it specifies that the component should be disabled.",
     "type": "boolean"
   },
+  "autocomplete/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "autocomplete/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "autocomplete/dataKey": {
     "description": "A property to uniquely identify an option.",
     "type": "string"
@@ -316,7 +324,7 @@
     "type": "string | number"
   },
   "badge/severity": {
-    "description": "Severity type of the badge.",
+    "description": "Severity type of the badge. Valid severities are \"secondary\", \"success\", \"info\", \"warning\", \"danger\" and \"contrast\".",
     "type": "string"
   },
   "badge/size": {
@@ -408,7 +416,7 @@
     "type": "boolean"
   },
   "button/severity": {
-    "description": "Defines the style of the button, valid values are \"secondary\", \"success\", \"info\", \"warning\", \"help\", \"danger\".",
+    "description": "Defines the style of the button, valid values are \"secondary\", \"success\", \"info\", \"warning\", \"help\", \"danger\", \"contrast\".",
     "type": "string"
   },
   "button/raised": {
@@ -615,6 +623,14 @@
     "description": "When present, it specifies that the element should be disabled.",
     "type": "boolean"
   },
+  "calendar/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "calendar/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "calendar/readonly": {
     "description": "When present, it specifies that an input field is read-only.",
     "type": "boolean"
@@ -767,6 +783,14 @@
     "description": "When present, it specifies that the component should be disabled.",
     "type": "boolean"
   },
+  "cascadeselect/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "cascadeselect/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "cascadeselect/dataKey": {
     "description": "A property to uniquely identify an option.",
     "type": "string"
@@ -911,6 +935,14 @@
     "description": "When present, it specifies that the element should be disabled.",
     "type": "boolean"
   },
+  "checkbox/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "checkbox/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "checkbox/readonly": {
     "description": "When present, it specifies that an input field is read-only.",
     "type": "boolean"
@@ -1015,6 +1047,14 @@
     "description": "When present, it specifies that the element should be disabled.",
     "type": "boolean"
   },
+  "chips/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "chips/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "chips/placeholder": {
     "description": "Placeholder text for the input.",
     "type": "string"
@@ -1907,6 +1947,14 @@
     "description": "When present, it specifies that the component should be disabled.",
     "type": "boolean"
   },
+  "dropdown/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "dropdown/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "dropdown/dataKey": {
     "description": "A property to uniquely identify an option.",
     "type": "string"
@@ -2316,7 +2364,7 @@
     "type": "boolean"
   },
   "inlinemessage/severity": {
-    "description": "Severity level of the message. Valid severities are \"success\", \"info\", \"warn\" and \"error\".",
+    "description": "Severity level of the message. Valid severities are \"success\", \"info\", \"warn\", \"error\", \"secondary\" and \"contrast\".",
     "type": "string"
   },
   "inlinemessage/icon": {
@@ -2371,6 +2419,14 @@
     "description": "Defines if model sets the raw unmasked value to bound value or the formatted mask value.",
     "type": "boolean"
   },
+  "inputmask/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "inputmask/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "inputmask/pt": {
     "description": "Used to pass attributes to DOM elements inside the component.",
     "type": "any"
@@ -2475,6 +2531,14 @@
     "description": "Placeholder text for the input.",
     "type": "string"
   },
+  "inputnumber/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "inputnumber/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "inputnumber/inputId": {
     "description": "Identifier of the underlying input element.",
     "type": "string"
@@ -2551,6 +2615,14 @@
     "description": "Defines the size of the component, valid values are \"small\" and \"large\".",
     "type": "string"
   },
+  "inputtext/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "inputtext/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "inputtext/pt": {
     "description": "Used to pass attributes to DOM elements inside the component.",
     "type": "any"
@@ -2667,6 +2739,10 @@
     "description": "When specified, disables the component.",
     "type": "boolean"
   },
+  "listbox/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
   "listbox/dataKey": {
     "description": "A property to uniquely identify an option.",
     "type": "string"
@@ -2812,7 +2888,7 @@
     "type": "boolean"
   },
   "message/severity": {
-    "description": "Severity level of the message. Valid severities are \"success\", \"info\", \"warn\" and \"error\".",
+    "description": "Severity level of the message. Valid severities are \"success\", \"info\", \"warn\", \"error\", \"secondary\" and \"contrast\".",
     "type": "string"
   },
   "message/closable": {
@@ -2883,6 +2959,14 @@
     "description": "When present, it specifies that the component should be disabled.",
     "type": "boolean"
   },
+  "multiselect/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "multiselect/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "multiselect/inputId": {
     "description": "Identifier of the underlying input element.",
     "type": "string"
@@ -3303,6 +3387,14 @@
     "description": "Placeholder text for the input.",
     "type": "string"
   },
+  "password/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "password/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "password/required": {
     "description": "When present, it specifies that an input field must be filled out before submitting the form.",
     "type": "boolean"
@@ -3459,6 +3551,14 @@
     "description": "When present, it specifies that the element should be disabled.",
     "type": "boolean"
   },
+  "radiobutton/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "radiobutton/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "radiobutton/inputId": {
     "description": "Identifier of the underlying input element.",
     "type": "string"
@@ -3603,6 +3703,10 @@
     "description": "When present, it specifies that the element should be disabled.",
     "type": "boolean"
   },
+  "selectbutton/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
   "selectbutton/dataKey": {
     "description": "A property to uniquely identify an option.",
     "type": "string"
@@ -3876,7 +3980,7 @@
     "type": "string"
   },
   "splitbutton/severity": {
-    "description": "Defines the style of the button, valid values are \"secondary\", \"success\", \"info\", \"warning\", \"help\", \"danger\".",
+    "description": "Defines the style of the button, valid values are \"secondary\", \"success\", \"info\", \"warning\", \"help\", \"danger\", \"contrast\".",
     "type": "string"
   },
   "splitbutton/raised": {
@@ -4080,7 +4184,7 @@
     "type": "any"
   },
   "tag/severity": {
-    "description": "Severity type of the tag. Valid severities are \"success\", \"info\", \"warning\" and \"danger\".",
+    "description": "Severity type of the tag. Valid severities are \"secondary\", \"success\", \"info\", \"warning\", \"danger\" and \"contrast\".",
     "type": "string"
   },
   "tag/rounded": {
@@ -4123,6 +4227,14 @@
     "description": "When present, height of textarea changes as being typed.",
     "type": "boolean"
   },
+  "textarea/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "textarea/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "textarea/pt": {
     "description": "Used to pass attributes to DOM elements inside the component.",
     "type": "any"
@@ -4243,6 +4355,10 @@
     "description": "When present, it specifies that the element should be disabled.",
     "type": "boolean"
   },
+  "togglebutton/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
   "togglebutton/inputId": {
     "description": "Identifier of the focus input to match a label defined for the chips.",
     "type": "string"
@@ -4363,6 +4479,14 @@
     "description": "When present, it specifies that the component should be disabled.",
     "type": "boolean"
   },
+  "treeselect/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "treeselect/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "treeselect/tabindex": {
     "description": "Index of the element in tabbing order.",
     "type": "string"
@@ -4591,6 +4715,14 @@
     "description": "When present, it specifies that the component should be disabled.",
     "type": "boolean"
   },
+  "tristatecheckbox/invalid": {
+    "description": "When present, it specifies that the component should have invalid state style.",
+    "type": "boolean"
+  },
+  "tristatecheckbox/variant": {
+    "description": "Specifies the input variant of the component.",
+    "type": "string"
+  },
   "tristatecheckbox/tabindex": {
     "description": "Index of the element in tabbing order.",
     "type": "string"

package/vetur-tags.json

@@ -46,6 +46,8 @@
       "placeholder",
       "loading",
       "disabled",
+      "invalid",
+      "variant",
       "dataKey",
       "minLength",
       "delay",
@@ -201,6 +203,8 @@
       "manualInput",
       "appendTo",
       "disabled",
+      "invalid",
+      "variant",
       "readonly",
       "placeholder",
       "id",
@@ -255,6 +259,8 @@
       "optionGroupChildren",
       "placeholder",
       "disabled",
+      "invalid",
+      "variant",
       "dataKey",
       "inputStyle",
       "inputClass",
@@ -301,6 +307,8 @@
       "modelValue",
       "binary",
       "disabled",
+      "invalid",
+      "variant",
       "readonly",
       "required",
       "tabindex",
@@ -337,6 +345,8 @@
       "addOnBlur",
       "allowDuplicate",
       "disabled",
+      "invalid",
+      "variant",
       "placeholder",
       "inputId",
       "inputClass",
@@ -630,6 +640,8 @@
       "editable",
       "placeholder",
       "disabled",
+      "invalid",
+      "variant",
       "dataKey",
       "showClear",
       "inputId",
@@ -786,6 +798,8 @@
       "slotChar",
       "autoClear",
       "unmask",
+      "invalid",
+      "variant",
       "pt",
       "unstyled"
     ]
@@ -817,6 +831,8 @@
       "allowEmpty",
       "readonly",
       "placeholder",
+      "invalid",
+      "variant",
       "inputId",
       "inputStyle",
       "inputClass",
@@ -846,6 +862,8 @@
     "attributes": [
       "modelValue",
       "size",
+      "invalid",
+      "variant",
       "pt",
       "unstyled"
     ]
@@ -885,6 +903,7 @@
       "optionGroupChildren",
       "listStyle",
       "disabled",
+      "invalid",
       "dataKey",
       "multiple",
       "metaKeySelection",
@@ -964,6 +983,8 @@
       "scrollHeight",
       "placeholder",
       "disabled",
+      "invalid",
+      "variant",
       "inputId",
       "inputProps",
       "panelStyle",
@@ -1104,6 +1125,8 @@
       "hideIcon",
       "showIcon",
       "placeholder",
+      "invalid",
+      "variant",
       "required",
       "inputId",
       "inputStyle",
@@ -1169,6 +1192,8 @@
       "modelValue",
       "name",
       "disabled",
+      "invalid",
+      "variant",
       "inputId",
       "inputClass",
       "inputStyle",
@@ -1230,6 +1255,7 @@
       "optionDisabled",
       "multiple",
       "disabled",
+      "invalid",
       "dataKey",
       "unselectable",
       "allowEmpty",
@@ -1430,6 +1456,8 @@
     "attributes": [
       "modelValue",
       "autoResize",
+      "invalid",
+      "variant",
       "pt",
       "unstyled"
     ]
@@ -1480,6 +1508,7 @@
       "iconPos",
       "tabindex",
       "disabled",
+      "invalid",
       "inputId",
       "inputClass",
       "inputStyle",
@@ -1525,6 +1554,8 @@
       "scrollHeight",
       "placeholder",
       "disabled",
+      "invalid",
+      "variant",
       "tabindex",
       "inputId",
       "inputStyle",
@@ -1592,6 +1623,8 @@
     "attributes": [
       "modelValue",
       "disabled",
+      "invalid",
+      "variant",
       "tabindex",
       "inputId",
       "inputProps",

package/virtualscroller/VirtualScroller.vue

@@ -1,6 +1,6 @@
 <template>
     <template v-if="!disabled">
-        <div :ref="elementRef" :class="containerClass" :tabindex="tabindex" :style="style" @scroll="onScroll" v-bind="ptm('root')" data-pc-name="virtualscroller">
+        <div :ref="elementRef" :class="containerClass" :tabindex="tabindex" :style="style" @scroll="onScroll" v-bind="ptm('root')">
             <slot
                 name="content"
                 :styleClass="contentClass"
@@ -129,6 +129,7 @@ export default {
             if (DomHandler.isVisible(this.element)) {
                 this.setContentEl(this.content);
                 this.init();
+                this.calculateAutoSize();
                 this.bindResizeListener();
 
                 this.defaultWidth = DomHandler.getWidth(this.element);
@@ -304,7 +305,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)
+                        last: Math.min(this.step ? this.step : last, this.items?.length || 0)
                     };
 
                     this.$emit('lazy-load', this.lazyLoadState);
@@ -323,10 +324,10 @@ export default {
                         this.content.style.position = 'relative';
                         this.element.style.contain = 'none';
 
-                        const [contentWidth, contentHeight] = [DomHandler.getWidth(this.content), DomHandler.getHeight(this.content)];
+                        /*const [contentWidth, contentHeight] = [DomHandler.getWidth(this.content), DomHandler.getHeight(this.content)];
 
                         contentWidth !== this.defaultContentWidth && (this.element.style.width = '');
-                        contentHeight !== this.defaultContentHeight && (this.element.style.height = '');
+                        contentHeight !== this.defaultContentHeight && (this.element.style.height = '');*/
 
                         const [width, height] = [DomHandler.getWidth(this.element), DomHandler.getHeight(this.element)];
 
@@ -341,7 +342,7 @@ export default {
             }
         },
         getLast(last = 0, isCols) {
-            return this.items ? Math.min(isCols ? (this.columns || this.items[0]).length : this.items.length, last) : 0;
+            return this.items ? Math.min(isCols ? (this.columns || this.items[0])?.length || 0 : this.items?.length || 0, last) : 0;
         },
         getContentPosition() {
             if (this.content) {
@@ -503,8 +504,8 @@ export default {
 
                 if (this.lazy && this.isPageChanged(first)) {
                     const lazyLoadState = {
-                        first: this.step ? Math.min(this.getPageByFirst(first) * this.step, this.items.length - this.step) : first,
-                        last: Math.min(this.step ? (this.getPageByFirst(first) + 1) * this.step : last, this.items.length)
+                        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)
                     };
                     const isLazyStateChanged = this.lazyLoadState.first !== lazyLoadState.first || this.lazyLoadState.last !== lazyLoadState.last;
 

package/virtualscroller/virtualscroller.cjs.js

@@ -217,6 +217,7 @@ var script = {
       if (utils.DomHandler.isVisible(this.element)) {
         this.setContentEl(this.content);
         this.init();
+        this.calculateAutoSize();
         this.bindResizeListener();
         this.defaultWidth = utils.DomHandler.getWidth(this.element);
         this.defaultHeight = utils.DomHandler.getHeight(this.element);
@@ -447,12 +448,13 @@ var script = {
       }
       if (this.lazy) {
         Promise.resolve().then(function () {
+          var _this3$items;
           _this3.lazyLoadState = {
             first: _this3.step ? both ? {
               rows: 0,
               cols: first.cols
             } : 0 : first,
-            last: Math.min(_this3.step ? _this3.step : last, _this3.items.length)
+            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);
         });
@@ -469,14 +471,14 @@ var script = {
             _this4.content.style.minHeight = _this4.content.style.minWidth = 'auto';
             _this4.content.style.position = 'relative';
             _this4.element.style.contain = 'none';
-            var _ref = [utils.DomHandler.getWidth(_this4.content), utils.DomHandler.getHeight(_this4.content)],
-              contentWidth = _ref[0],
-              contentHeight = _ref[1];
-            contentWidth !== _this4.defaultContentWidth && (_this4.element.style.width = '');
-            contentHeight !== _this4.defaultContentHeight && (_this4.element.style.height = '');
-            var _ref2 = [utils.DomHandler.getWidth(_this4.element), utils.DomHandler.getHeight(_this4.element)],
-              width = _ref2[0],
-              height = _ref2[1];
+
+            /*const [contentWidth, contentHeight] = [DomHandler.getWidth(this.content), DomHandler.getHeight(this.content)];
+             contentWidth !== this.defaultContentWidth && (this.element.style.width = '');
+            contentHeight !== this.defaultContentHeight && (this.element.style.height = '');*/
+
+            var _ref = [utils.DomHandler.getWidth(_this4.element), utils.DomHandler.getHeight(_this4.element)],
+              width = _ref[0],
+              height = _ref[1];
             (both || horizontal) && (_this4.element.style.width = width < _this4.defaultWidth ? width + 'px' : _this4.scrollWidth || _this4.defaultWidth + 'px');
             (both || vertical) && (_this4.element.style.height = height < _this4.defaultHeight ? height + 'px' : _this4.scrollHeight || _this4.defaultHeight + 'px');
             _this4.content.style.minHeight = _this4.content.style.minWidth = '';
@@ -487,9 +489,10 @@ var script = {
       }
     },
     getLast: function getLast() {
+      var _ref2, _this$items;
       var last = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       var isCols = arguments.length > 1 ? arguments[1] : undefined;
-      return this.items ? Math.min(isCols ? (this.columns || this.items[0]).length : this.items.length, last) : 0;
+      return this.items ? Math.min(isCols ? ((_ref2 = this.columns || this.items[0]) === null || _ref2 === void 0 ? void 0 : _ref2.length) || 0 : ((_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.length) || 0, last) : 0;
     },
     getContentPosition: function getContentPosition() {
       if (this.content) {
@@ -674,9 +677,10 @@ var script = {
         this.lastScrollPos = scrollPos;
         this.$emit('scroll-index-change', newState);
         if (this.lazy && this.isPageChanged(first)) {
+          var _this$items2, _this$items3;
           var lazyLoadState = {
-            first: this.step ? Math.min(this.getPageByFirst(first) * this.step, this.items.length - this.step) : first,
-            last: Math.min(this.step ? (this.getPageByFirst(first) + 1) * this.step : last, this.items.length)
+            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)
           };
           var isLazyStateChanged = this.lazyLoadState.first !== lazyLoadState.first || this.lazyLoadState.last !== lazyLoadState.last;
           isLazyStateChanged && this.$emit('lazy-load', lazyLoadState);
@@ -848,9 +852,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onScroll: _cache[0] || (_cache[0] = function () {
       return $options.onScroll && $options.onScroll.apply($options, arguments);
     })
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "virtualscroller"
-  }), [vue.renderSlot(_ctx.$slots, "content", {
+  }, _ctx.ptm('root')), [vue.renderSlot(_ctx.$slots, "content", {
     styleClass: $options.contentClass,
     items: $options.loadedItems,
     getItemOptions: $options.getOptions,