primevue 3.44.0 → 3.46.0

package/core/core.js

@@ -2,16 +2,16 @@ this.primevue = this.primevue || {};
 this.primevue.utils = (function (exports) {
     'use strict';
 
-    function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-    function _toConsumableArray$2(arr) { return _arrayWithoutHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread$2(); }
-    function _nonIterableSpread$2() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-    function _iterableToArray$2(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-    function _arrayWithoutHoles$2(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$2(arr); }
-    function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "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$2(o); }
-    function _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$1(); }
+    function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$3(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+    function _toConsumableArray$3(arr) { return _arrayWithoutHoles$3(arr) || _iterableToArray$3(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$3(); }
+    function _nonIterableSpread$3() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+    function _iterableToArray$3(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+    function _arrayWithoutHoles$3(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$3(arr); }
+    function _typeof$3(o) { "@babel/helpers - typeof"; return _typeof$3 = "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$3(o); }
+    function _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$3(arr, i) || _nonIterableRest$1(); }
     function _nonIterableRest$1() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-    function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
-    function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+    function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen); }
+    function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
     function _iterableToArrayLimit$1(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
     function _arrayWithHoles$1(arr) { if (Array.isArray(arr)) return arr; }
     var DomHandler = {
@@ -101,7 +101,8 @@ this.primevue.utils = (function (exports) {
       },
       index: function index(element) {
         if (element) {
-          var children = element.parentNode.childNodes;
+          var _this$getParentNode;
+          var children = (_this$getParentNode = this.getParentNode(element)) === null || _this$getParentNode === void 0 ? void 0 : _this$getParentNode.childNodes;
           var num = 0;
           for (var i = 0; i < children.length; i++) {
             if (children[i] === element) return num;
@@ -192,7 +193,7 @@ this.primevue.utils = (function (exports) {
             var styles = element !== null && element !== void 0 && (_element$$attrs = element.$attrs) !== null && _element$$attrs !== void 0 && _element$$attrs[rule] ? [element === null || element === void 0 || (_element$$attrs2 = element.$attrs) === null || _element$$attrs2 === void 0 ? void 0 : _element$$attrs2[rule]] : [];
             return [value].flat().reduce(function (cv, v) {
               if (v !== null && v !== undefined) {
-                var type = _typeof$2(v);
+                var type = _typeof$3(v);
                 if (type === 'string' || type === 'number') {
                   cv.push(v);
                 } else if (type === 'object') {
@@ -221,7 +222,7 @@ this.primevue.utils = (function (exports) {
               } else if (key === 'p-bind') {
                 _this3.setAttributes(element, value);
               } else {
-                value = key === 'class' ? _toConsumableArray$2(new Set(computedStyles('class', value))).join(' ').trim() : key === 'style' ? computedStyles('style', value).join(';').trim() : value;
+                value = key === 'class' ? _toConsumableArray$3(new Set(computedStyles('class', value))).join(' ').trim() : key === 'style' ? computedStyles('style', value).join(';').trim() : value;
                 (element.$attrs = element.$attrs || {}) && (element.$attrs[key] = value);
                 element.setAttribute(key, value);
               }
@@ -356,9 +357,17 @@ this.primevue.utils = (function (exports) {
           element.style.left = left;
         }
       },
+      getParentNode: function getParentNode(element) {
+        var parent = element === null || element === void 0 ? void 0 : element.parentNode;
+        if (parent && parent.host) {
+          parent = parent.host;
+        }
+        return parent;
+      },
       getParents: function getParents(element) {
         var parents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-        return element['parentNode'] === null ? parents : this.getParents(element.parentNode, parents.concat([element.parentNode]));
+        var parent = this.getParentNode(element);
+        return parent === null ? parents : this.getParents(parent, parents.concat([parent]));
       },
       getScrollableParents: function getScrollableParents(element) {
         var scrollableParents = [];
@@ -483,7 +492,7 @@ this.primevue.utils = (function (exports) {
         if (this.isElement(target)) target.appendChild(element);else if (target.el && target.elElement) target.elElement.appendChild(element);else throw new Error('Cannot append ' + target + ' to ' + element);
       },
       isElement: function isElement(obj) {
-        return (typeof HTMLElement === "undefined" ? "undefined" : _typeof$2(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof$2(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
+        return (typeof HTMLElement === "undefined" ? "undefined" : _typeof$3(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof$3(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
       },
       scrollInView: function scrollInView(container, item) {
         var borderTopValue = getComputedStyle(container).getPropertyValue('borderTopWidth');
@@ -571,7 +580,7 @@ this.primevue.utils = (function (exports) {
         element[methodName].apply(element, args);
       },
       isExist: function isExist(element) {
-        return !!(element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode);
+        return !!(element !== null && typeof element !== 'undefined' && element.nodeName && this.getParentNode(element));
       },
       isClient: function isClient() {
         return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
@@ -715,20 +724,20 @@ this.primevue.utils = (function (exports) {
       }
     };
 
-    function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "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$1(o); }
-    function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-    function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-    function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-    function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof$1(i) ? i : String(i); }
-    function _toPrimitive(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+    function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "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$2(o); }
+    function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+    function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey$1(descriptor.key), descriptor); } }
+    function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+    function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$2(i) ? i : String(i); }
+    function _toPrimitive$1(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
       function ConnectedOverlayScrollHandler(element) {
         var listener = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-        _classCallCheck(this, ConnectedOverlayScrollHandler);
+        _classCallCheck$1(this, ConnectedOverlayScrollHandler);
         this.element = element;
         this.listener = listener;
       }
-      _createClass(ConnectedOverlayScrollHandler, [{
+      _createClass$1(ConnectedOverlayScrollHandler, [{
         key: "bindScrollListener",
         value: function bindScrollListener() {
           this.scrollableParents = DomHandler.getScrollableParents(this.element);
@@ -782,25 +791,25 @@ this.primevue.utils = (function (exports) {
       };
     }
 
-    function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest(); }
+    function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest(); }
     function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
     function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
     function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-    function _toConsumableArray$1(arr) { return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread$1(); }
-    function _nonIterableSpread$1() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-    function _iterableToArray$1(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-    function _arrayWithoutHoles$1(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$1(arr); }
-    function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-    function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
-    function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-    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 _toConsumableArray$2(arr) { return _arrayWithoutHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread$2(); }
+    function _nonIterableSpread$2() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+    function _iterableToArray$2(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+    function _arrayWithoutHoles$2(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$2(arr); }
+    function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+    function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
+    function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+    function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "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$1(o); }
     var ObjectUtils = {
       equals: function equals(obj1, obj2, field) {
         if (field) return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       },
       deepEquals: function deepEquals(a, b) {
         if (a === b) return true;
-        if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
+        if (a && b && _typeof$1(a) == 'object' && _typeof$1(b) == 'object') {
           var arrA = Array.isArray(a),
             arrB = Array.isArray(b),
             i,
@@ -965,11 +974,13 @@ this.primevue.utils = (function (exports) {
         return str;
       },
       getVNodeProp: function getVNodeProp(vnode, prop) {
-        var props = vnode.props;
-        if (props) {
-          var kebabProp = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
-          var propName = Object.prototype.hasOwnProperty.call(props, kebabProp) ? kebabProp : prop;
-          return vnode.type["extends"].props[prop].type === Boolean && props[propName] === '' ? true : props[propName];
+        if (vnode) {
+          var props = vnode.props;
+          if (props) {
+            var kebabProp = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+            var propName = Object.prototype.hasOwnProperty.call(props, kebabProp) ? kebabProp : prop;
+            return vnode.type["extends"].props[prop].type === Boolean && props[propName] === '' ? true : props[propName];
+          }
         }
         return null;
       },
@@ -989,7 +1000,7 @@ this.primevue.utils = (function (exports) {
         }) ? str[0].toUpperCase() + str.slice(1) : str;
       },
       isEmpty: function isEmpty(value) {
-        return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || !(value instanceof Date) && _typeof(value) === 'object' && Object.keys(value).length === 0;
+        return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || !(value instanceof Date) && _typeof$1(value) === 'object' && Object.keys(value).length === 0;
       },
       isNotEmpty: function isNotEmpty(value) {
         return !this.isEmpty(value);
@@ -1026,7 +1037,7 @@ this.primevue.utils = (function (exports) {
           try {
             item = arr.findLast(callback);
           } catch (_unused2) {
-            item = _toConsumableArray$1(arr).reverse().find(callback);
+            item = _toConsumableArray$2(arr).reverse().find(callback);
           }
         }
         return item;
@@ -1041,7 +1052,7 @@ this.primevue.utils = (function (exports) {
           try {
             index = arr.findLastIndex(callback);
           } catch (_unused3) {
-            index = arr.lastIndexOf(_toConsumableArray$1(arr).reverse().find(callback));
+            index = arr.lastIndexOf(_toConsumableArray$2(arr).reverse().find(callback));
           }
         }
         return index;
@@ -1113,6 +1124,95 @@ this.primevue.utils = (function (exports) {
       }
     };
 
+    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 _toConsumableArray$1(arr) { return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread$1(); }
+    function _nonIterableSpread$1() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+    function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
+    function _iterableToArray$1(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+    function _arrayWithoutHoles$1(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$1(arr); }
+    function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+    function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+    function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+    function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+    function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+    function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
+    var _default = /*#__PURE__*/function () {
+      function _default(_ref) {
+        var init = _ref.init,
+          type = _ref.type;
+        _classCallCheck(this, _default);
+        _defineProperty(this, "helpers", void 0);
+        _defineProperty(this, "type", void 0);
+        this.helpers = new Set(init);
+        this.type = type;
+      }
+      _createClass(_default, [{
+        key: "add",
+        value: function add(instance) {
+          this.helpers.add(instance);
+        }
+      }, {
+        key: "update",
+        value: function update() {
+          // @todo
+        }
+      }, {
+        key: "delete",
+        value: function _delete(instance) {
+          this.helpers["delete"](instance);
+        }
+      }, {
+        key: "clear",
+        value: function clear() {
+          this.helpers.clear();
+        }
+      }, {
+        key: "get",
+        value: function get(parentInstance, slots) {
+          var children = this._get(parentInstance, slots);
+          var computed = children ? this._recursive(_toConsumableArray$1(this.helpers), children) : null;
+          return ObjectUtils.isNotEmpty(computed) ? computed : null;
+        }
+      }, {
+        key: "_isMatched",
+        value: function _isMatched(instance, key) {
+          var _parent$vnode;
+          var parent = instance === null || instance === void 0 ? void 0 : instance.parent;
+          return (parent === null || parent === void 0 || (_parent$vnode = parent.vnode) === null || _parent$vnode === void 0 ? void 0 : _parent$vnode.key) === key || parent && this._isMatched(parent, key) || false;
+        }
+      }, {
+        key: "_get",
+        value: function _get(parentInstance, slots) {
+          var _ref2, _ref2$default;
+          return ((_ref2 = slots || (parentInstance === null || parentInstance === void 0 ? void 0 : parentInstance.$slots)) === null || _ref2 === void 0 || (_ref2$default = _ref2["default"]) === null || _ref2$default === void 0 ? void 0 : _ref2$default.call(_ref2)) || null;
+        }
+      }, {
+        key: "_recursive",
+        value: function _recursive() {
+          var _this = this;
+          var helpers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+          var children = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+          var components = [];
+          children.forEach(function (child) {
+            if (child.children instanceof Array) {
+              components = components.concat(_this._recursive(components, child.children));
+            } else if (child.type.name === _this.type) {
+              components.push(child);
+            } else if (ObjectUtils.isNotEmpty(child.key)) {
+              components = components.concat(helpers.filter(function (c) {
+                return _this._isMatched(c, child.key);
+              }).map(function (c) {
+                return c.vnode;
+              }));
+            }
+          });
+          return components;
+        }
+      }]);
+      return _default;
+    }();
+
     var lastId = 0;
     function UniqueComponentId () {
       var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'pv_id_';
@@ -1181,6 +1281,7 @@ this.primevue.utils = (function (exports) {
     exports.ConnectedOverlayScrollHandler = ConnectedOverlayScrollHandler;
     exports.DomHandler = DomHandler;
     exports.EventBus = primebus;
+    exports.HelperSet = _default;
     exports.ObjectUtils = ObjectUtils;
     exports.UniqueComponentId = UniqueComponentId;
     exports.ZIndexUtils = ZIndexUtils;
@@ -2087,7 +2188,7 @@ this.primevue.basecomponent.style = (function (BaseStyle, usestyle) {
     var checkboxCSS = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: default;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n";
     var inputTextCSS = "\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n    top: -.75rem;\n    font-size: 12px;\n}\n\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > i,\n.p-input-icon-right > svg {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
     var radioButtonCSS = "\n.p-radiobutton {\n    position: relative;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton.p-radiobutton-disabled {\n    cursor: default;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n";
-    var css = "\n@layer primevue {\n.p-component, .p-component * {\n    box-sizing: border-box;\n}\n\n.p-hidden-space {\n    visibility: hidden;\n}\n\n.p-reset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    text-decoration: none;\n    font-size: 100%;\n    list-style: none;\n}\n\n.p-disabled, .p-disabled * {\n    cursor: default !important;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-component-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-unselectable-text {\n    user-select: none;\n}\n\n.p-sr-only {\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    clip-path: inset(50%);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n    word-wrap: normal !important;\n}\n\n.p-link {\n\ttext-align: left;\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-link:disabled {\n\tcursor: default;\n}\n\n/* Non vue overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity .1s linear;\n}\n\n/* Vue based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity .1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n".concat(buttonCSS, "\n").concat(checkboxCSS, "\n").concat(inputTextCSS, "\n").concat(radioButtonCSS, "\n}\n");
+    var css = "\n@layer primevue {\n.p-component, .p-component * {\n    box-sizing: border-box;\n}\n\n.p-hidden-space {\n    visibility: hidden;\n}\n\n.p-reset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    text-decoration: none;\n    font-size: 100%;\n    list-style: none;\n}\n\n.p-disabled, .p-disabled * {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-component-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-unselectable-text {\n    user-select: none;\n}\n\n.p-sr-only {\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    clip-path: inset(50%);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n    word-wrap: normal;\n}\n\n.p-link {\n\ttext-align: left;\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-link:disabled {\n\tcursor: default;\n}\n\n/* Non vue overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity .1s linear;\n}\n\n/* Vue based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity .1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n".concat(buttonCSS, "\n").concat(checkboxCSS, "\n").concat(inputTextCSS, "\n").concat(radioButtonCSS, "\n}\n");
     var BaseComponentStyle = BaseStyle__default["default"].extend({
       name: 'common',
       css: css,
@@ -2629,6 +2730,7 @@ this.primevue.card.style = (function (BaseStyle) {
       root: 'p-card p-component',
       header: 'p-card-header',
       body: 'p-card-body',
+      caption: 'p-card-caption',
       title: 'p-card-title',
       subtitle: 'p-card-subtitle',
       content: 'p-card-content',
@@ -2730,7 +2832,7 @@ this.primevue.cascadeselect.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n\n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n\n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n\n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n\n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n\n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n\n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n\n    .p-cascadeselect-sublist {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-cascadeselect-item-active {\n        overflow: visible !important;\n    }\n\n    .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-cascadeselect-enter-from,\n    .p-cascadeselect-leave-active {\n        opacity: 0;\n    }\n\n    .p-cascadeselect-enter-active {\n        transition: opacity 150ms;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n\n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n\n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n\n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n\n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n\n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n\n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n\n    .p-cascadeselect-sublist {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n\n    .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-cascadeselect-enter-from,\n    .p-cascadeselect-leave-active {\n        opacity: 0;\n    }\n\n    .p-cascadeselect-enter-active {\n        transition: opacity 150ms;\n    }\n}\n";
     var inlineStyles = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -3020,13 +3122,10 @@ this.primevue.confirmdialog.style = (function (BaseStyle) {
 
     var classes = {
       root: 'p-confirm-dialog',
-      icon: function icon(_ref) {
-        var instance = _ref.instance;
-        return ['p-confirm-dialog-icon', instance.confirmation ? instance.confirmation.icon : null];
-      },
+      icon: 'p-confirm-dialog-icon',
       message: 'p-confirm-dialog-message',
-      rejectButton: function rejectButton(_ref2) {
-        var instance = _ref2.instance;
+      rejectButton: function rejectButton(_ref) {
+        var instance = _ref.instance;
         return ['p-confirm-dialog-reject', instance.confirmation && !instance.confirmation.rejectClass ? 'p-button-text' : null];
       },
       acceptButton: 'p-confirm-dialog-accept'
@@ -3059,18 +3158,15 @@ this.primevue.confirmpopup.style = (function (BaseStyle) {
         }];
       },
       content: 'p-confirm-popup-content',
-      icon: function icon(_ref2) {
-        var instance = _ref2.instance;
-        return ['p-confirm-popup-icon', instance.confirmation ? instance.confirmation.icon : null];
-      },
+      icon: 'p-confirm-popup-icon',
       message: 'p-confirm-popup-message',
       footer: 'p-confirm-popup-footer',
-      rejectButton: function rejectButton(_ref3) {
-        var instance = _ref3.instance;
+      rejectButton: function rejectButton(_ref2) {
+        var instance = _ref2.instance;
         return ['p-confirm-popup-reject', instance.confirmation && !instance.confirmation.rejectClass ? 'p-button-sm p-button-text' : null];
       },
-      acceptButton: function acceptButton(_ref4) {
-        var instance = _ref4.instance;
+      acceptButton: function acceptButton(_ref3) {
+        var instance = _ref3.instance;
         return ['p-confirm-popup-accept', instance.confirmation && !instance.confirmation.acceptClass ? 'p-button-sm' : null];
       }
     };
@@ -3139,7 +3235,7 @@ this.primevue.datatable.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-hoverable-rows .p-selectable-row {\n        cursor: pointer;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute !important;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none !important;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-hoverable-rows .p-selectable-row {\n        cursor: pointer;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none !important;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
@@ -3279,21 +3375,22 @@ this.primevue.datatable.style = (function (BaseStyle) {
       row: function row(_ref13) {
         var instance = _ref13.instance,
           props = _ref13.props,
-          rowData = _ref13.rowData;
+          index = _ref13.index;
         var rowStyleClass = [];
         if (props.selectionMode) {
           rowStyleClass.push('p-selectable-row');
         }
         if (props.selection) {
           rowStyleClass.push({
-            'p-highlight': instance.isSelected(rowData)
+            'p-highlight': instance.isSelected
           });
         }
         if (props.contextMenuSelection) {
           rowStyleClass.push({
-            'p-highlight-contextmenu': instance.isSelectedWithContextMenu(rowData)
+            'p-highlight-contextmenu': instance.isSelectedWithContextMenu
           });
         }
+        rowStyleClass.push(index % 2 === 0 ? 'p-row-even' : 'p-row-odd');
         return rowStyleClass;
       },
       rowExpansion: 'p-datatable-row-expansion',
@@ -3477,7 +3574,7 @@ this.primevue.dialog.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n\n    .p-dialog {\n        max-height: 90%;\n        transform: scale(1);\n    }\n\n    .p-dialog-content {\n        overflow-y: auto;\n    }\n\n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-shrink: 0;\n    }\n\n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n\n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n\n    /* Animation */\n    /* Center */\n    .p-dialog-enter-active {\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    .p-dialog-leave-active {\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .p-dialog-enter-from,\n    .p-dialog-leave-to {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n\n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-topleft .p-dialog,\n    .p-dialog-topright .p-dialog,\n    .p-dialog-bottomleft .p-dialog,\n    .p-dialog-bottomright .p-dialog {\n        margin: 0.75rem;\n        transform: translate3d(0px, 0px, 0px);\n    }\n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-top .p-dialog-leave-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-leave-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-leave-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-leave-active,\n    .p-dialog-topleft .p-dialog-enter-active,\n    .p-dialog-topleft .p-dialog-leave-active,\n    .p-dialog-topright .p-dialog-enter-active,\n    .p-dialog-topright .p-dialog-leave-active,\n    .p-dialog-bottomleft .p-dialog-enter-active,\n    .p-dialog-bottomleft .p-dialog-leave-active,\n    .p-dialog-bottomright .p-dialog-enter-active,\n    .p-dialog-bottomright .p-dialog-leave-active {\n        transition: all 0.3s ease-out;\n    }\n    .p-dialog-top .p-dialog-enter-from,\n    .p-dialog-top .p-dialog-leave-to {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    .p-dialog-bottom .p-dialog-enter-from,\n    .p-dialog-bottom .p-dialog-leave-to {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    .p-dialog-left .p-dialog-enter-from,\n    .p-dialog-left .p-dialog-leave-to,\n    .p-dialog-topleft .p-dialog-enter-from,\n    .p-dialog-topleft .p-dialog-leave-to,\n    .p-dialog-bottomleft .p-dialog-enter-from,\n    .p-dialog-bottomleft .p-dialog-leave-to {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    .p-dialog-right .p-dialog-enter-from,\n    .p-dialog-right .p-dialog-leave-to,\n    .p-dialog-topright .p-dialog-enter-from,\n    .p-dialog-topright .p-dialog-leave-to,\n    .p-dialog-bottomright .p-dialog-enter-from,\n    .p-dialog-bottomright .p-dialog-leave-to {\n        transform: translate3d(100%, 0px, 0px);\n    }\n\n    /* Maximize */\n    .p-dialog-maximized {\n        -webkit-transition: none;\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        top: 0px !important;\n        left: 0px !important;\n        max-height: 100%;\n        height: 100%;\n    }\n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n\n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n\n    .p-dialog {\n        max-height: 90%;\n        transform: scale(1);\n    }\n\n    .p-dialog-content {\n        overflow-y: auto;\n    }\n\n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-shrink: 0;\n    }\n\n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n\n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n\n    /* Animation */\n    /* Center */\n    .p-dialog-enter-active {\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    .p-dialog-leave-active {\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .p-dialog-enter-from,\n    .p-dialog-leave-to {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n\n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-topleft .p-dialog,\n    .p-dialog-topright .p-dialog,\n    .p-dialog-bottomleft .p-dialog,\n    .p-dialog-bottomright .p-dialog {\n        margin: 0.75rem;\n        transform: translate3d(0px, 0px, 0px);\n    }\n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-top .p-dialog-leave-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-leave-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-leave-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-leave-active,\n    .p-dialog-topleft .p-dialog-enter-active,\n    .p-dialog-topleft .p-dialog-leave-active,\n    .p-dialog-topright .p-dialog-enter-active,\n    .p-dialog-topright .p-dialog-leave-active,\n    .p-dialog-bottomleft .p-dialog-enter-active,\n    .p-dialog-bottomleft .p-dialog-leave-active,\n    .p-dialog-bottomright .p-dialog-enter-active,\n    .p-dialog-bottomright .p-dialog-leave-active {\n        transition: all 0.3s ease-out;\n    }\n    .p-dialog-top .p-dialog-enter-from,\n    .p-dialog-top .p-dialog-leave-to {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    .p-dialog-bottom .p-dialog-enter-from,\n    .p-dialog-bottom .p-dialog-leave-to {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    .p-dialog-left .p-dialog-enter-from,\n    .p-dialog-left .p-dialog-leave-to,\n    .p-dialog-topleft .p-dialog-enter-from,\n    .p-dialog-topleft .p-dialog-leave-to,\n    .p-dialog-bottomleft .p-dialog-enter-from,\n    .p-dialog-bottomleft .p-dialog-leave-to {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    .p-dialog-right .p-dialog-enter-from,\n    .p-dialog-right .p-dialog-leave-to,\n    .p-dialog-topright .p-dialog-enter-from,\n    .p-dialog-topright .p-dialog-leave-to,\n    .p-dialog-bottomright .p-dialog-enter-from,\n    .p-dialog-bottomright .p-dialog-leave-to {\n        transform: translate3d(100%, 0px, 0px);\n    }\n\n    /* Maximize */\n    .p-dialog-maximized {\n        -webkit-transition: none;\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        top: 0px;\n        left: 0px;\n        max-height: 100%;\n        height: 100%;\n    }\n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n\n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n}\n";
 
     /* Position */
     var inlineStyles = {
@@ -3957,7 +4054,7 @@ this.primevue.image.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n        line-height: 0;\n    }\n\n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity 0.3s;\n        border: none;\n        padding: 0;\n    }\n\n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n\n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n\n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n    }\n\n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-image-preview {\n        transition: transform 0.15s;\n        max-width: 100vw;\n        max-height: 100vh;\n    }\n\n    .p-image-preview-enter-active {\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    .p-image-preview-leave-active {\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .p-image-preview-enter-from,\n    .p-image-preview-leave-to {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n        line-height: 0;\n    }\n\n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity 0.3s;\n        border: none;\n        padding: 0;\n    }\n\n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n\n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n\n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        z-index: 1;\n    }\n\n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-action.p-disabled {\n        pointer-events: auto;\n    }\n\n    .p-image-preview {\n        transition: transform 0.15s;\n        max-width: 100vw;\n        max-height: 100vh;\n    }\n\n    .p-image-preview-enter-active {\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    .p-image-preview-leave-active {\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .p-image-preview-enter-from,\n    .p-image-preview-leave-to {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -4545,7 +4642,7 @@ this.primevue.message.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n\n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-message-enter-from {\n        opacity: 0;\n    }\n\n    .p-message-enter-active {\n        transition: opacity 0.3s;\n    }\n\n    .p-message.p-message-leave-from {\n        max-height: 1000px;\n    }\n\n    .p-message.p-message-leave-to {\n        max-height: 0;\n        opacity: 0;\n        margin: 0 !important;\n    }\n\n    .p-message-leave-active {\n        overflow: hidden;\n        transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    }\n\n    .p-message-leave-active .p-message-close {\n        display: none;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n\n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-message-enter-from {\n        opacity: 0;\n    }\n\n    .p-message-enter-active {\n        transition: opacity 0.3s;\n    }\n\n    .p-message.p-message-leave-from {\n        max-height: 1000px;\n    }\n\n    .p-message.p-message-leave-to {\n        max-height: 0;\n        opacity: 0;\n        margin: 0;\n    }\n\n    .p-message-leave-active {\n        overflow: hidden;\n        transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    }\n\n    .p-message-leave-active .p-message-close {\n        display: none;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -5031,7 +5128,7 @@ this.primevue.picklist.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-picklist {\n        display: flex;\n    }\n\n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n\n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n\n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,\n    .p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {\n        transition: none !important;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-picklist {\n        display: flex;\n    }\n\n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n\n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n\n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,\n    .p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {\n        transition: none;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -5232,7 +5329,7 @@ this.primevue.ripple.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n@layer primevue {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n        pointer-events: none;\n    }\n\n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n\n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n";
+    var css = "\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n@layer primevue {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n        pointer-events: none;\n    }\n\n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n\n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n";
     var classes = {
       root: 'p-ink'
     };
@@ -6135,7 +6232,7 @@ this.primevue.tooltip.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n        scale: 2;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
     var classes = {
       root: 'p-tooltip p-component',
       arrow: 'p-tooltip-arrow',
@@ -6289,7 +6386,7 @@ this.primevue.treetable.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-treetable {\n        position: relative;\n    }\n\n    .p-treetable table {\n        border-collapse: collapse;\n        width: 100%;\n        table-layout: fixed;\n    }\n\n    .p-treetable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-treetable-responsive-scroll > .p-treetable-wrapper {\n        overflow-x: auto;\n    }\n\n    .p-treetable-responsive-scroll > .p-treetable-wrapper > table,\n    .p-treetable-auto-layout > .p-treetable-wrapper > table {\n        table-layout: auto;\n    }\n\n    .p-treetable-hoverable-rows .p-treetable-tbody > tr {\n        cursor: pointer;\n    }\n\n    .p-treetable-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        vertical-align: middle;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-treetable-toggler + .p-checkbox {\n        vertical-align: middle;\n    }\n\n    .p-treetable-toggler + .p-checkbox + span {\n        vertical-align: middle;\n    }\n\n    /* Resizable */\n    .p-treetable-resizable > .p-treetable-wrapper {\n        overflow-x: auto;\n    }\n\n    .p-treetable-resizable .p-treetable-thead > tr > th,\n    .p-treetable-resizable .p-treetable-tfoot > tr > td,\n    .p-treetable-resizable .p-treetable-tbody > tr > td {\n        overflow: hidden;\n    }\n\n    .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-treetable .p-column-resizer {\n        display: block;\n        position: absolute !important;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-treetable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-treetable .p-treetable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Scrollable */\n    .p-treetable-scrollable .p-treetable-wrapper {\n        position: relative;\n        overflow: auto;\n    }\n\n    .p-treetable-scrollable .p-treetable-table {\n        display: block;\n    }\n\n    .p-treetable-scrollable .p-treetable-thead,\n    .p-treetable-scrollable .p-treetable-tbody,\n    .p-treetable-scrollable .p-treetable-tfoot {\n        display: block;\n    }\n\n    .p-treetable-scrollable .p-treetable-thead > tr,\n    .p-treetable-scrollable .p-treetable-tbody > tr,\n    .p-treetable-scrollable .p-treetable-tfoot > tr {\n        display: flex;\n        flex-wrap: nowrap;\n        width: 100%;\n    }\n\n    .p-treetable-scrollable .p-treetable-thead > tr > th,\n    .p-treetable-scrollable .p-treetable-tbody > tr > td,\n    .p-treetable-scrollable .p-treetable-tfoot > tr > td {\n        display: flex;\n        flex: 1 1 0;\n        align-items: center;\n    }\n\n    .p-treetable-scrollable .p-treetable-thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-treetable-scrollable .p-treetable-tfoot {\n        position: sticky;\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-treetable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-treetable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-treetable-scrollable-both .p-treetable-thead > tr > th,\n    .p-treetable-scrollable-both .p-treetable-tbody > tr > td,\n    .p-treetable-scrollable-both .p-treetable-tfoot > tr > td,\n    .p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,\n    .p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {\n        flex: 0 0 auto;\n    }\n\n    .p-treetable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-treetable-flex-scrollable .p-treetable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-treetable {\n        position: relative;\n    }\n\n    .p-treetable table {\n        border-collapse: collapse;\n        width: 100%;\n        table-layout: fixed;\n    }\n\n    .p-treetable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-treetable-responsive-scroll > .p-treetable-wrapper {\n        overflow-x: auto;\n    }\n\n    .p-treetable-responsive-scroll > .p-treetable-wrapper > table,\n    .p-treetable-auto-layout > .p-treetable-wrapper > table {\n        table-layout: auto;\n    }\n\n    .p-treetable-hoverable-rows .p-treetable-tbody > tr {\n        cursor: pointer;\n    }\n\n    .p-treetable-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        vertical-align: middle;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-treetable-toggler + .p-checkbox {\n        vertical-align: middle;\n    }\n\n    .p-treetable-toggler + .p-checkbox + span {\n        vertical-align: middle;\n    }\n\n    /* Resizable */\n    .p-treetable-resizable > .p-treetable-wrapper {\n        overflow-x: auto;\n    }\n\n    .p-treetable-resizable .p-treetable-thead > tr > th,\n    .p-treetable-resizable .p-treetable-tfoot > tr > td,\n    .p-treetable-resizable .p-treetable-tbody > tr > td {\n        overflow: hidden;\n    }\n\n    .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-treetable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-treetable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-treetable .p-treetable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Scrollable */\n    .p-treetable-scrollable .p-treetable-wrapper {\n        position: relative;\n        overflow: auto;\n    }\n\n    .p-treetable-scrollable .p-treetable-table {\n        display: block;\n    }\n\n    .p-treetable-scrollable .p-treetable-thead,\n    .p-treetable-scrollable .p-treetable-tbody,\n    .p-treetable-scrollable .p-treetable-tfoot {\n        display: block;\n    }\n\n    .p-treetable-scrollable .p-treetable-thead > tr,\n    .p-treetable-scrollable .p-treetable-tbody > tr,\n    .p-treetable-scrollable .p-treetable-tfoot > tr {\n        display: flex;\n        flex-wrap: nowrap;\n        width: 100%;\n    }\n\n    .p-treetable-scrollable .p-treetable-thead > tr > th,\n    .p-treetable-scrollable .p-treetable-tbody > tr > td,\n    .p-treetable-scrollable .p-treetable-tfoot > tr > td {\n        display: flex;\n        flex: 1 1 0;\n        align-items: center;\n    }\n\n    .p-treetable-scrollable .p-treetable-thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-treetable-scrollable .p-treetable-tfoot {\n        position: sticky;\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-treetable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-treetable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-treetable-scrollable-both .p-treetable-thead > tr > th,\n    .p-treetable-scrollable-both .p-treetable-tbody > tr > td,\n    .p-treetable-scrollable-both .p-treetable-tfoot > tr > td,\n    .p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,\n    .p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {\n        flex: 0 0 auto;\n    }\n\n    .p-treetable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-treetable-flex-scrollable .p-treetable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
@@ -6444,7 +6541,7 @@ this.primevue.virtualscroller.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n.p-virtualscroller {\n    position: relative;\n    overflow: auto;\n    contain: strict;\n    transform: translateZ(0);\n    will-change: scroll-position;\n    outline: 0 none;\n}\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\n.p-virtualscroller-spacer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 1px;\n    width: 1px;\n    transform-origin: 0 0;\n    pointer-events: none;\n}\n\n.p-virtualscroller .p-virtualscroller-loader {\n    position: sticky;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n    font-size: 2rem;\n}\n\n.p-virtualscroller-loading-icon.p-icon {\n    width: 2rem;\n    height: 2rem;\n}\n\n.p-virtualscroller-horizontal > .p-virtualscroller-content {\n    display: flex;\n}\n\n/* Inline */\n.p-virtualscroller-inline .p-virtualscroller-content {\n    position: static;\n}\n";
+    var css = "\n@layer primevue {\n    .p-virtualscroller {\n        position: relative;\n        overflow: auto;\n        contain: strict;\n        transform: translateZ(0);\n        will-change: scroll-position;\n        outline: 0 none;\n    }\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\n    .p-virtualscroller-spacer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 1px;\n        width: 1px;\n        transform-origin: 0 0;\n        pointer-events: none;\n    }\n\n    .p-virtualscroller .p-virtualscroller-loader {\n        position: sticky;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-virtualscroller-loader.p-component-overlay {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-virtualscroller-loading-icon {\n        font-size: 2rem;\n    }\n\n    .p-virtualscroller-loading-icon.p-icon {\n        width: 2rem;\n        height: 2rem;\n    }\n\n    .p-virtualscroller-horizontal > .p-virtualscroller-content {\n        display: flex;\n    }\n\n    /* Inline */\n    .p-virtualscroller-inline .p-virtualscroller-content {\n        position: static;\n    }\n}\n";
     var VirtualScrollerStyle = BaseStyle__default["default"].extend({
       name: 'virtualscroller',
       css: css
@@ -6812,7 +6909,7 @@ this.primevue.portal = (function (utils, vue) {
       name: 'Portal',
       props: {
         appendTo: {
-          type: String,
+          type: [String, Object],
           "default": 'body'
         },
         disabled: {
@@ -6868,7 +6965,7 @@ this.primevue.basecomponent = (function (BaseStyle, utils, vue, usestyle) {
     var checkboxCSS = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: default;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n";
     var inputTextCSS = "\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n    top: -.75rem;\n    font-size: 12px;\n}\n\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > i,\n.p-input-icon-right > svg {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
     var radioButtonCSS = "\n.p-radiobutton {\n    position: relative;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton.p-radiobutton-disabled {\n    cursor: default;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n";
-    var css = "\n@layer primevue {\n.p-component, .p-component * {\n    box-sizing: border-box;\n}\n\n.p-hidden-space {\n    visibility: hidden;\n}\n\n.p-reset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    text-decoration: none;\n    font-size: 100%;\n    list-style: none;\n}\n\n.p-disabled, .p-disabled * {\n    cursor: default !important;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-component-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-unselectable-text {\n    user-select: none;\n}\n\n.p-sr-only {\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    clip-path: inset(50%);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n    word-wrap: normal !important;\n}\n\n.p-link {\n\ttext-align: left;\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-link:disabled {\n\tcursor: default;\n}\n\n/* Non vue overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity .1s linear;\n}\n\n/* Vue based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity .1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n".concat(buttonCSS, "\n").concat(checkboxCSS, "\n").concat(inputTextCSS, "\n").concat(radioButtonCSS, "\n}\n");
+    var css = "\n@layer primevue {\n.p-component, .p-component * {\n    box-sizing: border-box;\n}\n\n.p-hidden-space {\n    visibility: hidden;\n}\n\n.p-reset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    text-decoration: none;\n    font-size: 100%;\n    list-style: none;\n}\n\n.p-disabled, .p-disabled * {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-component-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-unselectable-text {\n    user-select: none;\n}\n\n.p-sr-only {\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    clip-path: inset(50%);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n    word-wrap: normal;\n}\n\n.p-link {\n\ttext-align: left;\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-link:disabled {\n\tcursor: default;\n}\n\n/* Non vue overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity .1s linear;\n}\n\n/* Vue based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity .1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n".concat(buttonCSS, "\n").concat(checkboxCSS, "\n").concat(inputTextCSS, "\n").concat(radioButtonCSS, "\n}\n");
     var BaseComponentStyle = BaseStyle__default["default"].extend({
       name: 'common',
       css: css,
@@ -7122,7 +7219,7 @@ this.primevue.basecomponent = (function (BaseStyle, utils, vue, usestyle) {
           return this.unstyled !== undefined ? this.unstyled : (_this$$config10 = this.$config) === null || _this$$config10 === void 0 ? void 0 : _this$$config10.unstyled;
         },
         $params: function $params() {
-          var parentInstance = this.$parentInstance || this.$parent;
+          var parentInstance = this._getHostInstance(this) || this.$parent;
           return {
             instance: this,
             props: this.$props,
@@ -7169,6 +7266,12 @@ this.primevue.baseicon = (function (BaseComponent, BaseIconStyle, utils) {
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var BaseIconStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseIconStyle);
 
+    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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+    function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
     var script = {
       name: 'BaseIcon',
       "extends": BaseComponent__default["default"],
@@ -7183,29 +7286,18 @@ this.primevue.baseicon = (function (BaseComponent, BaseIconStyle, utils) {
         }
       },
       style: BaseIconStyle__default["default"],
-      beforeMount: function beforeMount() {
-        var _this$$config;
-        BaseIconStyle__default["default"].loadStyle({
-          nonce: (_this$$config = this.$config) === null || _this$$config === void 0 || (_this$$config = _this$$config.csp) === null || _this$$config === void 0 ? void 0 : _this$$config.nonce
-        });
-      },
       methods: {
         pti: function pti() {
           var isLabelEmpty = utils.ObjectUtils.isEmpty(this.label);
-          return {
+          return _objectSpread(_objectSpread({}, !this.isUnstyled && {
             "class": ['p-icon', {
               'p-icon-spin': this.spin
-            }],
+            }]
+          }), {}, {
             role: !isLabelEmpty ? 'img' : undefined,
             'aria-label': !isLabelEmpty ? this.label : undefined,
             'aria-hidden': isLabelEmpty
-          };
-        }
-      },
-      computed: {
-        $config: function $config() {
-          var _this$$primevue;
-          return (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.config;
+          });
         }
       }
     };
@@ -7521,7 +7613,7 @@ this.primevue.icons.arrowdown = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -7544,7 +7636,7 @@ this.primevue.icons.arrowdown = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -7575,7 +7667,7 @@ this.primevue.icons.arrowup = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -7598,7 +7690,7 @@ this.primevue.icons.arrowup = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -7629,7 +7721,7 @@ this.primevue.icons.ban = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M7 0C5.61553 0 4.26215 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.00303296 5.6003 -0.13559 7.00776 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C14 5.14348 13.2625 3.36301 11.9497 2.05025C10.637 0.737498 8.85652 0 7 0ZM1.16667 7C1.16549 5.65478 1.63303 4.35118 2.48889 3.31333L10.6867 11.5111C9.83309 12.2112 8.79816 12.6544 7.70243 12.789C6.60669 12.9236 5.49527 12.744 4.49764 12.2713C3.50001 11.7986 2.65724 11.0521 2.06751 10.1188C1.47778 9.18558 1.16537 8.10397 1.16667 7ZM11.5111 10.6867L3.31334 2.48889C4.43144 1.57388 5.84966 1.10701 7.29265 1.1789C8.73565 1.2508 10.1004 1.85633 11.1221 2.87795C12.1437 3.89956 12.7492 5.26435 12.8211 6.70735C12.893 8.15034 12.4261 9.56856 11.5111 10.6867Z",
       fill: "currentColor"
@@ -7650,7 +7742,7 @@ this.primevue.icons.ban = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -7928,7 +8020,7 @@ this.primevue.icons.exclamationtriangle = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M13.4018 13.1893H0.598161C0.49329 13.189 0.390283 13.1615 0.299143 13.1097C0.208003 13.0578 0.131826 12.9832 0.0780112 12.8932C0.0268539 12.8015 0 12.6982 0 12.5931C0 12.4881 0.0268539 12.3848 0.0780112 12.293L6.47985 1.08982C6.53679 1.00399 6.61408 0.933574 6.70484 0.884867C6.7956 0.836159 6.897 0.810669 7 0.810669C7.103 0.810669 7.2044 0.836159 7.29516 0.884867C7.38592 0.933574 7.46321 1.00399 7.52015 1.08982L13.922 12.293C13.9731 12.3848 14 12.4881 14 12.5931C14 12.6982 13.9731 12.8015 13.922 12.8932C13.8682 12.9832 13.792 13.0578 13.7009 13.1097C13.6097 13.1615 13.5067 13.189 13.4018 13.1893ZM1.63046 11.989H12.3695L7 2.59425L1.63046 11.989Z",
       fill: "currentColor"
@@ -7957,7 +8049,7 @@ this.primevue.icons.exclamationtriangle = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_5, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_8, 8, _hoisted_6)])], 16);
@@ -8025,7 +8117,7 @@ this.primevue.icons.eyeslash = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8048,7 +8140,7 @@ this.primevue.icons.eyeslash = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8079,7 +8171,7 @@ this.primevue.icons.filter = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M8.64708 14H5.35296C5.18981 13.9979 5.03395 13.9321 4.91858 13.8167C4.8032 13.7014 4.73745 13.5455 4.73531 13.3824V7L0.329431 0.98C0.259794 0.889466 0.217389 0.780968 0.20718 0.667208C0.19697 0.553448 0.219379 0.439133 0.271783 0.337647C0.324282 0.236453 0.403423 0.151519 0.500663 0.0920138C0.597903 0.0325088 0.709548 0.000692754 0.823548 0H13.1765C13.2905 0.000692754 13.4021 0.0325088 13.4994 0.0920138C13.5966 0.151519 13.6758 0.236453 13.7283 0.337647C13.7807 0.439133 13.8031 0.553448 13.7929 0.667208C13.7826 0.780968 13.7402 0.889466 13.6706 0.98L9.26472 7V13.3824C9.26259 13.5455 9.19683 13.7014 9.08146 13.8167C8.96609 13.9321 8.81022 13.9979 8.64708 14ZM5.97061 12.7647H8.02943V6.79412C8.02878 6.66289 8.07229 6.53527 8.15296 6.43177L11.9412 1.23529H2.05884L5.86355 6.43177C5.94422 6.53527 5.98773 6.66289 5.98708 6.79412L5.97061 12.7647Z",
       fill: "currentColor"
@@ -8100,7 +8192,7 @@ this.primevue.icons.filter = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8131,7 +8223,7 @@ this.primevue.icons.filterslash = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8154,7 +8246,7 @@ this.primevue.icons.filterslash = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8185,7 +8277,7 @@ this.primevue.icons.infocircle = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8208,7 +8300,7 @@ this.primevue.icons.infocircle = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8274,7 +8366,7 @@ this.primevue.icons.pencil = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M0.609628 13.959C0.530658 13.9599 0.452305 13.9451 0.379077 13.9156C0.305849 13.8861 0.239191 13.8424 0.18294 13.787C0.118447 13.7234 0.0688234 13.6464 0.0376166 13.5614C0.00640987 13.4765 -0.00560954 13.3857 0.00241768 13.2956L0.25679 10.1501C0.267698 10.0041 0.331934 9.86709 0.437312 9.76516L9.51265 0.705715C10.0183 0.233014 10.6911 -0.0203041 11.3835 0.00127367C12.0714 0.00660201 12.7315 0.27311 13.2298 0.746671C13.7076 1.23651 13.9824 1.88848 13.9992 2.57201C14.0159 3.25554 13.7733 3.92015 13.32 4.4327L4.23648 13.5331C4.13482 13.6342 4.0017 13.6978 3.85903 13.7133L0.667067 14L0.609628 13.959ZM1.43018 10.4696L1.25787 12.714L3.50619 12.5092L12.4502 3.56444C12.6246 3.35841 12.7361 3.10674 12.7714 2.83933C12.8067 2.57193 12.7644 2.30002 12.6495 2.05591C12.5346 1.8118 12.3519 1.60575 12.1231 1.46224C11.8943 1.31873 11.6291 1.2438 11.3589 1.24633C11.1813 1.23508 11.0033 1.25975 10.8355 1.31887C10.6677 1.37798 10.5136 1.47033 10.3824 1.59036L1.43018 10.4696Z",
       fill: "currentColor"
@@ -8295,7 +8387,7 @@ this.primevue.icons.pencil = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8326,7 +8418,7 @@ this.primevue.icons.plus = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M7.67742 6.32258V0.677419C7.67742 0.497757 7.60605 0.325452 7.47901 0.198411C7.35197 0.0713707 7.17966 0 7 0C6.82034 0 6.64803 0.0713707 6.52099 0.198411C6.39395 0.325452 6.32258 0.497757 6.32258 0.677419V6.32258H0.677419C0.497757 6.32258 0.325452 6.39395 0.198411 6.52099C0.0713707 6.64803 0 6.82034 0 7C0 7.17966 0.0713707 7.35197 0.198411 7.47901C0.325452 7.60605 0.497757 7.67742 0.677419 7.67742H6.32258V13.3226C6.32492 13.5015 6.39704 13.6725 6.52358 13.799C6.65012 13.9255 6.82106 13.9977 7 14C7.17966 14 7.35197 13.9286 7.47901 13.8016C7.60605 13.6745 7.67742 13.5022 7.67742 13.3226V7.67742H13.3226C13.5022 7.67742 13.6745 7.60605 13.8016 7.47901C13.9286 7.35197 14 7.17966 14 7C13.9977 6.82106 13.9255 6.65012 13.799 6.52358C13.6725 6.39704 13.5015 6.32492 13.3226 6.32258H7.67742Z",
       fill: "currentColor"
@@ -8347,7 +8439,7 @@ this.primevue.icons.plus = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8378,7 +8470,7 @@ this.primevue.icons.refresh = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8401,7 +8493,7 @@ this.primevue.icons.refresh = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8432,7 +8524,7 @@ this.primevue.icons.search = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8455,7 +8547,7 @@ this.primevue.icons.search = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8486,7 +8578,7 @@ this.primevue.icons.searchminus = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8509,7 +8601,7 @@ this.primevue.icons.searchminus = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8540,7 +8632,7 @@ this.primevue.icons.searchplus = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8563,7 +8655,7 @@ this.primevue.icons.searchplus = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8594,7 +8686,7 @@ this.primevue.icons.sortalt = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M5.64515 3.61291C5.47353 3.61291 5.30192 3.54968 5.16644 3.4142L3.38708 1.63484L1.60773 3.4142C1.34579 3.67613 0.912244 3.67613 0.650309 3.4142C0.388374 3.15226 0.388374 2.71871 0.650309 2.45678L2.90837 0.198712C3.17031 -0.0632236 3.60386 -0.0632236 3.86579 0.198712L6.12386 2.45678C6.38579 2.71871 6.38579 3.15226 6.12386 3.4142C5.98837 3.54968 5.81676 3.61291 5.64515 3.61291Z",
       fill: "currentColor"
@@ -8627,7 +8719,7 @@ this.primevue.icons.sortalt = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_6, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_9, 8, _hoisted_7)])], 16);
@@ -8658,16 +8750,19 @@ this.primevue.icons.sortamountdown = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
-    var _hoisted_2 = /*#__PURE__*/vue.createStaticVNode("<path d=\"M2.59836 13.2009C2.44634 13.2009 2.29432 13.1449 2.1743 13.0248L0.174024 11.0246C-0.0580081 10.7925 -0.0580081 10.4085 0.174024 10.1764C0.406057 9.94441 0.79011 9.94441 1.02214 10.1764L2.59836 11.7527L4.17458 10.1764C4.40662 9.94441 4.79067 9.94441 5.0227 10.1764C5.25473 10.4085 5.25473 10.7925 5.0227 11.0246L3.02242 13.0248C2.90241 13.1449 2.75038 13.2009 2.59836 13.2009Z\" fill=\"currentColor\"></path><path d=\"M2.59836 13.2009C2.27032 13.2009 1.99833 12.9288 1.99833 12.6008V1.39922C1.99833 1.07117 2.27036 0.799133 2.59841 0.799133C2.92646 0.799133 3.19849 1.07117 3.19849 1.39922V12.6008C3.19849 12.9288 2.92641 13.2009 2.59836 13.2009Z\" fill=\"currentColor\"></path><path d=\"M13.3999 11.2006H6.99902C6.67098 11.2006 6.39894 10.9285 6.39894 10.6005C6.39894 10.2725 6.67098 10.0004 6.99902 10.0004H13.3999C13.728 10.0004 14 10.2725 14 10.6005C14 10.9285 13.728 11.2006 13.3999 11.2006Z\" fill=\"currentColor\"></path><path d=\"M10.1995 6.39991H6.99902C6.67098 6.39991 6.39894 6.12788 6.39894 5.79983C6.39894 5.47179 6.67098 5.19975 6.99902 5.19975H10.1995C10.5275 5.19975 10.7996 5.47179 10.7996 5.79983C10.7996 6.12788 10.5275 6.39991 10.1995 6.39991Z\" fill=\"currentColor\"></path><path d=\"M8.59925 3.99958H6.99902C6.67098 3.99958 6.39894 3.72754 6.39894 3.3995C6.39894 3.07145 6.67098 2.79941 6.99902 2.79941H8.59925C8.92729 2.79941 9.19933 3.07145 9.19933 3.3995C9.19933 3.72754 8.92729 3.99958 8.59925 3.99958Z\" fill=\"currentColor\"></path><path d=\"M11.7997 8.80025H6.99902C6.67098 8.80025 6.39894 8.52821 6.39894 8.20017C6.39894 7.87212 6.67098 7.60008 6.99902 7.60008H11.7997C12.1277 7.60008 12.3998 7.87212 12.3998 8.20017C12.3998 8.52821 12.1277 8.80025 11.7997 8.80025Z\" fill=\"currentColor\"></path>", 6);
-    var _hoisted_8 = [_hoisted_2];
-    var _hoisted_9 = ["id"];
-    var _hoisted_10 = /*#__PURE__*/vue.createElementVNode("rect", {
+    var _hoisted_1 = ["clip-path"];
+    var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
+      d: "M4.93953 10.5858L3.83759 11.6877V0.677419C3.83759 0.307097 3.53049 0 3.16017 0C2.78985 0 2.48275 0.307097 2.48275 0.677419V11.6877L1.38082 10.5858C1.11888 10.3239 0.685331 10.3239 0.423396 10.5858C0.16146 10.8477 0.16146 11.2813 0.423396 11.5432L2.68146 13.8013C2.74469 13.8645 2.81694 13.9097 2.89823 13.9458C2.97952 13.9819 3.06985 14 3.16017 14C3.25049 14 3.33178 13.9819 3.42211 13.9458C3.5034 13.9097 3.57565 13.8645 3.63888 13.8013L5.89694 11.5432C6.15888 11.2813 6.15888 10.8477 5.89694 10.5858C5.63501 10.3239 5.20146 10.3239 4.93953 10.5858ZM13.0957 0H7.22468C6.85436 0 6.54726 0.307097 6.54726 0.677419C6.54726 1.04774 6.85436 1.35484 7.22468 1.35484H13.0957C13.466 1.35484 13.7731 1.04774 13.7731 0.677419C13.7731 0.307097 13.466 0 13.0957 0ZM7.22468 5.41935H9.48275C9.85307 5.41935 10.1602 5.72645 10.1602 6.09677C10.1602 6.4671 9.85307 6.77419 9.48275 6.77419H7.22468C6.85436 6.77419 6.54726 6.4671 6.54726 6.09677C6.54726 5.72645 6.85436 5.41935 7.22468 5.41935ZM7.6763 8.12903H7.22468C6.85436 8.12903 6.54726 8.43613 6.54726 8.80645C6.54726 9.17677 6.85436 9.48387 7.22468 9.48387H7.6763C8.04662 9.48387 8.35372 9.17677 8.35372 8.80645C8.35372 8.43613 8.04662 8.12903 7.6763 8.12903ZM7.22468 2.70968H11.2892C11.6595 2.70968 11.9666 3.01677 11.9666 3.3871C11.9666 3.75742 11.6595 4.06452 11.2892 4.06452H7.22468C6.85436 4.06452 6.54726 3.75742 6.54726 3.3871C6.54726 3.01677 6.85436 2.70968 7.22468 2.70968Z",
+      fill: "currentColor"
+    }, null, -1);
+    var _hoisted_3 = [_hoisted_2];
+    var _hoisted_4 = ["id"];
+    var _hoisted_5 = /*#__PURE__*/vue.createElementVNode("rect", {
       width: "14",
       height: "14",
       fill: "white"
     }, null, -1);
-    var _hoisted_11 = [_hoisted_10];
+    var _hoisted_6 = [_hoisted_5];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
         width: "14",
@@ -8676,10 +8771,10 @@ this.primevue.icons.sortamountdown = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
-      }, _hoisted_8, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
+        "clip-path": "url(#".concat($options.pathId, ")")
+      }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
-      }, _hoisted_11, 8, _hoisted_9)])], 16);
+      }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
     script.render = render;
@@ -8707,16 +8802,19 @@ this.primevue.icons.sortamountupalt = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
-    var _hoisted_2 = /*#__PURE__*/vue.createStaticVNode("<path d=\"M4.59864 3.99958C4.44662 3.99958 4.2946 3.94357 4.17458 3.82356L2.59836 2.24734L1.02214 3.82356C0.79011 4.05559 0.406057 4.05559 0.174024 3.82356C-0.0580081 3.59152 -0.0580081 3.20747 0.174024 2.97544L2.1743 0.97516C2.40634 0.743127 2.79039 0.743127 3.02242 0.97516L5.0227 2.97544C5.25473 3.20747 5.25473 3.59152 5.0227 3.82356C4.90268 3.94357 4.75066 3.99958 4.59864 3.99958Z\" fill=\"currentColor\"></path><path d=\"M2.59841 13.2009C2.27036 13.2009 1.99833 12.9288 1.99833 12.6008V1.39922C1.99833 1.07117 2.27036 0.799133 2.59841 0.799133C2.92646 0.799133 3.19849 1.07117 3.19849 1.39922V12.6008C3.19849 12.9288 2.92646 13.2009 2.59841 13.2009Z\" fill=\"currentColor\"></path><path d=\"M13.3999 11.2006H6.99902C6.67098 11.2006 6.39894 10.9285 6.39894 10.6005C6.39894 10.2725 6.67098 10.0004 6.99902 10.0004H13.3999C13.728 10.0004 14 10.2725 14 10.6005C14 10.9285 13.728 11.2006 13.3999 11.2006Z\" fill=\"currentColor\"></path><path d=\"M10.1995 6.39991H6.99902C6.67098 6.39991 6.39894 6.12788 6.39894 5.79983C6.39894 5.47179 6.67098 5.19975 6.99902 5.19975H10.1995C10.5275 5.19975 10.7996 5.47179 10.7996 5.79983C10.7996 6.12788 10.5275 6.39991 10.1995 6.39991Z\" fill=\"currentColor\"></path><path d=\"M8.59925 3.99958H6.99902C6.67098 3.99958 6.39894 3.72754 6.39894 3.3995C6.39894 3.07145 6.67098 2.79941 6.99902 2.79941H8.59925C8.92729 2.79941 9.19933 3.07145 9.19933 3.3995C9.19933 3.72754 8.92729 3.99958 8.59925 3.99958Z\" fill=\"currentColor\"></path><path d=\"M11.7997 8.80025H6.99902C6.67098 8.80025 6.39894 8.52821 6.39894 8.20017C6.39894 7.87212 6.67098 7.60008 6.99902 7.60008H11.7997C12.1277 7.60008 12.3998 7.87212 12.3998 8.20017C12.3998 8.52821 12.1277 8.80025 11.7997 8.80025Z\" fill=\"currentColor\"></path>", 6);
-    var _hoisted_8 = [_hoisted_2];
-    var _hoisted_9 = ["id"];
-    var _hoisted_10 = /*#__PURE__*/vue.createElementVNode("rect", {
+    var _hoisted_1 = ["clip-path"];
+    var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
+      d: "M3.63435 0.19871C3.57113 0.135484 3.49887 0.0903226 3.41758 0.0541935C3.255 -0.0180645 3.06532 -0.0180645 2.90274 0.0541935C2.82145 0.0903226 2.74919 0.135484 2.68597 0.19871L0.427901 2.45677C0.165965 2.71871 0.165965 3.15226 0.427901 3.41419C0.689836 3.67613 1.12338 3.67613 1.38532 3.41419L2.48726 2.31226V13.3226C2.48726 13.6929 2.79435 14 3.16467 14C3.535 14 3.84209 13.6929 3.84209 13.3226V2.31226L4.94403 3.41419C5.07951 3.54968 5.25113 3.6129 5.42274 3.6129C5.59435 3.6129 5.76597 3.54968 5.90145 3.41419C6.16338 3.15226 6.16338 2.71871 5.90145 2.45677L3.64338 0.19871H3.63435ZM13.7685 13.3226C13.7685 12.9523 13.4615 12.6452 13.0911 12.6452H7.22016C6.84984 12.6452 6.54274 12.9523 6.54274 13.3226C6.54274 13.6929 6.84984 14 7.22016 14H13.0911C13.4615 14 13.7685 13.6929 13.7685 13.3226ZM7.22016 8.58064C6.84984 8.58064 6.54274 8.27355 6.54274 7.90323C6.54274 7.5329 6.84984 7.22581 7.22016 7.22581H9.47823C9.84855 7.22581 10.1556 7.5329 10.1556 7.90323C10.1556 8.27355 9.84855 8.58064 9.47823 8.58064H7.22016ZM7.22016 5.87097H7.67177C8.0421 5.87097 8.34919 5.56387 8.34919 5.19355C8.34919 4.82323 8.0421 4.51613 7.67177 4.51613H7.22016C6.84984 4.51613 6.54274 4.82323 6.54274 5.19355C6.54274 5.56387 6.84984 5.87097 7.22016 5.87097ZM11.2847 11.2903H7.22016C6.84984 11.2903 6.54274 10.9832 6.54274 10.6129C6.54274 10.2426 6.84984 9.93548 7.22016 9.93548H11.2847C11.655 9.93548 11.9621 10.2426 11.9621 10.6129C11.9621 10.9832 11.655 11.2903 11.2847 11.2903Z",
+      fill: "currentColor"
+    }, null, -1);
+    var _hoisted_3 = [_hoisted_2];
+    var _hoisted_4 = ["id"];
+    var _hoisted_5 = /*#__PURE__*/vue.createElementVNode("rect", {
       width: "14",
       height: "14",
       fill: "white"
     }, null, -1);
-    var _hoisted_11 = [_hoisted_10];
+    var _hoisted_6 = [_hoisted_5];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
         width: "14",
@@ -8725,10 +8823,10 @@ this.primevue.icons.sortamountupalt = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
-      }, _hoisted_8, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
+        "clip-path": "url(#".concat($options.pathId, ")")
+      }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
-      }, _hoisted_11, 8, _hoisted_9)])], 16);
+      }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
     script.render = render;
@@ -8756,7 +8854,7 @@ this.primevue.icons.spinner = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M6.99701 14C5.85441 13.999 4.72939 13.7186 3.72012 13.1832C2.71084 12.6478 1.84795 11.8737 1.20673 10.9284C0.565504 9.98305 0.165424 8.89526 0.041387 7.75989C-0.0826496 6.62453 0.073125 5.47607 0.495122 4.4147C0.917119 3.35333 1.59252 2.4113 2.46241 1.67077C3.33229 0.930247 4.37024 0.413729 5.4857 0.166275C6.60117 -0.0811796 7.76026 -0.0520535 8.86188 0.251112C9.9635 0.554278 10.9742 1.12227 11.8057 1.90555C11.915 2.01493 11.9764 2.16319 11.9764 2.31778C11.9764 2.47236 11.915 2.62062 11.8057 2.73C11.7521 2.78503 11.688 2.82877 11.6171 2.85864C11.5463 2.8885 11.4702 2.90389 11.3933 2.90389C11.3165 2.90389 11.2404 2.8885 11.1695 2.85864C11.0987 2.82877 11.0346 2.78503 10.9809 2.73C9.9998 1.81273 8.73246 1.26138 7.39226 1.16876C6.05206 1.07615 4.72086 1.44794 3.62279 2.22152C2.52471 2.99511 1.72683 4.12325 1.36345 5.41602C1.00008 6.70879 1.09342 8.08723 1.62775 9.31926C2.16209 10.5513 3.10478 11.5617 4.29713 12.1803C5.48947 12.7989 6.85865 12.988 8.17414 12.7157C9.48963 12.4435 10.6711 11.7264 11.5196 10.6854C12.3681 9.64432 12.8319 8.34282 12.8328 7C12.8328 6.84529 12.8943 6.69692 13.0038 6.58752C13.1132 6.47812 13.2616 6.41667 13.4164 6.41667C13.5712 6.41667 13.7196 6.47812 13.8291 6.58752C13.9385 6.69692 14 6.84529 14 7C14 8.85651 13.2622 10.637 11.9489 11.9497C10.6356 13.2625 8.85432 14 6.99701 14Z",
       fill: "currentColor"
@@ -8777,7 +8875,7 @@ this.primevue.icons.spinner = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8808,7 +8906,7 @@ this.primevue.icons.star = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M10.9741 13.6721C10.8806 13.6719 10.7886 13.6483 10.7066 13.6033L7.00002 11.6545L3.29345 13.6033C3.19926 13.6539 3.09281 13.6771 2.98612 13.6703C2.87943 13.6636 2.77676 13.6271 2.6897 13.5651C2.60277 13.5014 2.53529 13.4147 2.4948 13.3148C2.45431 13.215 2.44241 13.1058 2.46042 12.9995L3.17881 8.87264L0.167699 5.95324C0.0922333 5.8777 0.039368 5.78258 0.0150625 5.67861C-0.00924303 5.57463 -0.00402231 5.46594 0.030136 5.36477C0.0621323 5.26323 0.122141 5.17278 0.203259 5.10383C0.284377 5.03488 0.383311 4.99023 0.488681 4.97501L4.63087 4.37126L6.48797 0.618832C6.54083 0.530159 6.61581 0.456732 6.70556 0.405741C6.79532 0.35475 6.89678 0.327942 7.00002 0.327942C7.10325 0.327942 7.20471 0.35475 7.29447 0.405741C7.38422 0.456732 7.4592 0.530159 7.51206 0.618832L9.36916 4.37126L13.5114 4.97501C13.6167 4.99023 13.7157 5.03488 13.7968 5.10383C13.8779 5.17278 13.9379 5.26323 13.9699 5.36477C14.0041 5.46594 14.0093 5.57463 13.985 5.67861C13.9607 5.78258 13.9078 5.8777 13.8323 5.95324L10.8212 8.87264L11.532 12.9995C11.55 13.1058 11.5381 13.215 11.4976 13.3148C11.4571 13.4147 11.3896 13.5014 11.3027 13.5651C11.2059 13.632 11.0917 13.6692 10.9741 13.6721ZM7.00002 10.4393C7.09251 10.4404 7.18371 10.4613 7.2675 10.5005L10.2098 12.029L9.65193 8.75036C9.6368 8.6584 9.64343 8.56418 9.6713 8.47526C9.69918 8.38633 9.74751 8.30518 9.81242 8.23832L12.1969 5.94559L8.90298 5.45648C8.81188 5.44198 8.72555 5.406 8.65113 5.35152C8.57671 5.29703 8.51633 5.2256 8.475 5.14314L7.00002 2.1626L5.52503 5.15078C5.4837 5.23324 5.42332 5.30467 5.3489 5.35916C5.27448 5.41365 5.18815 5.44963 5.09705 5.46412L1.80318 5.94559L4.18761 8.23832C4.25252 8.30518 4.30085 8.38633 4.32873 8.47526C4.3566 8.56418 4.36323 8.6584 4.3481 8.75036L3.7902 12.0519L6.73253 10.5234C6.81451 10.4762 6.9058 10.4475 7.00002 10.4393Z",
       fill: "currentColor"
@@ -8829,7 +8927,7 @@ this.primevue.icons.star = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8860,7 +8958,7 @@ this.primevue.icons.starfill = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M13.9718 5.36453C13.9398 5.26298 13.8798 5.17252 13.7986 5.10356C13.7175 5.0346 13.6186 4.98994 13.5132 4.97472L9.37043 4.37088L7.51307 0.617955C7.46021 0.529271 7.38522 0.455834 7.29545 0.404836C7.20568 0.353838 7.1042 0.327026 7.00096 0.327026C6.89771 0.327026 6.79624 0.353838 6.70647 0.404836C6.6167 0.455834 6.54171 0.529271 6.48885 0.617955L4.63149 4.37088L0.488746 4.97472C0.383363 4.98994 0.284416 5.0346 0.203286 5.10356C0.122157 5.17252 0.0621407 5.26298 0.03014 5.36453C-0.00402286 5.46571 -0.00924428 5.57442 0.0150645 5.67841C0.0393733 5.7824 0.0922457 5.87753 0.167722 5.95308L3.17924 8.87287L2.4684 13.0003C2.45038 13.1066 2.46229 13.2158 2.50278 13.3157C2.54328 13.4156 2.61077 13.5022 2.6977 13.5659C2.78477 13.628 2.88746 13.6644 2.99416 13.6712C3.10087 13.678 3.20733 13.6547 3.30153 13.6042L7.00096 11.6551L10.708 13.6042C10.79 13.6491 10.882 13.6728 10.9755 13.673C11.0958 13.6716 11.2129 13.6343 11.3119 13.5659C11.3988 13.5022 11.4663 13.4156 11.5068 13.3157C11.5473 13.2158 11.5592 13.1066 11.5412 13.0003L10.8227 8.87287L13.8266 5.95308C13.9033 5.87835 13.9577 5.7836 13.9833 5.67957C14.009 5.57554 14.005 5.4664 13.9718 5.36453Z",
       fill: "currentColor"
@@ -8881,7 +8979,7 @@ this.primevue.icons.starfill = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -8912,7 +9010,7 @@ this.primevue.icons.thlarge = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8935,7 +9033,7 @@ this.primevue.icons.thlarge = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -9001,7 +9099,7 @@ this.primevue.icons.timescircle = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9024,7 +9122,7 @@ this.primevue.icons.timescircle = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -9055,7 +9153,7 @@ this.primevue.icons.trash = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9078,7 +9176,7 @@ this.primevue.icons.trash = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -9109,7 +9207,7 @@ this.primevue.icons.undo = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9132,7 +9230,7 @@ this.primevue.icons.undo = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -9163,7 +9261,7 @@ this.primevue.icons.upload = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9186,7 +9284,7 @@ this.primevue.icons.upload = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -9217,7 +9315,7 @@ this.primevue.icons.windowmaximize = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9240,7 +9338,7 @@ this.primevue.icons.windowmaximize = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -9271,7 +9369,7 @@ this.primevue.icons.windowminimize = (function (BaseIcon, utils, vue) {
       }
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9294,7 +9392,7 @@ this.primevue.icons.windowminimize = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat($options.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
         id: "".concat($options.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
@@ -10027,8 +10125,10 @@ this.primevue.virtualscroller = (function (SpinnerIcon, utils, BaseComponent, Vi
         numToleratedItems: function numToleratedItems(newValue) {
           this.d_numToleratedItems = newValue;
         },
-        loading: function loading(newValue) {
-          this.d_loading = newValue;
+        loading: function loading(newValue, oldValue) {
+          if (this.lazy && newValue !== oldValue && newValue !== this.d_loading) {
+            this.d_loading = newValue;
+          }
         },
         items: function items(newValue, oldValue) {
           if (!oldValue || oldValue.length !== (newValue || []).length) {
@@ -10535,23 +10635,25 @@ this.primevue.virtualscroller = (function (SpinnerIcon, utils, BaseComponent, Vi
         onScroll: function onScroll(event) {
           var _this9 = this;
           this.$emit('scroll', event);
-          if (this.delay && this.isPageChanged()) {
+          if (this.delay) {
             if (this.scrollTimeout) {
               clearTimeout(this.scrollTimeout);
             }
-            if (!this.d_loading && this.showLoader) {
-              var _this$onScrollPositio2 = this.onScrollPositionChange(event),
-                isRangeChanged = _this$onScrollPositio2.isRangeChanged;
-              var changed = isRangeChanged || (this.step ? this.isPageChanged() : false);
-              changed && (this.d_loading = true);
-            }
-            this.scrollTimeout = setTimeout(function () {
-              _this9.onScrollChange(event);
-              if (_this9.d_loading && _this9.showLoader && (!_this9.lazy || _this9.loading === undefined)) {
-                _this9.d_loading = false;
-                _this9.page = _this9.getPageByFirst();
+            if (this.isPageChanged()) {
+              if (!this.d_loading && this.showLoader) {
+                var _this$onScrollPositio2 = this.onScrollPositionChange(event),
+                  isRangeChanged = _this$onScrollPositio2.isRangeChanged;
+                var changed = isRangeChanged || (this.step ? this.isPageChanged() : false);
+                changed && (this.d_loading = true);
               }
-            }, this.delay);
+              this.scrollTimeout = setTimeout(function () {
+                _this9.onScrollChange(event);
+                if (_this9.d_loading && _this9.showLoader && (!_this9.lazy || _this9.loading === undefined)) {
+                  _this9.d_loading = false;
+                  _this9.page = _this9.getPageByFirst();
+                }
+              }, this.delay);
+            }
           } else {
             this.onScrollChange(event);
           }
@@ -11211,6 +11313,13 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
           type: Number,
           "default": undefined
         },
+        roundingMode: {
+          type: String,
+          "default": 'halfExpand',
+          validator: function validator(value) {
+            return ['ceil', 'floor', 'expand', 'trunc', 'halfCeil', 'halfFloor', 'halfExpand', 'halfTrunc', 'halfEven'].includes(value);
+          }
+        },
         min: {
           type: Number,
           "default": null
@@ -11367,7 +11476,8 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
             currencyDisplay: this.currencyDisplay,
             useGrouping: this.useGrouping,
             minimumFractionDigits: this.minFractionDigits,
-            maximumFractionDigits: this.maxFractionDigits
+            maximumFractionDigits: this.maxFractionDigits,
+            roundingMode: this.roundingMode
           };
         },
         constructParser: function constructParser() {
@@ -11423,7 +11533,8 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
               currency: this.currency,
               currencyDisplay: this.currencyDisplay,
               minimumFractionDigits: 0,
-              maximumFractionDigits: 0
+              maximumFractionDigits: 0,
+              roundingMode: this.roundingMode
             });
             return new RegExp("[".concat(formatter.format(1).replace(/\s/g, '').replace(this._numeral, '').replace(this._group, ''), "]"), 'g');
           }
@@ -11451,7 +11562,8 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
               currency: this.currency,
               currencyDisplay: this.currencyDisplay,
               minimumFractionDigits: 0,
-              maximumFractionDigits: 0
+              maximumFractionDigits: 0,
+              roundingMode: this.roundingMode
             });
             this.suffixChar = formatter.format(1).split('1')[1];
           }
@@ -12050,6 +12162,9 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
           input.value = this.formatValue(newValue);
           input.setAttribute('aria-valuenow', newValue);
           this.updateModel(event, newValue);
+          if (!this.disabled && !this.readonly && this.highlightOnFocus) {
+            utils.DomHandler.clearSelection();
+          }
         },
         clearTimer: function clearTimer() {
           if (this.timer) {
@@ -12612,7 +12727,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           "default": null
         },
         appendTo: {
-          type: String,
+          type: [String, Object],
           "default": 'body'
         },
         loading: {
@@ -12715,6 +12830,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
       outsideClickListener: null,
       scrollHandler: null,
       resizeListener: null,
+      labelClickListener: null,
       overlay: null,
       list: null,
       virtualScroller: null,
@@ -12745,6 +12861,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
       mounted: function mounted() {
         this.id = this.id || utils.UniqueComponentId();
         this.autoUpdateModel();
+        this.bindLabelClickListener();
       },
       updated: function updated() {
         if (this.overlayVisible && this.isModelValueChanged) {
@@ -12755,6 +12872,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
       beforeUnmount: function beforeUnmount() {
         this.unbindOutsideClickListener();
         this.unbindResizeListener();
+        this.unbindLabelClickListener();
         if (this.scrollHandler) {
           this.scrollHandler.destroy();
           this.scrollHandler = null;
@@ -12968,6 +13086,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
               this.onEndKey(event, true);
               break;
             case 'Enter':
+            case 'NumpadEnter':
               this.onEnterKey(event);
               break;
             case 'Escape':
@@ -13186,6 +13305,26 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
             this.resizeListener = null;
           }
         },
+        bindLabelClickListener: function bindLabelClickListener() {
+          var _this6 = this;
+          if (!this.editable && !this.labelClickListener) {
+            var label = document.querySelector("label[for=\"".concat(this.inputId, "\"]"));
+            if (label && utils.DomHandler.isVisible(label)) {
+              this.labelClickListener = function () {
+                utils.DomHandler.focus(_this6.$refs.focusInput);
+              };
+              label.addEventListener('click', this.labelClickListener);
+            }
+          }
+        },
+        unbindLabelClickListener: function unbindLabelClickListener() {
+          if (this.labelClickListener) {
+            var label = document.querySelector("label[for=\"".concat(this.inputId, "\"]"));
+            if (label && utils.DomHandler.isVisible(label)) {
+              label.removeEventListener('click', this.labelClickListener);
+            }
+          }
+        },
         hasFocusableElements: function hasFocusableElements() {
           return utils.DomHandler.getFocusableElements(this.overlay, ':not([data-p-hidden-focusable="true"])').length > 0;
         },
@@ -13202,35 +13341,35 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           return this.isValidOption(option) && utils.ObjectUtils.equals(this.modelValue, this.getOptionValue(option), this.equalityKey);
         },
         findFirstOptionIndex: function findFirstOptionIndex() {
-          var _this6 = this;
+          var _this7 = this;
           return this.visibleOptions.findIndex(function (option) {
-            return _this6.isValidOption(option);
+            return _this7.isValidOption(option);
           });
         },
         findLastOptionIndex: function findLastOptionIndex() {
-          var _this7 = this;
+          var _this8 = this;
           return utils.ObjectUtils.findLastIndex(this.visibleOptions, function (option) {
-            return _this7.isValidOption(option);
+            return _this8.isValidOption(option);
           });
         },
         findNextOptionIndex: function findNextOptionIndex(index) {
-          var _this8 = this;
+          var _this9 = this;
           var matchedOptionIndex = index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function (option) {
-            return _this8.isValidOption(option);
+            return _this9.isValidOption(option);
           }) : -1;
           return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
         },
         findPrevOptionIndex: function findPrevOptionIndex(index) {
-          var _this9 = this;
+          var _this10 = this;
           var matchedOptionIndex = index > 0 ? utils.ObjectUtils.findLastIndex(this.visibleOptions.slice(0, index), function (option) {
-            return _this9.isValidOption(option);
+            return _this10.isValidOption(option);
           }) : -1;
           return matchedOptionIndex > -1 ? matchedOptionIndex : index;
         },
         findSelectedOptionIndex: function findSelectedOptionIndex() {
-          var _this10 = this;
+          var _this11 = this;
           return this.hasSelectedOption ? this.visibleOptions.findIndex(function (option) {
-            return _this10.isValidSelectedOption(option);
+            return _this11.isValidSelectedOption(option);
           }) : -1;
         },
         findFirstFocusedOptionIndex: function findFirstFocusedOptionIndex() {
@@ -13242,20 +13381,20 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
         },
         searchOptions: function searchOptions(event, _char) {
-          var _this11 = this;
+          var _this12 = this;
           this.searchValue = (this.searchValue || '') + _char;
           var optionIndex = -1;
           var matched = false;
           if (this.focusedOptionIndex !== -1) {
             optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex(function (option) {
-              return _this11.isOptionMatched(option);
+              return _this12.isOptionMatched(option);
             });
             optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex(function (option) {
-              return _this11.isOptionMatched(option);
+              return _this12.isOptionMatched(option);
             }) : optionIndex + this.focusedOptionIndex;
           } else {
             optionIndex = this.visibleOptions.findIndex(function (option) {
-              return _this11.isOptionMatched(option);
+              return _this12.isOptionMatched(option);
             });
           }
           if (optionIndex !== -1) {
@@ -13271,8 +13410,8 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
             clearTimeout(this.searchTimeout);
           }
           this.searchTimeout = setTimeout(function () {
-            _this11.searchValue = '';
-            _this11.searchTimeout = null;
+            _this12.searchValue = '';
+            _this12.searchTimeout = null;
           }, 500);
           return matched;
         },
@@ -13286,7 +13425,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           }
         },
         scrollInView: function scrollInView() {
-          var _this12 = this;
+          var _this13 = this;
           var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
           var id = index !== -1 ? "".concat(this.id, "_").concat(index) : this.focusedOptionId;
           var element = utils.DomHandler.findSingle(this.list, "li[id=\"".concat(id, "\"]"));
@@ -13297,7 +13436,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
             });
           } else if (!this.virtualScrollerDisabled) {
             setTimeout(function () {
-              _this12.virtualScroller && _this12.virtualScroller.scrollToIndex(index !== -1 ? index : _this12.focusedOptionIndex);
+              _this13.virtualScroller && _this13.virtualScroller.scrollToIndex(index !== -1 ? index : _this13.focusedOptionIndex);
             }, 0);
           }
         },
@@ -13315,14 +13454,14 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           });
         },
         flatOptions: function flatOptions(options) {
-          var _this13 = this;
+          var _this14 = this;
           return (options || []).reduce(function (result, option, index) {
             result.push({
               optionGroup: option,
               group: true,
               index: index
             });
-            var optionGroupChildren = _this13.getOptionGroupChildren(option);
+            var optionGroupChildren = _this14.getOptionGroupChildren(option);
             optionGroupChildren && optionGroupChildren.forEach(function (o) {
               return result.push(o);
             });
@@ -13342,7 +13481,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
       },
       computed: {
         visibleOptions: function visibleOptions() {
-          var _this14 = this;
+          var _this15 = this;
           var options = this.optionGroupLabel ? this.flatOptions(this.options) : this.options || [];
           if (this.filterValue) {
             var filteredOptions = api.FilterService.filter(options, this.searchFields, this.filterValue, this.filterMatchMode, this.filterLocale);
@@ -13350,11 +13489,11 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
               var optionGroups = this.options || [];
               var filtered = [];
               optionGroups.forEach(function (group) {
-                var groupChildren = _this14.getOptionGroupChildren(group);
+                var groupChildren = _this15.getOptionGroupChildren(group);
                 var filteredItems = groupChildren.filter(function (item) {
                   return filteredOptions.includes(item);
                 });
-                if (filteredItems.length > 0) filtered.push(_objectSpread$1(_objectSpread$1({}, group), {}, _defineProperty$1({}, typeof _this14.optionGroupChildren === 'string' ? _this14.optionGroupChildren : 'items', _toConsumableArray(filteredItems))));
+                if (filteredItems.length > 0) filtered.push(_objectSpread$1(_objectSpread$1({}, group), {}, _defineProperty$1({}, typeof _this15.optionGroupChildren === 'string' ? _this15.optionGroupChildren : 'items', _toConsumableArray(filteredItems))));
               });
               return this.flatOptions(filtered);
             }
@@ -13404,9 +13543,9 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           return this.focusedOptionIndex !== -1 ? "".concat(this.id, "_").concat(this.focusedOptionIndex) : null;
         },
         ariaSetSize: function ariaSetSize() {
-          var _this15 = this;
+          var _this16 = this;
           return this.visibleOptions.filter(function (option) {
-            return !_this15.isOptionGroup(option);
+            return !_this16.isOptionGroup(option);
           }).length;
         },
         virtualScrollerDisabled: function virtualScrollerDisabled() {
@@ -13884,7 +14023,7 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
           "default": 0
         },
         appendTo: {
-          type: String,
+          type: [String, Object],
           "default": 'body'
         },
         closeIcon: {
@@ -14999,9 +15138,9 @@ this.primevue.paginator = (function (utils, BaseComponent, PaginatorStyle, vue,
               }
               minValue = Object.entries(sortedBreakpoints)[index - 1] ? "and (min-width:".concat(calculatedMinValue, ")") : '';
               if (key === 'default') {
-                innerHTML += "\n                            @media screen ".concat(minValue, " {\n                                .paginator[").concat(this.attributeSelector, "],\n                                .p-paginator-default{\n                                    display: flex !important;\n                                }\n                            }\n                        ");
+                innerHTML += "\n                            @media screen ".concat(minValue, " {\n                                .paginator[").concat(this.attributeSelector, "],\n                                .p-paginator-default{\n                                    display: flex;\n                                }\n                            }\n                        ");
               } else {
-                innerHTML += "\n.paginator[".concat(this.attributeSelector, "], .p-paginator-").concat(key, " {\n    display: none !important;\n}\n@media screen ").concat(minValue, " and (max-width: ").concat(key, ") {\n    .paginator[").concat(this.attributeSelector, "], .p-paginator-").concat(key, " {\n        display: flex !important;\n    }\n    .paginator[").concat(this.attributeSelector, "],\n    .p-paginator-default{\n        display: none !important;\n    }\n}\n                    ");
+                innerHTML += "\n.paginator[".concat(this.attributeSelector, "], .p-paginator-").concat(key, " {\n    display: none;\n}\n@media screen ").concat(minValue, " and (max-width: ").concat(key, ") {\n    .paginator[").concat(this.attributeSelector, "], .p-paginator-").concat(key, " {\n        display: flex;\n    }\n    .paginator[").concat(this.attributeSelector, "],\n    .p-paginator-default{\n        display: none;\n    }\n}\n                    ");
               }
             }
             this.styleElement.innerHTML = innerHTML;
@@ -15285,7 +15424,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
         },
         metaKeySelection: {
           type: Boolean,
-          "default": true
+          "default": false
         },
         loading: {
           type: Boolean,
@@ -15461,6 +15600,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
               this.onArrowLeft(event);
               break;
             case 'Enter':
+            case 'NumpadEnter':
             case 'Space':
               this.onEnterKey(event);
               break;
@@ -15950,7 +16090,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
           return node.leaf === false ? false : !(node.children && node.children.length);
         },
         onFilterKeydown: function onFilterKeydown(event) {
-          if (event.code === 'Enter') {
+          if (event.code === 'Enter' || event.code === 'NumpadEnter') {
             event.preventDefault();
           }
           this.$emit('filter', {
@@ -16160,7 +16300,7 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
           "default": null
         },
         appendTo: {
-          type: String,
+          type: [String, Object],
           "default": 'body'
         },
         autoZIndex: {
@@ -16405,6 +16545,7 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
               this.onEndKey(event);
               break;
             case 'Enter':
+            case 'NumpadEnter':
               this.onEnterKey(event);
               break;
             case 'Space':
@@ -16753,7 +16894,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
           "default": null
         },
         appendTo: {
-          type: String,
+          type: [String, Object],
           "default": 'body'
         },
         autoZIndex: {
@@ -16842,6 +16983,9 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
         getItemLabel: function getItemLabel(processedItem) {
           return this.getItemProp(processedItem, 'label');
         },
+        getItemLabelId: function getItemLabelId(processedItem) {
+          return "".concat(this.menuId, "_").concat(processedItem.key, "_label");
+        },
         getPTOptions: function getPTOptions(processedItem, index, key) {
           return this.ptm(key, {
             context: {
@@ -16937,6 +17081,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
     var _hoisted_3 = ["onClick", "onMouseenter"];
     var _hoisted_4 = ["href", "target"];
     var _hoisted_5 = ["id"];
+    var _hoisted_6 = ["id"];
     function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       var _component_AngleRightIcon = vue.resolveComponent("AngleRightIcon");
       var _component_TieredMenuSub = vue.resolveComponent("TieredMenuSub", true);
@@ -16996,8 +17141,9 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
               key: 1,
               "class": [_ctx.cx('icon'), $options.getItemProp(processedItem, 'icon')]
             }, $options.getPTOptions(processedItem, index, 'icon')), null, 16)) : vue.createCommentVNode("", true), vue.createElementVNode("span", vue.mergeProps({
+              id: $options.getItemLabelId(processedItem),
               "class": _ctx.cx('label')
-            }, $options.getPTOptions(processedItem, index, 'label')), vue.toDisplayString($options.getItemLabel(processedItem)), 17), $options.getItemProp(processedItem, 'items') ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            }, $options.getPTOptions(processedItem, index, 'label')), vue.toDisplayString($options.getItemLabel(processedItem)), 17, _hoisted_5), $options.getItemProp(processedItem, 'items') ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: 2
             }, [$props.templates.submenuicon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.submenuicon), vue.mergeProps({
               key: 0,
@@ -17018,6 +17164,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
               style: vue.normalizeStyle(_ctx.sx('submenu', true, {
                 processedItem: processedItem
               })),
+              "aria-labelledby": $options.getItemLabelId(processedItem),
               role: "menu",
               menuId: $props.menuId,
               focusedItemId: $props.focusedItemId,
@@ -17034,13 +17181,13 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
               onItemMouseenter: _cache[1] || (_cache[1] = function ($event) {
                 return _ctx.$emit('item-mouseenter', $event);
               })
-            }, null, 8, ["id", "style", "menuId", "focusedItemId", "items", "templates", "activeItemPath", "level", "visible", "pt", "unstyled"])) : vue.createCommentVNode("", true)], 16, _hoisted_2)) : vue.createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
+            }, null, 8, ["id", "style", "aria-labelledby", "menuId", "focusedItemId", "items", "templates", "activeItemPath", "level", "visible", "pt", "unstyled"])) : vue.createCommentVNode("", true)], 16, _hoisted_2)) : vue.createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
               key: 1,
               id: $options.getItemId(processedItem),
               style: $options.getItemProp(processedItem, 'style'),
               "class": [_ctx.cx('separator'), $options.getItemProp(processedItem, 'class')],
               role: "separator"
-            }, _ctx.ptm('separator')), null, 16, _hoisted_5)) : vue.createCommentVNode("", true)], 64);
+            }, _ctx.ptm('separator')), null, 16, _hoisted_6)) : vue.createCommentVNode("", true)], 64);
           }), 128))], 16, _hoisted_1$1)) : vue.createCommentVNode("", true)];
         }),
         _: 1
@@ -17211,6 +17358,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
               this.onSpaceKey(event);
               break;
             case 'Enter':
+            case 'NumpadEnter':
               this.onEnterKey(event);
               break;
             case 'Escape':