primereact 10.9.2 → 10.9.4

package/primereact.all.js

@@ -26,49 +26,43 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
   function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
       }
-      return target;
-    };
-    return _extends.apply(this, arguments);
+      return n;
+    }, _extends.apply(null, arguments);
   }
 
-  function _arrayLikeToArray$i(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 _arrayLikeToArray$i(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
   }
 
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$i(arr);
+  function _arrayWithoutHoles(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray$i(r);
   }
 
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  function _iterableToArray(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
 
-  function _unsupportedIterableToArray$i(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$i(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$i(o, minLen);
+  function _unsupportedIterableToArray$i(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray$i(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$i(r, a) : void 0;
+    }
   }
 
   function _nonIterableSpread() {
     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 _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$i(arr) || _nonIterableSpread();
+  function _toConsumableArray(r) {
+    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray$i(r) || _nonIterableSpread();
   }
 
   function _typeof(o) {
@@ -81,39 +75,33 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, _typeof(o);
   }
 
-  function _toPrimitive(input, hint) {
-    if (_typeof(input) !== "object" || input === null) return input;
-    var prim = input[Symbol.toPrimitive];
-    if (prim !== undefined) {
-      var res = prim.call(input, hint || "default");
-      if (_typeof(res) !== "object") return res;
+  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 (hint === "string" ? String : Number)(input);
+    return ("string" === r ? String : Number)(t);
   }
 
-  function _toPropertyKey(arg) {
-    var key = _toPrimitive(arg, "string");
-    return _typeof(key) === "symbol" ? key : String(key);
+  function toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == _typeof(i) ? i : i + "";
   }
 
-  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 _defineProperty(e, r, t) {
+    return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
   }
 
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
   }
 
   function _iterableToArrayLimit(r, l) {
@@ -148,8 +136,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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 _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$i(arr, i) || _nonIterableRest();
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray$i(r, e) || _nonIterableRest();
   }
 
   var FilterMatchMode = Object.freeze({
@@ -208,33 +196,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return undefined;
   }
 
-  function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
+  function _classCallCheck(a, n) {
+    if (!(a instanceof n)) 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 _defineProperties(e, r) {
+    for (var t = 0; t < r.length; t++) {
+      var o = r[t];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
     }
   }
-  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 _createClass(e, r, t) {
+    return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+      writable: !1
+    }), e;
   }
 
-  function _createForOfIteratorHelper$h(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$h(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$h(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$h(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$h(o, minLen); }
-  function _arrayLikeToArray$h(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 _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
+  function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var DomHandler = /*#__PURE__*/function () {
     function DomHandler() {
       _classCallCheck(this, DomHandler);
@@ -1528,9 +1508,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
   }
 
-  function _createForOfIteratorHelper$g(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$g(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$g(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$g(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$g(o, minLen); }
-  function _arrayLikeToArray$g(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 _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0; } }
+  function _arrayLikeToArray$g(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var ObjectUtils = /*#__PURE__*/function () {
     function ObjectUtils() {
       _classCallCheck(this, ObjectUtils);
@@ -1764,13 +1744,34 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function getDiffProps(props, defaultProps) {
         return this.findDiffKeys(props, defaultProps);
       }
+
+      /**
+       * Gets the value of a property which can be a function or a direct value.
+       * If the property is a function, it will be invoked with the provided parameters.
+       * @param {*} obj - The object to get the value from
+       * @param {...*} params - Parameters to pass to the function if obj is a function
+       * @returns {*} The resolved value
+       */
     }, {
       key: "getPropValue",
       value: function getPropValue(obj) {
+        // If obj is not a function, return it directly
+        if (!this.isFunction(obj)) {
+          return obj;
+        }
+
+        // Handle function invocation
         for (var _len3 = arguments.length, params = new Array(_len3 > 1 ? _len3 - 1 : 0), _key4 = 1; _key4 < _len3; _key4++) {
           params[_key4 - 1] = arguments[_key4];
         }
-        return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
+        if (params.length === 1) {
+          // For single parameter case, unwrap array if needed to avoid extra nesting
+          var param = params[0];
+          return obj(Array.isArray(param) ? param[0] : param);
+        }
+
+        // Pass all parameters to function
+        return obj.apply(void 0, params);
       }
     }, {
       key: "getComponentProp",
@@ -2071,8 +2072,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return "".concat(prefix).concat(lastId);
   }
 
-  function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$22(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$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var IconUtils = /*#__PURE__*/function () {
     function IconUtils() {
       _classCallCheck(this, IconUtils);
@@ -2091,7 +2092,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             key: UniqueComponentId('icon')
           }));
           if (iconType !== 'string') {
-            var defaultContentOptions = _objectSpread$21({
+            var defaultContentOptions = _objectSpread$22({
               iconProps: iconProps,
               element: content
             }, options);
@@ -2103,8 +2104,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }]);
   }();
 
-  function ownKeys$20(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$20(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$20(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$20(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   function mask(el, options) {
     var defaultOptions = {
       mask: null,
@@ -2117,7 +2118,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onFocus: null,
       onBlur: null
     };
-    options = _objectSpread$20(_objectSpread$20({}, defaultOptions), options);
+    options = _objectSpread$21(_objectSpread$21({}, defaultOptions), options);
     var tests;
     var partialPosition;
     var len;
@@ -2557,8 +2558,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
   }
 
-  function ownKeys$1$(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$1$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$20(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$20(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$20(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$20(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   /**
    * Merges properties together taking an Array of props and merging into one single set of
    * properties. The options can contain a "classNameMergeFunction" which can be something
@@ -2585,7 +2586,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var _loop = function _loop() {
         var value = ps[key];
         if (key === 'style') {
-          merged.style = _objectSpread$1$(_objectSpread$1$({}, merged.style), ps.style);
+          merged.style = _objectSpread$20(_objectSpread$20({}, merged.style), ps.style);
         } else if (key === 'className') {
           var newClassName = '';
           if (hasMergeFunction) {
@@ -2663,9 +2664,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }
   var ZIndexUtils = handler();
 
-  function _createForOfIteratorHelper$f(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$f(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$f(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$f(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$f(o, minLen); }
-  function _arrayLikeToArray$f(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 _createForOfIteratorHelper$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0; } }
+  function _arrayLikeToArray$f(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var FilterService = {
     filter: function filter(value, fields, filterValue, filterMatchMode, filterLocale) {
       var filteredItems = [];
@@ -2948,8 +2949,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.replaceChild(newLinkElement, linkElement);
   });
 
-  function ownKeys$1_(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$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1$(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$1$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var locales = {
     en: {
       accept: 'Yes',
@@ -3036,6 +3037,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         jumpToPageDropdownLabel: 'Jump to Page Dropdown',
         jumpToPageInputLabel: 'Jump to Page Input',
         lastPageLabel: 'Last Page',
+        listLabel: 'Option List',
         listView: 'List View',
         moveAllToSource: 'Move All to Source',
         moveAllToTarget: 'Move All to Target',
@@ -3054,7 +3056,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         passwordHide: 'Hide Password',
         passwordShow: 'Show Password',
         previous: 'Previous',
-        previousPageLabel: 'Previous Page',
+        prevPageLabel: 'Previous Page',
         rotateLeft: 'Rotate Left',
         rotateRight: 'Rotate Right',
         rowsPerPageLabel: 'Rows per page',
@@ -3087,7 +3089,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     if (locale.includes('__proto__') || locale.includes('prototype')) {
       throw new Error('Unsafe locale detected');
     }
-    locales[locale] = _objectSpread$1_(_objectSpread$1_({}, locales.en), options);
+    locales[locale] = _objectSpread$1$(_objectSpread$1$({}, locales.en), options);
   }
   function updateLocaleOption(key, value, locale) {
     if (key.includes('__proto__') || key.includes('prototype')) {
@@ -3100,7 +3102,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       throw new Error('Unsafe locale detected');
     }
     var _locale = locale || PrimeReact$1.locale;
-    locales[_locale] = _objectSpread$1_(_objectSpread$1_({}, locales[_locale]), options);
+    locales[_locale] = _objectSpread$1$(_objectSpread$1$({}, locales[_locale]), options);
   }
   function localeOption(key, locale) {
     if (key.includes('__proto__') || key.includes('prototype')) {
@@ -4104,8 +4106,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* eslint-enable */
 
-  function ownKeys$1Z(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$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1_(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$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var useMouse = function useMouse() {
     var _React$useState = React__namespace.useState({
         x: 0,
@@ -4166,15 +4168,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     }, [bindDocumentMoveEventListener, bindMouseMoveEventListener, unbindDocumentMoveEventListener, unbindMouseMoveEventListener]);
-    return _objectSpread$1Z(_objectSpread$1Z({
+    return _objectSpread$1_(_objectSpread$1_({
       ref: ref
     }, position), {}, {
       reset: reset
     });
   };
 
-  function ownKeys$1Y(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$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1Z(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$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   function useMove(_ref) {
     var _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? 'both' : _ref$mode,
@@ -4358,7 +4360,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);
-    return _objectSpread$1Y(_objectSpread$1Y({
+    return _objectSpread$1Z(_objectSpread$1Z({
       ref: ref
     }, positions), {}, {
       active: active,
@@ -4769,10 +4771,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* eslint-enable */
 
-  function ownKeys$1X(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$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1Y(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$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    opacity: 0;\n    overflow: hidden;\n    padding: 0;\n    pointer-events: none;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
-  var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
+  var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n\n.p-button-group-single .p-button:first-of-type {\n    border-top-right-radius: var(--border-radius) !important;\n    border-bottom-right-radius: var(--border-radius) !important;\n}\n\n.p-button-group-single .p-button:last-of-type {\n    border-top-left-radius: var(--border-radius) !important;\n    border-bottom-left-radius: var(--border-radius) !important;\n}\n";
   var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\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: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ 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.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\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-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.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 iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
   var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\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-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react 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    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\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-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(iconStyles, "\n}\n");
@@ -4792,7 +4794,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     extend: function extend() {
       var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var css = props.css;
-      var defaultProps = _objectSpread$1X(_objectSpread$1X({}, props.defaultProps), ComponentBase.defaultProps);
+      var defaultProps = _objectSpread$1Y(_objectSpread$1Y({}, props.defaultProps), ComponentBase.defaultProps);
       var inlineStyles = {};
       var getProps = function getProps(props) {
         var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -4855,10 +4857,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         };
         var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, originalkey, params) : _useDefaultPT(getPTClassValue, originalkey, params) : undefined;
         var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, originalkey, params);
-        var datasetProps = !isTransition && _objectSpread$1X(_objectSpread$1X({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
+        var datasetProps = !isTransition && _objectSpread$1Y(_objectSpread$1Y({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
         return mergeSections || !mergeSections && self ? useMergeProps ? mergeProps([globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}], {
           classNameMergeFunction: (_ComponentBase$contex = ComponentBase.context.ptOptions) === null || _ComponentBase$contex === void 0 ? void 0 : _ComponentBase$contex.classNameMergeFunction
-        }) : _objectSpread$1X(_objectSpread$1X(_objectSpread$1X({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1X(_objectSpread$1X({}, self), Object.keys(datasetProps).length ? datasetProps : {});
+        }) : _objectSpread$1Y(_objectSpread$1Y(_objectSpread$1Y({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1Y(_objectSpread$1Y({}, self), Object.keys(datasetProps).length ? datasetProps : {});
       };
       var setMetaData = function setMetaData() {
         var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4867,7 +4869,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var ptm = function ptm() {
           var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
           var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-          return getPTValue((props || {}).pt, key, _objectSpread$1X(_objectSpread$1X({}, metadata), params));
+          return getPTValue((props || {}).pt, key, _objectSpread$1Y(_objectSpread$1Y({}, metadata), params));
         };
         var ptmo = function ptmo() {
           var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4881,7 +4883,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var cx = function cx() {
           var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
           var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-          return !isUnstyled() ? _getOptionValue(css && css.classes, key, _objectSpread$1X({
+          return !isUnstyled() ? _getOptionValue(css && css.classes, key, _objectSpread$1Y({
             props: props,
             state: state
           }, params)) : undefined;
@@ -4892,11 +4894,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
           if (when) {
             var _ComponentBase$contex2;
-            var self = _getOptionValue(css && css.inlineStyles, key, _objectSpread$1X({
+            var self = _getOptionValue(css && css.inlineStyles, key, _objectSpread$1Y({
               props: props,
               state: state
             }, params));
-            var base = _getOptionValue(inlineStyles, key, _objectSpread$1X({
+            var base = _getOptionValue(inlineStyles, key, _objectSpread$1Y({
               props: props,
               state: state
             }, params));
@@ -4914,7 +4916,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           isUnstyled: isUnstyled
         };
       };
-      return _objectSpread$1X(_objectSpread$1X({
+      return _objectSpread$1Y(_objectSpread$1Y({
         getProps: getProps,
         getOtherProps: getOtherProps,
         setMetaData: setMetaData
@@ -4972,7 +4974,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       return mergeSections || !mergeSections && value ? useMergeProps ? mergeProps([originalValue, value], {
         classNameMergeFunction: classNameMergeFunction
-      }) : _objectSpread$1X(_objectSpread$1X({}, originalValue), value) : value;
+      }) : _objectSpread$1Y(_objectSpread$1Y({}, originalValue), value) : value;
     }
     return fn(pt);
   };
@@ -4993,6 +4995,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return _usePT(getDefaultPT(), callback, key, params);
   };
   var useHandleStyle = function useHandleStyle(styles) {
+    var _isUnstyled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
     var config = arguments.length > 2 ? arguments[2] : undefined;
     var name = config.name,
       _config$styled = config.styled,
@@ -5020,7 +5023,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         name: name,
         manual: true
       }),
-      load = _useStyle4.load;
+      loadComponentStyle = _useStyle4.load;
     var hook = function hook(hookName) {
       if (!hostName) {
         var selfHook = _usePT(_getPT((ComponentBase.cProps || {}).pt, componentName), _getOptionValue, "hooks.".concat(hookName));
@@ -5031,11 +5034,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     hook('useMountEffect');
     useMountEffect(function () {
+      // Load base and global styles first as they are always needed
       loadBaseStyle();
       loadGlobalStyle();
-      loadCommonStyle();
-      if (!styled) {
-        load();
+
+      // Only load additional styles if component is styled
+      if (!_isUnstyled()) {
+        // Load common styles shared across components
+        loadCommonStyle();
+
+        // Load component-specific styles if not explicitly styled
+        if (!styled) {
+          loadComponentStyle();
+        }
       }
     });
     useUpdateEffect(function () {
@@ -5059,8 +5070,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   };
 
-  function ownKeys$1W(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$1W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1X(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$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = CSSTransitionBase.getProps(inProps);
     var context = React__namespace.useContext(PrimeReactContext);
@@ -5123,7 +5134,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       timeout: props.timeout,
       unmountOnExit: props.unmountOnExit
     };
-    var mergedProps = _objectSpread$1W(_objectSpread$1W(_objectSpread$1W({}, mutableProps), props.options || {}), immutableProps);
+    var mergedProps = _objectSpread$1X(_objectSpread$1X(_objectSpread$1X({}, mutableProps), props.options || {}), immutableProps);
     return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
   });
   CSSTransition.displayName = 'CSSTransition';
@@ -5262,8 +5273,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1V(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$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1W(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$1W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var AccordionTab = function AccordionTab() {};
   var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
@@ -5287,7 +5298,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         activeIndex: activeIndexState
       }
     };
-    var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread$1V({}, metaData)),
+    var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread$1W({}, metaData)),
       ptm = _AccordionBase$setMet.ptm,
       ptmo = _AccordionBase$setMet.ptmo,
       cx = _AccordionBase$setMet.cx,
@@ -5438,7 +5449,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return null;
     }
     var createTabHeader = function createTabHeader(tab, selected, index) {
-      var style = _objectSpread$1V(_objectSpread$1V({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'headerStyle') || {});
+      var style = _objectSpread$1W(_objectSpread$1W({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'headerStyle') || {});
       var headerId = idState + '_header_' + index;
       var ariaControls = idState + '_content_' + index;
       var tabIndex = getTabProp(tab, 'disabled') ? -1 : getTabProp(tab, 'tabIndex');
@@ -5452,7 +5463,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('accordiontab.headericon')
       }, getTabPT(tab, 'headericon', index));
       var icon = selected ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, headerIconProps);
-      var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread$1V({}, headerIconProps), {
+      var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread$1W({}, headerIconProps), {
         props: props,
         selected: selected
       });
@@ -5485,7 +5496,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("a", headerActionProps, toggleIcon, header));
     };
     var createTabContent = function createTabContent(tab, selected, index) {
-      var style = _objectSpread$1V(_objectSpread$1V({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
+      var style = _objectSpread$1W(_objectSpread$1W({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
       var contentId = idState + '_content_' + index;
       var ariaLabelledby = idState + '_header_' + index;
       var contentRef = /*#__PURE__*/React__namespace.createRef();
@@ -5575,13 +5586,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1U(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$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1V(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$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Badge = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
     var props = BadgeBase.getProps(inProps, context);
-    var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1U({
+    var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1V({
         props: props
       }, props.__parentMetadata)),
       ptm = _BadgeBase$setMetaDat.ptm,
@@ -5645,8 +5656,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1T(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$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1U(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$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Ripple = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -5665,7 +5676,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       name: 'ripple',
       manual: !isRippleActive
     });
-    var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread$1T({}, metaData)),
+    var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread$1U({}, metaData)),
       ptm = _RippleBase$setMetaDa.ptm,
       cx = _RippleBase$setMetaDa.cx;
     var getTarget = function getTarget() {
@@ -5871,8 +5882,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1S(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$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1T(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$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -6077,9 +6088,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var hide = function hide(e) {
       if (e && e.type === 'blur') setMultipleFocusEvents(false);
       clearTimeouts();
-      var success = true;
       if (visibleState) {
-        success = sendCallback(props.onBeforeHide, {
+        var success = sendCallback(props.onBeforeHide, {
           originalEvent: e,
           target: currentTargetRef.current
         });
@@ -6090,16 +6100,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             }
             ZIndexUtils.clear(elementRef.current);
             DomHandler.removeClass(elementRef.current, 'p-tooltip-active');
+            setVisibleState(false);
             sendCallback(props.onHide, {
               originalEvent: e,
               target: currentTargetRef.current
             });
           });
         }
-      }
-
-      // handles the case when visibleState change from mouseenter was queued and mouseleave handler was called earlier than queued re-render
-      if (success) {
+      } else if (!props.onBeforeHide && !getDelay('hideDelay')) {
+        // handles the case when visibleState change from mouseenter was queued and mouseleave handler was called earlier than queued re-render
         setVisibleState(false);
       }
     };
@@ -6212,9 +6221,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
       }
     };
+    var getDelay = function getDelay(delayProp) {
+      return getTargetOption(currentTargetRef.current, delayProp.toLowerCase()) || props[delayProp];
+    };
     var applyDelay = function applyDelay(delayProp, callback) {
       clearTimeouts();
-      var delay = getTargetOption(currentTargetRef.current, delayProp.toLowerCase()) || props[delayProp];
+      var delay = getDelay(delayProp);
       delay ? timeouts.current["".concat(delayProp)] = setTimeout(function () {
         return callback();
       }, delay) : callback();
@@ -6377,7 +6389,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, TooltipBase.getOtherProps(props), ptm('root'));
       var arrowProps = mergeProps({
         className: cx('arrow'),
-        style: sx('arrow', _objectSpread$1S({}, metaData))
+        style: sx('arrow', _objectSpread$1T({}, metaData))
       }, ptm('arrow'));
       var textProps = mergeProps({
         className: cx('text')
@@ -6462,14 +6474,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1R(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$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1S(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$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Button = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
     var props = ButtonBase.getProps(inProps, context);
     var disabled = props.disabled || props.loading;
-    var metaData = _objectSpread$1R(_objectSpread$1R({
+    var metaData = _objectSpread$1S(_objectSpread$1S({
       props: props
     }, props.__parentMetadata), {}, {
       context: {
@@ -6507,7 +6519,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
         spin: true
       })) : props.icon;
-      return IconUtils.getJSXIcon(icon, _objectSpread$1R({}, iconsProps), {
+      return IconUtils.getJSXIcon(icon, _objectSpread$1S({}, iconsProps), {
         props: props
       });
     };
@@ -6695,13 +6707,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1Q(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$1Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1R(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$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var InputText = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
     var props = InputTextBase.getProps(inProps, context);
-    var _InputTextBase$setMet = InputTextBase.setMetaData(_objectSpread$1Q(_objectSpread$1Q({
+    var _InputTextBase$setMet = InputTextBase.setMetaData(_objectSpread$1R(_objectSpread$1R({
         props: props
       }, props.__parentMetadata), {}, {
         context: {
@@ -6754,7 +6766,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, [props.value, props.defaultValue]);
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     React__namespace.useEffect(function () {
-      if (isFilled) {
+      var _elementRef$current;
+      if (isFilled || (_elementRef$current = elementRef.current) !== null && _elementRef$current !== void 0 && _elementRef$current.value) {
         DomHandler.addClass(elementRef.current, 'p-filled');
       } else {
         DomHandler.removeClass(elementRef.current, 'p-filled');
@@ -6968,8 +6981,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1P(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$1P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1Q(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$1Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -7352,7 +7365,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var contentPos = getContentPosition();
         var setProp = function setProp(_name, _value, _size) {
           var _cpos = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-          return spacerStyle.current = _objectSpread$1P(_objectSpread$1P({}, spacerStyle.current), _defineProperty({}, "".concat(_name), (_value || []).length * _size + _cpos + 'px'));
+          return spacerStyle.current = _objectSpread$1Q(_objectSpread$1Q({}, spacerStyle.current), _defineProperty({}, "".concat(_name), (_value || []).length * _size + _cpos + 'px'));
         };
         if (both) {
           setProp('height', items, props.itemSize[0], contentPos.y);
@@ -7372,7 +7385,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var _x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
           var _y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
           _stickyRef.current && (_stickyRef.current.style.top = "-".concat(_y, "px"));
-          contentStyle.current = _objectSpread$1P(_objectSpread$1P({}, contentStyle.current), {
+          contentStyle.current = _objectSpread$1Q(_objectSpread$1Q({}, contentStyle.current), {
             transform: "translate3d(".concat(_x, "px, ").concat(_y, "px, 0)")
           });
         };
@@ -7552,7 +7565,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var loaderOptions = function loaderOptions(index, extOptions) {
       var count = loaderArrState.length || 0;
-      return _objectSpread$1P({
+      return _objectSpread$1Q({
         index: index,
         count: count,
         first: index === 0,
@@ -7577,7 +7590,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return [];
     };
     var viewInit = function viewInit() {
-      if (elementRef.current && DomHandler.isVisible(elementRef.current)) {
+      if (elementRef.current && isVisible()) {
         setContentElement(_contentRef.current);
         init();
         bindWindowResizeListener();
@@ -7589,7 +7602,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var init = function init() {
-      if (!props.disabled && DomHandler.isVisible(elementRef.current)) {
+      if (!props.disabled && isVisible()) {
         setSize();
         calculateOptions();
         setSpacerSize();
@@ -7686,7 +7699,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
         spin: true
       }));
-      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1P({}, loadingIconProps), {
+      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1Q({}, loadingIconProps), {
         props: props
       });
       if (!props.loaderDisabled && props.showLoader && loadingState) {
@@ -7814,15 +7827,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   VirtualScroller.displayName = 'VirtualScroller';
 
-  function ownKeys$1O(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$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1P(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$1P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var AutoCompletePanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var mergeProps = useMergeProps();
     var ptm = props.ptm,
       cx = props.cx;
     var context = React__namespace.useContext(PrimeReactContext);
     var _ptm = function _ptm(key, options) {
-      return ptm(key, _objectSpread$1O({
+      return ptm(key, _objectSpread$1P({
         hostName: props.hostName
       }, options));
     };
@@ -7862,7 +7875,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
     var createLabelItem = function createLabelItem(item, key, index, labelItemProps) {
       var content = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, item, index) : props.getOptionGroupLabel(item) || item;
-      var itemGroupProps = mergeProps(_objectSpread$1O({
+      var itemGroupProps = mergeProps(_objectSpread$1P({
         index: index,
         className: cx('itemGroup'),
         'data-p-highlight': false
@@ -7883,7 +7896,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createListItem = function createListItem(item, key, index, listItemProps) {
       var selected = isOptionSelected(item);
       var content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, item, index) : props.field ? ObjectUtils.resolveFieldData(item, props.field) : item;
-      var itemProps = mergeProps(_objectSpread$1O({
+      var itemProps = mergeProps(_objectSpread$1P({
         index: index,
         role: 'option',
         className: cx('item', {
@@ -7978,8 +7991,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       if (props.virtualScrollerOptions) {
         var _items = props.suggestions ? props.optionGroupLabel ? flattenGroupedItems(props === null || props === void 0 ? void 0 : props.suggestions) : props.suggestions : null;
-        var virtualScrollerProps = _objectSpread$1O(_objectSpread$1O({}, props.virtualScrollerOptions), {
-          style: _objectSpread$1O(_objectSpread$1O({}, props.virtualScrollerOptions.style), {
+        var virtualScrollerProps = _objectSpread$1P(_objectSpread$1P({}, props.virtualScrollerOptions), {
+          style: _objectSpread$1P(_objectSpread$1P({}, props.virtualScrollerOptions.style), {
             height: props.scrollHeight
           }),
           autoSize: true,
@@ -8025,7 +8038,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.createElement("div", listWrapperProps, /*#__PURE__*/React__namespace.createElement("ul", listProps, items));
     };
     var createElement = function createElement() {
-      var style = _objectSpread$1O({}, props.panelStyle || {});
+      var style = _objectSpread$1P({}, props.panelStyle || {});
       var content = createContent();
       var footer = createFooter();
       var panelProps = mergeProps({
@@ -8066,8 +8079,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   AutoCompletePanel.displayName = 'AutoCompletePanel';
 
-  function ownKeys$1N(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$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1O(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$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var AutoComplete = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -8477,6 +8490,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     React__namespace.useEffect(function () {
       ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);
+    React__namespace.useEffect(function () {
+      if (ObjectUtils.isNotEmpty(props.value)) {
+        selectedItem.current = props.value;
+      }
+    }, [props.value]);
     useMountEffect(function () {
       if (!idState) {
         setIdState(UniqueComponentId());
@@ -8578,6 +8596,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       }));
     };
+    var onRemoveTokenIconKeyDown = function onRemoveTokenIconKeyDown(event, val) {
+      switch (event.code) {
+        case 'Space':
+        case 'NumpadEnter':
+        case 'Enter':
+          removeItem(event, val);
+          event.preventDefault();
+          event.stopPropagation();
+          break;
+      }
+    };
     var createChips = function createChips() {
       if (ObjectUtils.isNotEmpty(props.value)) {
         return props.value.map(function (val, index) {
@@ -8586,10 +8615,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             className: cx('removeTokenIcon'),
             onClick: function onClick(e) {
               return removeItem(e, index);
+            },
+            tabIndex: props.tabIndex || '0',
+            'aria-label': localeOption('clear'),
+            onKeyDown: function onKeyDown(e) {
+              return onRemoveTokenIconKeyDown(e, index);
             }
           }, ptm('removeTokenIcon'));
           var icon = props.removeTokenIcon || /*#__PURE__*/React__namespace.createElement(TimesCircleIcon, removeTokenIconProps);
-          var removeTokenIcon = !props.disabled && IconUtils.getJSXIcon(icon, _objectSpread$1N({}, removeTokenIconProps), {
+          var removeTokenIcon = !props.disabled && IconUtils.getJSXIcon(icon, _objectSpread$1O({}, removeTokenIconProps), {
             props: props
           });
           var tokenProps = mergeProps({
@@ -8611,7 +8645,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var inputTokenProps = mergeProps({
         className: cx('inputToken')
       }, ptm('inputToken'));
-      var inputProps = mergeProps(_objectSpread$1N({
+      var inputProps = mergeProps(_objectSpread$1O({
         id: props.inputId,
         ref: inputRef,
         'aria-autocomplete': 'list',
@@ -8683,7 +8717,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
           spin: true
         }));
-        var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread$1N({}, loadingIconProps), {
+        var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread$1O({}, loadingIconProps), {
           props: props
         });
         return loaderIcon;
@@ -8774,8 +8808,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1M(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$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1N(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$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -8820,7 +8854,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var iconProps = mergeProps({
           className: cx('icon')
         }, ptm('icon'));
-        return IconUtils.getJSXIcon(props.icon, _objectSpread$1M({}, iconProps), {
+        return IconUtils.getJSXIcon(props.icon, _objectSpread$1N({}, iconProps), {
           props: props
         });
       }
@@ -8944,8 +8978,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1L(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$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1M(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$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -9025,7 +9059,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var appendTo = props.fullScreen ? document.body : 'self';
         var maskProps = mergeProps({
           className: classNames(props.className, cx('mask')),
-          style: _objectSpread$1L(_objectSpread$1L({}, props.style), {}, {
+          style: _objectSpread$1M(_objectSpread$1M({}, props.style), {}, {
             position: props.fullScreen ? 'fixed' : 'absolute',
             top: '0',
             left: '0',
@@ -9097,8 +9131,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1K(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$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1L(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$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var BreadCrumb = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -9157,7 +9191,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var iconProps = mergeProps({
           className: cx('icon')
         }, ptm('icon'));
-        var icon = IconUtils.getJSXIcon(_icon, _objectSpread$1K({}, iconProps), {
+        var icon = IconUtils.getJSXIcon(_icon, _objectSpread$1L({}, iconProps), {
           props: props
         });
         var actionProps = mergeProps({
@@ -9209,7 +9243,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'aria-hidden': 'true'
       }, ptm('separatorIcon'));
       var icon = props.separatorIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, separatorIconProps);
-      var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1K({}, separatorIconProps), {
+      var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1L({}, separatorIconProps), {
         props: props
       });
       var separatorProps = mergeProps({
@@ -9601,11 +9635,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   CalendarPanel.displayName = 'CalendarPanel';
 
-  function ownKeys$1J(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$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$e(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$e(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$e(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$e(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$e(o, minLen); }
-  function _arrayLikeToArray$e(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 ownKeys$1K(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$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
+  function _arrayLikeToArray$e(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -9762,6 +9796,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       try {
         var value = parseValueFromString(props.timeOnly ? rawValue.replace('_', '') : rawValue);
         if (isValidSelection(value)) {
+          validateDate(value);
           updateModel(event, value);
           var date = value.length ? value[0] : value;
           updateViewDate(event, date);
@@ -11052,6 +11087,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (!props.inline && isSingleSelection() && (!props.showTime || props.hideOnDateTimeSelect) && !isUpdateViewDate) {
         setTimeout(function () {
           hide('dateselect');
+          reFocusInputField();
         }, 100);
         if (touchUIMask.current) {
           disableModality();
@@ -12399,7 +12435,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('previousIcon')
       }, ptm('previousIcon'));
       var icon = props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronLeftIcon, previousIconProps);
-      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1J({}, previousIconProps), {
+      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1K({}, previousIconProps), {
         props: props
       });
       var _localeOptions4 = localeOptions(props.locale),
@@ -12407,7 +12443,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         prevYear = _localeOptions4.prevYear,
         prevMonth = _localeOptions4.prevMonth;
       var previousButtonLabel = currentView === 'year' ? prevDecade : currentView === 'month' ? prevYear : prevMonth;
-      var previousButtonProps = mergeProps(_objectSpread$1J({
+      var previousButtonProps = mergeProps(_objectSpread$1K({
         type: 'button',
         className: cx('previousButton'),
         'aria-label': previousButtonLabel
@@ -12431,7 +12467,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('nextIcon')
       }, ptm('nextIcon'));
       var icon = props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, nextIconProps);
-      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1J({}, nextIconProps), {
+      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1K({}, nextIconProps), {
         props: props
       });
       var _localeOptions5 = localeOptions(props.locale),
@@ -12439,7 +12475,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         nextYear = _localeOptions5.nextYear,
         nextMonth = _localeOptions5.nextMonth;
       var nextButtonLabel = currentView === 'year' ? nextDecade : currentView === 'month' ? nextYear : nextMonth;
-      var nextButtonProps = mergeProps(_objectSpread$1J({
+      var nextButtonProps = mergeProps(_objectSpread$1K({
         type: 'button',
         className: cx('nextButton'),
         'aria-label': nextButtonLabel
@@ -12668,7 +12704,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }),
           'aria-label': formattedValue,
           'data-p-today': date.today,
-          'data-p-other-month': date.otherMonth
+          'data-p-other-month': date.otherMonth,
+          'data-p-day': date.day,
+          'data-p-month': date.month,
+          'data-p-year': date.year
         }, ptm('day', {
           context: {
             date: date,
@@ -12803,10 +12842,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var incrementIconProps = mergeProps(ptm('incrementIcon'));
     var decrementIconProps = mergeProps(ptm('decrementIcon'));
-    var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$1J({}, incrementIconProps), {
+    var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$1K({}, incrementIconProps), {
       props: props
     });
-    var decrementIcon = IconUtils.getJSXIcon(props.decrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, decrementIconProps), _objectSpread$1J({}, decrementIconProps), {
+    var decrementIcon = IconUtils.getJSXIcon(props.decrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, decrementIconProps), _objectSpread$1K({}, decrementIconProps), {
       props: props
     });
     var createHourPicker = function createHourPicker() {
@@ -13480,8 +13519,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1I(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$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1J(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$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CarouselItem = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = useMergeProps();
     var ptm = props.ptm,
@@ -14031,7 +14070,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: cx('previousButtonIcon')
         }, ptm('previousButtonIcon'));
         var icon = isVertical ? props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, previousButtonIconProps) : props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronLeftIcon, previousButtonIconProps);
-        var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1I({}, previousButtonIconProps), {
+        var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1J({}, previousButtonIconProps), {
           props: props
         });
         var previousButtonProps = mergeProps({
@@ -14043,7 +14082,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             return navBackward(e);
           },
           disabled: isDisabled,
-          'aria-label': localeOption('aria') ? localeOption('aria').previousPageLabel : undefined,
+          'aria-label': localeOption('aria') ? localeOption('aria').prevPageLabel : undefined,
           'data-pc-group-section': 'navigator'
         }, ptm('previousButton'));
         return /*#__PURE__*/React__namespace.createElement("button", previousButtonProps, backwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
@@ -14057,7 +14096,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: cx('nextButtonIcon')
         }, ptm('nextButtonIcon'));
         var icon = isVertical ? props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, nextButtonIconProps) : props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, nextButtonIconProps);
-        var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1I({}, nextButtonIconProps), {
+        var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1J({}, nextButtonIconProps), {
           props: props
         });
         var nextButtonProps = mergeProps({
@@ -14256,8 +14295,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   AngleRightIcon.displayName = 'AngleRightIcon';
 
-  function ownKeys$1H(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$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1I(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$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = useMergeProps();
     var _React$useState = React__namespace.useState(null),
@@ -14271,7 +14310,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getPTOptions = function getPTOptions(key, options) {
       return ptm(key, {
         hostName: props.hostName,
-        state: _objectSpread$1H({}, options)
+        state: _objectSpread$1I({}, options)
       });
     };
     var position = function position() {
@@ -14435,7 +14474,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('optionGroupIcon')
       }, getPTOptions('optionGroupIcon'));
       var icon = props.optionGroupIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, optionGroupIconProps);
-      var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1H({}, optionGroupIconProps), {
+      var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1I({}, optionGroupIconProps), {
         props: props
       });
       var key = getOptionLabelToRender(option) + '_' + index;
@@ -14495,11 +14534,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return element;
   });
 
-  function _createForOfIteratorHelper$d(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$d(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$d(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$d(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$d(o, minLen); }
-  function _arrayLikeToArray$d(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 ownKeys$1G(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$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0; } }
+  function _arrayLikeToArray$d(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+  function ownKeys$1H(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$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CascadeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -14523,7 +14562,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           overlayVisible: overlayVisibleState,
           attributeSelector: attributeSelectorState
         },
-        context: _objectSpread$1G({}, context)
+        context: _objectSpread$1H({}, context)
       }),
       ptm = _CascadeSelectBase$se.ptm,
       cx = _CascadeSelectBase$se.cx,
@@ -14768,7 +14807,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var hiddenSelectedMessageProps = mergeProps({
         className: 'p-hidden-accessible'
       }, ptm('hiddenSelectedMessage'));
-      var inputProps = mergeProps(_objectSpread$1G({
+      var inputProps = mergeProps(_objectSpread$1H({
         ref: inputRef,
         type: 'text',
         id: props.inputId,
@@ -14794,7 +14833,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           label: label
         })
       }, ptm('label', {
-        context: _objectSpread$1G({
+        context: _objectSpread$1H({
           label: label
         }, context)
       }));
@@ -14807,7 +14846,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, {
         spin: true
       });
-      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, loadingIconProps), {
+      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, loadingIconProps), {
         props: props
       });
       var loadingButtonProps = mergeProps({
@@ -14823,7 +14862,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('dropdownIcon')
       }, ptm('dropdownIcon'));
       var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, dropdownIconProps);
-      var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, dropdownIconProps), {
+      var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1H({}, dropdownIconProps), {
         props: props
       });
       var dropdownButtonProps = mergeProps({
@@ -15122,8 +15161,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1F(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$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1G(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$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -15240,7 +15279,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, otherProps, ptm('root'));
     var createInputElement = function createInputElement() {
       var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-      var inputProps = mergeProps(_objectSpread$1F({
+      var inputProps = mergeProps(_objectSpread$1G({
         id: props.inputId,
         type: 'checkbox',
         className: cx('input'),
@@ -15277,7 +15316,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'data-p-disabled': props.disabled
       }, ptm('box'));
       var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(CheckIcon, iconProps) : null;
-      var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1F({}, iconProps), {
+      var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, iconProps), {
         props: props,
         checked: checked
       });
@@ -15327,8 +15366,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1E(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$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1F(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$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -15353,13 +15392,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var close = function close(event) {
-      setVisibleState(false);
+      var result = true;
       if (props.onRemove) {
-        props.onRemove({
+        result = props.onRemove({
           originalEvent: event,
           value: props.label || props.image || props.icon
         });
       }
+      if (result !== false) {
+        setVisibleState(false);
+      }
     };
     var createContent = function createContent() {
       var content = [];
@@ -15387,7 +15429,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var chipIconProps = mergeProps({
           className: cx('icon')
         }, ptm('icon'));
-        content.push(IconUtils.getJSXIcon(props.icon, _objectSpread$1E({}, chipIconProps), {
+        content.push(IconUtils.getJSXIcon(props.icon, _objectSpread$1F({}, chipIconProps), {
           props: props
         }));
       }
@@ -15400,7 +15442,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }), props.label));
       }
       if (props.removable) {
-        content.push(IconUtils.getJSXIcon(icon, _objectSpread$1E({}, removeIconProps), {
+        content.push(IconUtils.getJSXIcon(icon, _objectSpread$1F({}, removeIconProps), {
           props: props
         }));
       }
@@ -15421,6 +15463,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        getVisible: function getVisible() {
+          return visibleState;
+        },
+        setVisible: function setVisible(visible) {
+          return setVisibleState(visible);
+        },
         getElement: function getElement() {
           return elementRef.current;
         }
@@ -15504,8 +15552,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1D(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$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1E(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$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Chips = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -15788,7 +15836,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(TimesCircleIcon, _extends({}, iconProps, {
           key: "".concat(index, "_icon")
         }));
-        var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1D({}, iconProps), {
+        var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1E({}, iconProps), {
           props: props
         });
         return removeIcon;
@@ -15826,7 +15874,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var inputTokenProps = mergeProps({
         className: cx('inputToken')
       }, ptm('inputToken'));
-      var inputProps = mergeProps(_objectSpread$1D({
+      var inputProps = mergeProps(_objectSpread$1E({
         id: props.inputId,
         ref: inputRef,
         placeholder: props.placeholder,
@@ -16022,8 +16070,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   ColorPickerPanel.displayName = 'ColorPickerPanel';
 
-  function ownKeys$1C(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$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1D(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$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var ColorPicker = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -16119,6 +16167,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       hueDragging.current = true;
       pickHue(event);
       !isUnstyled && DomHandler.addClass(elementRef.current, 'p-colorpicker-dragging');
+      event.preventDefault();
     };
     var getPositionY = function getPositionY(event) {
       if (event.pageY !== undefined) return event.pageY;else if (event.changedTouches !== undefined) return event.changedTouches[0].pageY;else return 0;
@@ -16542,7 +16591,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createInput = function createInput() {
       if (!props.inline) {
         var inputProps = ColorPickerBase.getOtherProps(props);
-        var _inputProps = mergeProps(_objectSpread$1C({
+        var _inputProps = mergeProps(_objectSpread$1D({
           ref: inputRef,
           type: 'text',
           readOnly: true,
@@ -16617,8 +16666,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1B(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$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1C(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$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var FocusTrap = /*#__PURE__*/React__default["default"].memo(/*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
     var targetRef = React__default["default"].useRef(null);
     var firstFocusableElementRef = React__default["default"].useRef(null);
@@ -16631,7 +16680,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useStyle(FocusTrapBase.css.styles, {
       name: 'focustrap'
     });
-    var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$1B({}, metaData));
+    var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$1C({}, metaData));
       _FocusTrapBase$setMet.ptm;
     React__default["default"].useImperativeHandle(ref, function () {
       return {
@@ -16774,8 +16823,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   WindowMinimizeIcon.displayName = 'WindowMinimizeIcon';
 
-  function ownKeys$1A(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$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1B(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$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var classes$$ = {
     closeButtonIcon: 'p-dialog-header-close-icon',
     closeButton: 'p-dialog-header-icon p-dialog-header-close p-link',
@@ -16827,7 +16876,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   var inlineStyles$k = {
     mask: function mask(_ref6) {
       var props = _ref6.props;
-      return _objectSpread$1A({
+      return _objectSpread$1B({
         position: 'fixed',
         height: '100%',
         width: '100%',
@@ -16903,8 +16952,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1A(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$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -16944,7 +16993,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
     var isCloseOnEscape = props.closable && props.closeOnEscape && visibleState;
     var displayOrder = useDisplayOrder('dialog', isCloseOnEscape);
-    var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread$1z(_objectSpread$1z({
+    var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread$1A(_objectSpread$1A({
         props: props
       }, props.__parentMetadata), {}, {
         state: {
@@ -17058,7 +17107,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         dragging.current = true;
         lastPageX.current = event.pageX;
         lastPageY.current = event.pageY;
-        dialogRef.current.style.margin = '0';
         DomHandler.addClass(document.body, 'p-unselectable-text');
         props.onDragStart && props.onDragStart(event);
       }
@@ -17336,7 +17384,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'aria-hidden': true
         }, ptm('closeButtonIcon'));
         var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, closeButtonIconProps);
-        var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1z({}, closeButtonIconProps), {
+        var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1A({}, closeButtonIconProps), {
           props: props
         });
         var closeButtonProps = mergeProps({
@@ -17558,17 +17606,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1y(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$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var confirmDialog = function confirmDialog() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    props = _objectSpread$1y(_objectSpread$1y({}, props), {
+    props = _objectSpread$1z(_objectSpread$1z({}, props), {
       visible: props.visible === undefined ? true : props.visible
     });
     props.visible && OverlayService.emit('confirm-dialog', props);
     var show = function show() {
       var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      OverlayService.emit('confirm-dialog', _objectSpread$1y(_objectSpread$1y(_objectSpread$1y({}, props), updatedProps), {
+      OverlayService.emit('confirm-dialog', _objectSpread$1z(_objectSpread$1z(_objectSpread$1z({}, props), updatedProps), {
         visible: true
       }));
     };
@@ -17658,10 +17706,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var hide = function hide() {
       var result = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cancel';
       if (visibleState) {
+        if (typeof result !== 'string') {
+          result = 'cancel';
+        }
         setVisibleState(false);
-        callbackFromProp('onHide', {
-          result: result
-        });
+        callbackFromProp('onHide', result);
         DomHandler.focus(focusElementOnHide.current);
         focusElementOnHide.current = null;
       }
@@ -17759,7 +17808,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
-      var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1y({}, iconProps), {
+      var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1z({}, iconProps), {
         props: currentProps
       });
       var footer = createFooter();
@@ -17852,17 +17901,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1x(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$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1y(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$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var confirmPopup = function confirmPopup() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    props = _objectSpread$1x(_objectSpread$1x({}, props), {
+    props = _objectSpread$1y(_objectSpread$1y({}, props), {
       visible: props.visible === undefined ? true : props.visible
     });
     props.visible && OverlayService.emit('confirm-popup', props);
     var show = function show() {
       var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      OverlayService.emit('confirm-popup', _objectSpread$1x(_objectSpread$1x(_objectSpread$1x({}, props), updatedProps), {
+      OverlayService.emit('confirm-popup', _objectSpread$1y(_objectSpread$1y(_objectSpread$1y({}, props), updatedProps), {
         visible: true
       }));
     };
@@ -18091,7 +18140,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
-      var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1x({}, iconProps), {
+      var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1y({}, iconProps), {
         props: currentProps
       });
       var messageProps = mergeProps({
@@ -18279,8 +18328,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1w(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$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1x(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$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var ContextMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var mergeProps = useMergeProps();
     var submenuRef = React__namespace.useRef(null);
@@ -18450,7 +18499,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var iconProps = mergeProps({
         className: cx('icon')
       }, getPTOptions(processedItem, 'icon', index));
-      var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1w({}, iconProps), {
+      var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1x({}, iconProps), {
         props: props.menuProps
       });
       var submenuIconProps = mergeProps({
@@ -18460,7 +18509,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('label')
       }, getPTOptions(processedItem, 'label', index));
       var items = getItemProp(processedItem, 'items');
-      var submenuIcon = items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, submenuIconProps), _objectSpread$1w({}, submenuIconProps), {
+      var submenuIcon = items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, submenuIconProps), _objectSpread$1x({}, submenuIconProps), {
         props: props.menuProps
       });
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
@@ -18565,8 +18614,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   ContextMenuSub.displayName = 'ContextMenuSub';
 
-  function ownKeys$1v(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$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1w(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$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var ContextMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -19083,7 +19132,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         anchorElement ? anchorElement.click() : _element && _element.click();
         var processedItem = visibleItems[focusedItemInfo.index];
         var grouped = isProccessedItemGroup(processedItem);
-        !grouped && setFocusedItemInfo(_objectSpread$1v(_objectSpread$1v({}, focusedItemInfo), {}, {
+        !grouped && setFocusedItemInfo(_objectSpread$1w(_objectSpread$1w({}, focusedItemInfo), {}, {
           index: findFirstFocusedItemIndex()
         }));
       }
@@ -19147,7 +19196,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var changeFocusedItemIndex = function changeFocusedItemIndex(index) {
       if (focusedItemInfo.index !== index) {
-        setFocusedItemInfo(_objectSpread$1v(_objectSpread$1v({}, focusedItemInfo), {}, {
+        setFocusedItemInfo(_objectSpread$1w(_objectSpread$1w({}, focusedItemInfo), {}, {
           index: index
         }));
         scrollInView();
@@ -19465,6 +19514,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useUpdateEffect(function () {
       if (props.loader) {
         unbindScrollListener();
+      } else {
+        bindScrollListener();
       }
     }, [props.loader]);
     useUnmountEffect(function () {
@@ -19847,8 +19898,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1u(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$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1v(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$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -19870,7 +19921,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }));
     var element = /*#__PURE__*/React__namespace.createElement("span", currentProps, text);
     if (props.template) {
-      var defaultOptions = _objectSpread$1u(_objectSpread$1u({}, report), {
+      var defaultOptions = _objectSpread$1v(_objectSpread$1v({}, report), {
         ariaLive: 'polite',
         className: 'p-paginator-current',
         element: element,
@@ -19900,8 +19951,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   AngleDoubleLeftIcon.displayName = 'AngleDoubleLeftIcon';
 
-  function ownKeys$1t(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$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1u(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$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -19924,7 +19975,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('firstPageIcon')
     }, getPTOptions('firstPageIcon'));
     var icon = props.firstPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleLeftIcon, firstPageIconProps);
-    var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1t({}, firstPageIconProps), {
+    var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1u({}, firstPageIconProps), {
       props: props
     });
     var firstPageButtonProps = mergeProps({
@@ -20089,8 +20140,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1s(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$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1t(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$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -20099,7 +20150,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
       setFocusedState = _React$useState2[1];
-    var metaData = _objectSpread$1s(_objectSpread$1s({
+    var metaData = _objectSpread$1t(_objectSpread$1t({
       props: props
     }, props.__parentMetadata), {}, {
       state: {
@@ -20183,7 +20234,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }).format(1.1).trim().replace(_numeral.current, '');
     };
     var getDecimalExpression = function getDecimalExpression() {
-      var formatter = new Intl.NumberFormat(_locale, _objectSpread$1s(_objectSpread$1s({}, getOptions()), {}, {
+      var formatter = new Intl.NumberFormat(_locale, _objectSpread$1t(_objectSpread$1t({}, getOptions()), {}, {
         useGrouping: false
       }));
       return new RegExp("[".concat(formatter.format(1.1).replace(_currency.current, '').trim().replace(_numeral.current, ''), "]"), 'g');
@@ -20592,7 +20643,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (data) {
         var filteredData = parseValue(data);
         if (filteredData != null) {
-          insert(event, filteredData.toString());
+          if (isFloat(filteredData)) {
+            var _formattedValue2 = formatValue(filteredData);
+            inputRef.current.value = _formattedValue2;
+            updateModel(event, filteredData);
+          } else {
+            insert(event, filteredData.toString());
+          }
         }
       }
     };
@@ -21118,7 +21175,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('incrementIcon')
       }, ptm('incrementIcon'));
       var icon = props.incrementButtonIcon || /*#__PURE__*/React__namespace.createElement(AngleUpIcon, incrementIconProps);
-      var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1s({}, incrementIconProps), {
+      var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1t({}, incrementIconProps), {
         props: props
       });
       var incrementButtonProps = mergeProps({
@@ -21144,7 +21201,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('decrementIcon')
       }, ptm('decrementIcon'));
       var icon = props.decrementButtonIcon || /*#__PURE__*/React__namespace.createElement(AngleDownIcon, decrementIconProps);
-      var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1s({}, decrementIconProps), {
+      var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1t({}, decrementIconProps), {
         props: props
       });
       var decrementButtonProps = mergeProps({
@@ -21259,8 +21316,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   AngleDoubleRightIcon.displayName = 'AngleDoubleRightIcon';
 
-  function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1s(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$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -21283,7 +21340,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('lastPageIcon')
     }, getPTOptions('lastPageIcon'));
     var icon = props.lastPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleRightIcon, lastPageIconProps);
-    var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, lastPageIconProps), {
+    var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1s({}, lastPageIconProps), {
       props: props
     });
     var lastPageButtonProps = mergeProps({
@@ -21311,8 +21368,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   LastPageLink.displayName = 'LastPageLink';
 
-  function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -21335,7 +21392,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('nextPageIcon')
     }, getPTOptions('nextPageIcon'));
     var icon = props.nextPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, nextPageIconProps);
-    var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, nextPageIconProps), {
+    var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, nextPageIconProps), {
       props: props
     });
     var nextPageButtonProps = mergeProps({
@@ -21467,8 +21524,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   AngleLeftIcon.displayName = 'AngleLeftIcon';
 
-  function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -21491,7 +21548,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('prevPageIcon')
     }, getPTOptions('prevPageIcon'));
     var icon = props.prevPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleLeftIcon, prevPageIconProps);
-    var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1p({}, prevPageIconProps), {
+    var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, prevPageIconProps), {
       props: props
     });
     var prevPageButtonProps = mergeProps({
@@ -21501,7 +21558,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }),
       onClick: props.onClick,
       disabled: props.disabled,
-      'aria-label': ariaLabel('previousPageLabel')
+      'aria-label': ariaLabel('prevPageLabel')
     }, getPTOptions('prevPageButton'));
     var element = /*#__PURE__*/React__namespace.createElement("button", prevPageButtonProps, prevPageLinkIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
     if (props.template) {
@@ -21519,8 +21576,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   PrevPageLink.displayName = 'PrevPageLink';
 
-  function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var classes$U = {
     root: function root(_ref) {
       var props = _ref.props,
@@ -21533,7 +21590,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'p-focus': focusedState,
         'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
         'p-dropdown-clearable': props.showClear && !props.disabled,
-        'p-inputwrapper-filled': props.value !== undefined,
+        'p-inputwrapper-filled': ObjectUtils.isNotEmpty(props.value),
         'p-inputwrapper-focus': focusedState || overlayVisibleState
       });
     },
@@ -21615,7 +21672,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     panel: function panel(_ref10) {
       var props = _ref10.props;
-      return _objectSpread$1o({}, props.panelStyle);
+      return _objectSpread$1p({}, props.panelStyle);
     }
   };
   var DropdownBase = ComponentBase.extend({
@@ -21823,8 +21880,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   DropdownItem.displayName = 'DropdownItem';
 
-  function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var mergeProps = useMergeProps();
     var ptm = props.ptm,
@@ -21843,7 +21900,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var getPTOptions = function getPTOptions(key, options) {
-      return ptm(key, _objectSpread$1n({
+      return ptm(key, _objectSpread$1o({
         hostName: props.hostName
       }, options));
     };
@@ -21897,7 +21954,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var style = {
         height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
       };
-      style = _objectSpread$1n(_objectSpread$1n({}, style), option.style);
+      style = _objectSpread$1o(_objectSpread$1o({}, style), option.style);
       if (option.group && props.optionGroupLabel) {
         var optionGroupLabel = props.optionGroupLabel;
         var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
@@ -21949,10 +22006,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var createFilterClearIcon = function createFilterClearIcon() {
       if (props.showFilterClear && props.filterValue) {
-        var ariaLabel = localeOption('clear');
+        var ariaLabelFilterClear = localeOption('clear');
         var clearIconProps = mergeProps({
           className: cx('filterClearIcon'),
-          'aria-label': ariaLabel,
+          'aria-label': ariaLabelFilterClear,
           onClick: function onClick() {
             return props.onFilterClearIconClick(function () {
               return DomHandler.focus(filterInputRef.current);
@@ -21960,7 +22017,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         }, getPTOptions('filterClearIcon'));
         var icon = props.filterClearIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, clearIconProps);
-        var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$1n({}, clearIconProps), {
+        var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$1o({}, clearIconProps), {
           props: props
         });
         return filterClearIcon;
@@ -21974,7 +22031,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: cx('filterIcon')
         }, getPTOptions('filterIcon'));
         var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(SearchIcon, filterIconProps);
-        var filterIcon = IconUtils.getJSXIcon(icon, _objectSpread$1n({}, filterIconProps), {
+        var filterIcon = IconUtils.getJSXIcon(icon, _objectSpread$1o({}, filterIconProps), {
           props: props
         });
         var filterContainerProps = mergeProps({
@@ -22021,15 +22078,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var createContent = function createContent() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$1n(_objectSpread$1n({}, props.virtualScrollerOptions), {
-          style: _objectSpread$1n(_objectSpread$1n({}, props.virtualScrollerOptions.style), {
+        var virtualScrollerProps = _objectSpread$1o(_objectSpread$1o({}, props.virtualScrollerOptions), {
+          style: _objectSpread$1o(_objectSpread$1o({}, props.virtualScrollerOptions.style), {
             height: props.scrollHeight
           }),
           className: classNames('p-dropdown-items-wrapper', props.virtualScrollerOptions.className),
           items: props.visibleOptions,
           autoSize: true,
           onLazyLoad: function onLazyLoad(event) {
-            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$1n(_objectSpread$1n({}, event), {
+            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$1o(_objectSpread$1o({}, event), {
               filter: props.filterValue
             }));
           },
@@ -22045,7 +22102,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               className: classNames(options.className, cx('list', {
                 virtualScrollerProps: props.virtualScrollerOptions
               })),
-              role: 'listbox'
+              role: 'listbox',
+              'aria-label': ariaLabel('listLabel')
             }, getPTOptions('list'));
             return /*#__PURE__*/React__namespace.createElement("ul", listProps, content);
           }
@@ -22063,7 +22121,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, getPTOptions('wrapper'));
       var listProps = mergeProps({
         className: cx('list'),
-        role: 'listbox'
+        role: 'listbox',
+        'aria-label': ariaLabel('listLabel')
       }, getPTOptions('list'));
       return /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement("ul", listProps, items));
     };
@@ -22106,11 +22165,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   DropdownPanel.displayName = 'DropdownPanel';
 
-  function _createForOfIteratorHelper$c(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(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$c(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$c(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$c(o, minLen); }
-  function _arrayLikeToArray$c(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 ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
+  function _arrayLikeToArray$c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+  function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -22145,7 +22204,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var isLazy = props.virtualScrollerOptions && props.virtualScrollerOptions.lazy;
     var hasFilter = ObjectUtils.isNotEmpty(filterState);
     var appendTo = props.appendTo || context && context.appendTo || PrimeReact.appendTo;
-    var _DropdownBase$setMeta = DropdownBase.setMetaData(_objectSpread$1m(_objectSpread$1m({
+    var _DropdownBase$setMeta = DropdownBase.setMetaData(_objectSpread$1n(_objectSpread$1n({
         props: props
       }, props.__parentMetadata), {}, {
         state: {
@@ -22178,7 +22237,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       unbindOverlayListener = _useOverlayListener2[1];
     var flatOptions = function flatOptions(options) {
       return (options || []).reduce(function (result, option, index) {
-        result.push(_objectSpread$1m(_objectSpread$1m({}, option), {}, {
+        result.push(_objectSpread$1n(_objectSpread$1n({}, option), {}, {
           group: true,
           index: index
         }));
@@ -22203,7 +22262,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               var optgroup = _step.value;
               var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, _filterValue, props.filterMatchMode, props.filterLocale);
               if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push(_objectSpread$1m(_objectSpread$1m({}, optgroup), _defineProperty({}, "".concat(props.optionGroupChildren), filteredSubOptions)));
+                filteredGroups.push(_objectSpread$1n(_objectSpread$1n({}, optgroup), _defineProperty({}, "".concat(props.optionGroupChildren), filteredSubOptions)));
               }
             }
           } catch (err) {
@@ -22283,7 +22342,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         originalEvent: event,
         option: option
       });
-      isHide && hide();
+      if (isHide) {
+        hide();
+        DomHandler.focus(focusInputRef.current);
+      }
     };
     var onPanelClick = function onPanelClick(event) {
       OverlayService.emit('overlay-click', {
@@ -22543,7 +22605,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (focusedOptionIndex !== -1) {
           onOptionSelect(event, visibleOptions[focusedOptionIndex]);
         }
-        hide();
       }
       event.preventDefault();
     };
@@ -22890,9 +22951,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       virtualScrollerRef.current && virtualScrollerRef.current.scrollInView(0);
     }, [filterState]);
     useUpdateEffect(function () {
-      if (filterState && (!props.options || props.options.length === 0)) {
-        setFilterState('');
-      }
       updateInputField();
       if (inputRef.current) {
         inputRef.current.selectedIndex = 1;
@@ -22938,7 +22996,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var hiddenSelectedMessageProps = mergeProps({
         className: 'p-hidden-accessible'
       }, ptm('hiddenSelectedMessage'));
-      var inputProps = mergeProps(_objectSpread$1m({
+      var inputProps = mergeProps(_objectSpread$1n({
         ref: focusInputRef,
         id: props.inputId,
         defaultValue: value,
@@ -22957,7 +23015,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var label = ObjectUtils.isNotEmpty(selectedOption) ? getOptionLabel(selectedOption) : null;
       if (props.editable) {
         var value = label || props.value || '';
-        var _inputProps = mergeProps(_objectSpread$1m({
+        var _inputProps = mergeProps(_objectSpread$1n({
           ref: inputRef,
           type: 'text',
           defaultValue: value,
@@ -22997,12 +23055,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var clearIconProps = mergeProps({
           className: cx('clearIcon'),
           onPointerUp: clear,
-          tabIndex: props.tabIndex || '0',
+          tabIndex: props.editable ? -1 : props.tabIndex || '0',
           onKeyDown: onClearIconKeyDown,
           'aria-label': localeOption('clear')
         }, ptm('clearIcon'));
         var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, clearIconProps);
-        return IconUtils.getJSXIcon(icon, _objectSpread$1m({}, clearIconProps), {
+        return IconUtils.getJSXIcon(icon, _objectSpread$1n({}, clearIconProps), {
           props: props
         });
       }
@@ -23016,7 +23074,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, {
         spin: true
       });
-      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1m({}, loadingIconProps), {
+      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1n({}, loadingIconProps), {
         props: props
       });
       var ariaLabel = props.placeholder || props.ariaLabel;
@@ -23035,7 +23093,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'data-pr-overlay-visible': overlayVisibleState
       }, ptm('dropdownIcon'));
       var icon = !overlayVisibleState ? props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, dropdownIconProps) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, dropdownIconProps);
-      var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1m({}, dropdownIconProps), {
+      var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1n({}, dropdownIconProps), {
         props: props
       });
       var ariaLabel = props.placeholder || props.ariaLabel;
@@ -23186,13 +23244,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   RowsPerPageDropdown.displayName = 'RowsPerPageDropdown';
 
-  function ownKeys$1l(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$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Paginator = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
     var props = PaginatorBase.getProps(inProps, context);
-    var metaData = _objectSpread$1l({
+    var metaData = _objectSpread$1m({
       props: props
     }, props.__parentMetadata);
     var _PaginatorBase$setMet = PaginatorBase.setMetaData(metaData),
@@ -23461,8 +23519,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   Paginator.displayName = 'Paginator';
 
-  function ownKeys$1k(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$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1l(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$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var styles$I = "\n@layer primereact {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable > .p-datatable-wrapper {\n        overflow: auto;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-disabled {\n        cursor: auto;\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-selectable .p-selectable-row,\n    .p-datatable-selectable-cell .p-selectable-cell {\n        cursor: pointer;\n    }\n\n    .p-datatable-drag-selection-helper {\n        position: absolute;\n        z-index: 99999999;\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        position: sticky;\n        top: 0;\n        z-index: 2;\n    }\n\n    .p-datatable.p-datatable-gridlines .p-datatable-scrollable-table > .p-datatable-thead {\n        top: -1px;\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        position: sticky;\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-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\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;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n\n    /* Alignment */\n    .p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-left,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-left {\n        text-align: left;\n        justify-content: flex-start;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-right,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-right {\n        text-align: right;\n        justify-content: flex-end;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-center,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-center {\n        text-align: center;\n        justify-content: center;\n    }\n}\n";
   var classes$T = {
     root: function root(_ref) {
@@ -23657,11 +23715,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     reorderIndicatorUp: function reorderIndicatorUp(_ref15) {
       var style = _ref15.style;
-      return _objectSpread$1k({}, style);
+      return _objectSpread$1l({}, style);
     },
     reorderIndicatorDown: function reorderIndicatorDown(_ref16) {
       var style = _ref16.style;
-      return _objectSpread$1k({}, style);
+      return _objectSpread$1l({}, style);
     }
   };
   var DataTableBase = ComponentBase.extend({
@@ -23818,33 +23876,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
+  function _objectWithoutPropertiesLoose(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (-1 !== e.indexOf(n)) continue;
+      t[n] = r[n];
     }
-    return target;
+    return t;
   }
 
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-    var key, i;
+  function _objectWithoutProperties(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = _objectWithoutPropertiesLoose(e, t);
     if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
+      var n = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
-    return target;
+    return i;
   }
 
   var BarsIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -23881,8 +23932,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   PencilIcon.displayName = 'PencilIcon';
 
-  function ownKeys$1j(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$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1k(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$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = useMergeProps();
     var getColumnProps = function getColumnProps() {
@@ -23917,7 +23968,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('checkIcon')
     }, getColumnPTOptions('rowCheckbox.icon'));
     var icon = props.checked ? props.checkIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, checkboxIconProps) : null;
-    var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1j({}, checkboxIconProps), {
+    var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1k({}, checkboxIconProps), {
       props: props
     });
     var tabIndex = props.disabled ? null : '0';
@@ -23980,8 +24031,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1i(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$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1j(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$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var RadioButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -24095,7 +24146,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     delete rootProps.icon;
     var createInputElement = function createInputElement() {
       var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-      var inputProps = mergeProps(_objectSpread$1i({
+      var inputProps = mergeProps(_objectSpread$1j({
         id: props.inputId,
         type: 'radio',
         name: props.name,
@@ -24175,8 +24226,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   RowRadioButton.displayName = 'RowRadioButton';
 
-  function ownKeys$1h(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$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1i(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$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = useMergeProps();
     var _React$useState = React__namespace.useState(props.editing),
@@ -24289,7 +24340,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var getCellCallbackParams = function getCellCallbackParams(event) {
       var params = getCellParams();
-      return _objectSpread$1h({
+      return _objectSpread$1i({
         originalEvent: event
       }, params);
     };
@@ -24326,9 +24377,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var switchCellToViewMode = function switchCellToViewMode(event, submit) {
       var callbackParams = getCellCallbackParams(event);
-      var newRowData = _objectSpread$1h({}, editingRowDataStateRef.current);
+      var newRowData = _objectSpread$1i({}, editingRowDataStateRef.current);
       var newValue = resolveFieldData(newRowData);
-      var params = _objectSpread$1h(_objectSpread$1h({}, callbackParams), {}, {
+      var params = _objectSpread$1i(_objectSpread$1i({}, callbackParams), {}, {
         newRowData: newRowData,
         newValue: newValue
       });
@@ -24395,7 +24446,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$1h({}, styleObjectState);
+        var styleObject = _objectSpread$1i({}, styleObjectState);
         var align = getColumnProp('alignFrozen');
         if (align === 'right') {
           var right = 0;
@@ -24417,7 +24468,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var editorCallback = function editorCallback(val) {
-      var editingRowData = _objectSpread$1h({}, editingRowDataState);
+      var editingRowData = _objectSpread$1i({}, editingRowDataState);
       ObjectUtils.mutateFieldData(editingRowData, field, val);
       setEditingRowDataState(editingRowData);
 
@@ -24630,7 +24681,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     React__namespace.useEffect(function () {
       if (props.editMode === 'cell' || props.editMode === 'row') {
         var callbackParams = getCellCallbackParams();
-        var params = _objectSpread$1h(_objectSpread$1h({}, callbackParams), {}, {
+        var params = _objectSpread$1i(_objectSpread$1i({}, callbackParams), {}, {
           editing: editingState,
           editingKey: editingKey
         });
@@ -24744,7 +24795,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: cx('rowReorderIcon')
         }, customIcon ? null : getColumnPTOptions('rowReorderIcon'));
         var rowReorderIcon = customIcon || /*#__PURE__*/React__namespace.createElement(BarsIcon, rowReorderIconProps);
-        content = showReorder ? IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$1h({}, rowReorderIconProps), {
+        content = showReorder ? IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$1i({}, rowReorderIconProps), {
           props: props
         }) : null;
       } else if (expander) {
@@ -24753,7 +24804,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'aria-hidden': true
         }, getColumnPTOptions('rowTogglerIcon'));
         var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, rowTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, rowTogglerIconProps);
-        var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1h({}, rowTogglerIconProps), {
+        var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1i({}, rowTogglerIconProps), {
           props: props
         });
         var ariaControls = "".concat(props.tableSelector, "_content_").concat(props.rowIndex, "_expanded");
@@ -24764,7 +24815,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onClick: onRowToggle,
           className: cx('rowToggler')
         };
-        var rowTogglerProps = mergeProps(_objectSpread$1h(_objectSpread$1h({}, expanderProps), {}, {
+        var rowTogglerProps = mergeProps(_objectSpread$1i(_objectSpread$1i({}, expanderProps), {}, {
           type: 'button',
           'aria-expanded': props.expanded,
           'aria-controls': ariaControls,
@@ -24794,13 +24845,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var rowEditorInitIconProps = mergeProps({
           className: cx('rowEditorInitIcon')
         }, getColumnPTOptions('rowEditorInitIcon'));
-        var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$1h({}, rowEditorSaveIconProps), {
+        var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$1i({}, rowEditorSaveIconProps), {
           props: props
         });
-        var rowEditorCancelIcon = IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, rowEditorCancelIconProps), _objectSpread$1h({}, rowEditorCancelIconProps), {
+        var rowEditorCancelIcon = IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, rowEditorCancelIconProps), _objectSpread$1i({}, rowEditorCancelIconProps), {
           props: props
         });
-        var rowEditorInitIcon = IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React__namespace.createElement(PencilIcon, rowEditorInitIconProps), _objectSpread$1h({}, rowEditorInitIconProps), {
+        var rowEditorInitIcon = IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React__namespace.createElement(PencilIcon, rowEditorInitIconProps), _objectSpread$1i({}, rowEditorInitIconProps), {
           props: props
         });
         if (editingState) {
@@ -24942,8 +24993,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   BodyCell.displayName = 'BodyCell';
 
-  function ownKeys$1g(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$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1h(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$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = useMergeProps();
     var _React$useState = React__namespace.useState(false),
@@ -25249,7 +25300,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           newData = e.newData;
         if (dataKey) {
           var dataKeyValue = String(ObjectUtils.resolveFieldData(data, dataKey));
-          editingRows = props.editingRows ? _objectSpread$1g({}, props.editingRows) : {};
+          editingRows = props.editingRows ? _objectSpread$1h({}, props.editingRows) : {};
           if (!isEditing) {
             delete editingRows[dataKeyValue];
             // if the key value was changed, stop editing for the new key value too
@@ -25462,8 +25513,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   BodyRow.displayName = 'BodyRow';
 
-  function ownKeys$1f(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$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1g(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$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = useMergeProps();
     var _props$ptCallbacks = props.ptCallbacks,
@@ -25496,7 +25547,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'aria-hidden': true
     }, ptm('rowGroupTogglerIcon'), getColumnPTOptions('rowGroupTogglerIcon'));
     var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, rowGroupTogglerIconProps);
-    var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1f({}, rowGroupTogglerIconProps), {
+    var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1g({}, rowGroupTogglerIconProps), {
       props: props
     });
     var label = props.expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
@@ -25513,9 +25564,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   RowTogglerButton.displayName = 'RowTogglerButton';
 
-  var _excluded = ["originalEvent"];
-  function ownKeys$1e(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$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var _excluded$2 = ["originalEvent"];
+  function ownKeys$1f(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$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var mergeProps = useMergeProps();
     var _props$ptCallbacks = props.ptCallbacks,
@@ -25678,6 +25729,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       options = options || props.virtualScrollerOptions;
       return options ? options[option] : null;
     };
+    var getProcessedDataIndex = function getProcessedDataIndex(rowIndex) {
+      return props.lazy ? rowIndex - props.first : rowIndex;
+    };
     var findIndex = function findIndex(collection, rowData) {
       return (collection || []).findIndex(function (data) {
         return equals(rowData, data);
@@ -25842,14 +25896,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var rangeStart;
       var rangeEnd;
       var isAllowCellSelection = allowCellSelection();
-      if (rangeRowIndex.current > anchorRowIndex.current) {
-        rangeStart = anchorRowIndex.current;
-        rangeEnd = rangeRowIndex.current;
-      } else if (rangeRowIndex.current < anchorRowIndex.current) {
-        rangeStart = rangeRowIndex.current;
-        rangeEnd = anchorRowIndex.current;
+      var rangeRowIndexInProcessedData = getProcessedDataIndex(rangeRowIndex.current);
+      var anchorRowIndexInProcessedData = getProcessedDataIndex(anchorRowIndex.current);
+      if (rangeRowIndexInProcessedData > anchorRowIndexInProcessedData) {
+        rangeStart = anchorRowIndexInProcessedData;
+        rangeEnd = rangeRowIndexInProcessedData;
+      } else if (rangeRowIndexInProcessedData < anchorRowIndexInProcessedData) {
+        rangeStart = rangeRowIndexInProcessedData;
+        rangeEnd = anchorRowIndexInProcessedData;
       } else {
-        rangeStart = rangeEnd = rangeRowIndex.current;
+        rangeStart = rangeEnd = rangeRowIndexInProcessedData;
       }
       return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
     };
@@ -25890,7 +25946,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
         var rowData = value[i];
         var columns = props.columns;
-        var rowIndex = props.paginator ? i + props.first : i;
+        var rowIndex = props.lazy ? i + props.first : i;
         for (var j = cellRangeStart; j <= cellRangeEnd; j++) {
           var field = getColumnProp(columns[j], 'field');
           var _value = ObjectUtils.resolveFieldData(rowData, field);
@@ -25920,7 +25976,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onSelect = function onSelect(event) {
       if (allowCellSelection()) {
-        props.onCellSelect && props.onCellSelect(_objectSpread$1e(_objectSpread$1e({
+        props.onCellSelect && props.onCellSelect(_objectSpread$1f(_objectSpread$1f({
           originalEvent: event.originalEvent
         }, event.data), {}, {
           type: event.type
@@ -25931,7 +25987,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onUnselect = function onUnselect(event) {
       if (allowCellSelection()) {
-        props.onCellUnselect && props.onCellUnselect(_objectSpread$1e(_objectSpread$1e({
+        props.onCellUnselect && props.onCellUnselect(_objectSpread$1f(_objectSpread$1f({
           originalEvent: event.originalEvent
         }, event.data), {}, {
           type: event.type
@@ -25993,12 +26049,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           rangeRowIndex.current = event.index;
           anchorRowFirst.current = props.first;
           if (isSingleSelection()) {
-            onSingleSelection(_objectSpread$1e(_objectSpread$1e({}, event), {}, {
+            onSingleSelection(_objectSpread$1f(_objectSpread$1f({}, event), {}, {
               toggleable: toggleable,
               type: 'row'
             }));
           } else {
-            onMultipleSelection(_objectSpread$1e(_objectSpread$1e({}, event), {}, {
+            onMultipleSelection(_objectSpread$1f(_objectSpread$1f({}, event), {}, {
               toggleable: toggleable,
               type: 'row'
             }));
@@ -26095,7 +26151,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
       if (hasDataKey) {
         var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-        expandedRows = props.expandedRows ? _objectSpread$1e({}, props.expandedRows) : {};
+        expandedRows = props.expandedRows ? _objectSpread$1f({}, props.expandedRows) : {};
         if (expandedRows[dataKeyValue] != null) {
           delete expandedRows[dataKeyValue];
           if (props.onRowCollapse) {
@@ -26231,13 +26287,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       event.preventDefault();
     };
     var onRadioChange = function onRadioChange(event) {
-      onSingleSelection(_objectSpread$1e(_objectSpread$1e({}, event), {}, {
+      onSingleSelection(_objectSpread$1f(_objectSpread$1f({}, event), {}, {
         toggleable: true,
         type: 'radio'
       }));
     };
     var onCheckboxChange = function onCheckboxChange(event) {
-      onMultipleSelection(_objectSpread$1e(_objectSpread$1e({}, event), {}, {
+      onMultipleSelection(_objectSpread$1f(_objectSpread$1f({}, event), {}, {
         toggleable: true,
         type: 'checkbox'
       }));
@@ -26277,7 +26333,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         } else {
           var toggleable = allowMetaKeySelection(event);
           var originalEvent = event.originalEvent,
-            data = _objectWithoutProperties(event, _excluded);
+            data = _objectWithoutProperties(event, _excluded$2);
           anchorRowIndex.current = event.rowIndex;
           rangeRowIndex.current = event.rowIndex;
           anchorRowFirst.current = props.first;
@@ -26355,7 +26411,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var emptyMessageProps = mergeProps({
           className: cx('emptyMessage'),
           role: 'row'
-        }, getColumnPTOptions('emptyMessage'));
+        }, ptm('emptyMessage'));
         var bodyCellProps = mergeProps({
           colSpan: colSpan,
           role: 'cell'
@@ -26365,7 +26421,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return null;
     };
     var createGroupHeader = function createGroupHeader(rowData, rowIndex, expanded, colSpan) {
-      if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, rowIndex - props.first)) {
+      if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, getProcessedDataIndex(rowIndex))) {
         var style = rowGroupHeaderStyle();
         var toggler = props.expandableRowGroups && /*#__PURE__*/React__namespace.createElement(RowTogglerButton, {
           hostName: props.hostName,
@@ -26392,14 +26448,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }, getColumnPTOptions('root'), getColumnPTOptions('bodyCell'));
           var rowGroupHeaderNameProps = mergeProps({
             className: cx('rowGroupHeaderName')
-          }, getColumnPTOptions('rowGroupHeaderName'));
+          }, ptm('rowGroupHeaderName'));
           _content2 = /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, toggler, /*#__PURE__*/React__namespace.createElement("span", rowGroupHeaderNameProps, _content2));
         }
         var rowGroupHeaderProps = mergeProps({
           className: cx('rowGroupHeader'),
           style: style,
           role: 'row'
-        }, getColumnPTOptions('rowGroupHeader'));
+        }, ptm('rowGroupHeader'));
         return /*#__PURE__*/React__namespace.createElement("tr", rowGroupHeaderProps, _content2);
       }
       return null;
@@ -26507,7 +26563,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           id: id,
           className: cx('rowExpansion'),
           role: 'row'
-        }, getColumnPTOptions('rowExpansion'));
+        }, ptm('rowExpansion'));
         return /*#__PURE__*/React__namespace.createElement("tr", rowExpansionProps, _content3);
       }
       return null;
@@ -26522,7 +26578,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var rowGroupFooterProps = mergeProps({
           className: cx('rowGroupFooter'),
           role: 'row'
-        }, getColumnPTOptions('rowGroupFooter'));
+        }, ptm('rowGroupFooter'));
         return /*#__PURE__*/React__namespace.createElement("tr", rowGroupFooterProps, _content4);
       }
       return null;
@@ -26584,8 +26640,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1d(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$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1e(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$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -26629,7 +26685,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$1d({}, styleObjectState);
+        var styleObject = _objectSpread$1e({}, styleObjectState);
         var _align = getColumnProp('alignFrozen');
         if (_align === 'right') {
           var right = 0;
@@ -26678,6 +26734,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   FooterCell.displayName = 'FooterCell';
 
+  var _excluded$1 = ["unstyled", "__TYPE", "ptOptions"];
+  function ownKeys$1d(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$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TableFooter = /*#__PURE__*/React__namespace.memo(function (props) {
     var _props$ptCallbacks = props.ptCallbacks,
       ptm = _props$ptCallbacks.ptm,
@@ -26743,9 +26802,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (props.footerColumnGroup) {
         var rows = React__namespace.Children.toArray(ColumnGroupBase.getCProp(props.footerColumnGroup, 'children'));
         return rows.map(function (row, i) {
+          var _RowBase$getProps = RowBase.getProps(row.props, context),
+            unstyled = _RowBase$getProps.unstyled;
+            _RowBase$getProps.__TYPE;
+            _RowBase$getProps.ptOptions;
+            var rest = _objectWithoutProperties(_RowBase$getProps, _excluded$1);
           var rootProps = mergeProps({
             role: 'row'
-          }, RowBase.getProps(row.props, context), getRowPTOptions(row, 'root'));
+          }, unstyled ? _objectSpread$1d({
+            unstyled: unstyled
+          }, rest) : rest, getRowPTOptions(row, 'root'));
           return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, rootProps, {
             key: i
           }), createGroupFooterCells(row));
@@ -28175,6 +28241,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   HeaderCell.displayName = 'HeaderCell';
 
+  var _excluded = ["unstyled", "__TYPE", "ptOptions"];
   function ownKeys$19(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$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -28401,9 +28468,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (props.headerColumnGroup) {
         var rows = React__namespace.Children.toArray(ColumnGroupBase.getCProp(props.headerColumnGroup, 'children'));
         return rows.map(function (row, i) {
+          var _RowBase$getProps = RowBase.getProps(row.props, context),
+            unstyled = _RowBase$getProps.unstyled;
+            _RowBase$getProps.__TYPE;
+            _RowBase$getProps.ptOptions;
+            var rest = _objectWithoutProperties(_RowBase$getProps, _excluded);
           var headerRowProps = mergeProps({
             role: 'row'
-          }, RowBase.getProps(row.props, context), getRowPTOptions(row, 'root'));
+          }, unstyled ? _objectSpread$19({
+            unstyled: unstyled
+          }, rest) : rest, getRowPTOptions(row, 'root'));
           return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, headerRowProps, {
             key: i
           }), createGroupHeaderCells(row));
@@ -28429,9 +28503,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TableHeader.displayName = 'TableHeader';
 
-  function _createForOfIteratorHelper$b(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(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$b(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$b(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$b(o, minLen); }
-  function _arrayLikeToArray$b(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 _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
+  function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$18(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$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -28474,14 +28548,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _React$useState18 = _slicedToArray(_React$useState17, 2),
       editingMetaState = _React$useState18[0],
       setEditingMetaState = _React$useState18[1];
-    var _React$useState19 = React__namespace.useState(props.rows),
+    var _React$useState19 = React__namespace.useState({}),
       _React$useState20 = _slicedToArray(_React$useState19, 2),
-      d_rowsState = _React$useState20[0],
-      setD_rowsState = _React$useState20[1];
-    var _React$useState21 = React__namespace.useState({}),
+      frozenEditingMetaState = _React$useState20[0],
+      setFrozenEditingMetaState = _React$useState20[1];
+    var _React$useState21 = React__namespace.useState(props.rows),
       _React$useState22 = _slicedToArray(_React$useState21, 2),
-      d_filtersState = _React$useState22[0],
-      setD_filtersState = _React$useState22[1];
+      d_rowsState = _React$useState22[0],
+      setD_rowsState = _React$useState22[1];
+    var _React$useState23 = React__namespace.useState({}),
+      _React$useState24 = _slicedToArray(_React$useState23, 2),
+      d_filtersState = _React$useState24[0],
+      setD_filtersState = _React$useState24[1];
     var metaData = {
       props: props,
       state: {
@@ -28494,6 +28572,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         columnOrder: columnOrderState,
         groupRowsSortMeta: groupRowsSortMetaState,
         editingMeta: editingMetaState,
+        frozenEditingMeta: frozenEditingMetaState,
         d_rows: d_rowsState,
         d_filters: d_filtersState
       },
@@ -28898,6 +28977,32 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         setEditingMetaState({});
       }
     };
+    var onFrozenEditingMetaChange = function onFrozenEditingMetaChange(e) {
+      var rowData = e.rowData,
+        field = e.field,
+        editingKey = e.editingKey,
+        editing = e.editing;
+      var frozenEditingMeta = _objectSpread$18({}, frozenEditingMetaState);
+      var meta = frozenEditingMeta[editingKey];
+      if (editing) {
+        !meta && (meta = frozenEditingMeta[editingKey] = {
+          data: _objectSpread$18({}, rowData),
+          fields: []
+        });
+        meta.fields.push(field);
+      } else if (meta) {
+        var fields = meta.fields.filter(function (f) {
+          return f !== field;
+        });
+        !fields.length ? delete frozenEditingMeta[editingKey] : meta.fields = fields;
+      }
+      setFrozenEditingMetaState(frozenEditingMeta);
+    };
+    var clearFrozenEditingMetaData = function clearFrozenEditingMetaData() {
+      if (props.editMode && ObjectUtils.isNotEmpty(frozenEditingMetaState)) {
+        setFrozenEditingMetaState({});
+      }
+    };
     var onColumnResizeStart = function onColumnResizeStart(e) {
       createBeforeResizeStyleElement();
       var event = e.originalEvent,
@@ -29188,6 +29293,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onPageChange = function onPageChange(e) {
       clearEditingMetaData();
+      clearFrozenEditingMetaData();
       if (props.onPage) {
         props.onPage(createEvent(e));
       } else {
@@ -29200,6 +29306,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onSortChange = function onSortChange(e) {
       clearEditingMetaData();
+      clearFrozenEditingMetaData();
       var event = e.originalEvent,
         column = e.column,
         sortableDisabledFields = e.sortableDisabledFields;
@@ -29377,6 +29484,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onFilterChange = function onFilterChange(filters) {
       clearEditingMetaData();
+      clearFrozenEditingMetaData();
       setD_filtersState(filters);
     };
     var onFilterApply = function onFilterApply(filtersToApply) {
@@ -29566,6 +29674,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setD_filtersState(cloneFilters(props.filters));
       setGroupRowsSortMetaState(null);
       setEditingMetaState({});
+      setFrozenEditingMetaState({});
       if (!props.onPage) {
         setFirstState(props.first);
         setRowsState(props.rows);
@@ -29930,7 +30039,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         dataKey: props.dataKey,
         dragSelection: props.dragSelection,
         editMode: props.editMode,
-        editingMeta: editingMetaState,
+        editingMeta: frozenEditingMetaState,
         editingRows: props.editingRows,
         emptyMessage: props.emptyMessage,
         expandableRowGroups: props.expandableRowGroups,
@@ -29949,7 +30058,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onCellUnselect: props.onCellUnselect,
         onContextMenu: props.onContextMenu,
         onContextMenuSelectionChange: props.onContextMenuSelectionChange,
-        onEditingMetaChange: onEditingMetaChange,
+        onEditingMetaChange: onFrozenEditingMetaChange,
         onRowClick: props.onRowClick,
         onRowCollapse: props.onRowCollapse,
         onRowDoubleClick: props.onRowDoubleClick,
@@ -30396,9 +30505,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function _createForOfIteratorHelper$a(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$a(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$a(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$a(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$a(o, minLen); }
-  function _arrayLikeToArray$a(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 _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0; } }
+  function _arrayLikeToArray$a(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$17(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$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (inProps) {
@@ -30501,7 +30610,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         rightContent: props.paginatorRight,
         alwaysShow: props.alwaysShowPaginator,
         dropdownAppendTo: props.paginatorDropdownAppendTo,
-        ptm: ptm('paginator'),
+        pt: ptm('paginator'),
         unstyled: props.unstyled,
         __parentMetadata: {
           parent: metaData
@@ -30818,10 +30927,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var rootProps = mergeProps({
       ref: elementRef,
       style: sx('root'),
-      className: classNames(props.className, cx('root', {
+      className: cx('root', {
         horizontal: horizontal,
         vertical: vertical
-      })),
+      }),
       'aria-orientation': props.layout,
       role: 'separator'
     }, DividerBase.getOtherProps(props), ptm('root'));
@@ -31701,8 +31810,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   Fieldset.displayName = 'Fieldset';
 
-  function _readOnlyError(name) {
-    throw new TypeError("\"" + name + "\" is read-only");
+  function _readOnlyError(r) {
+    throw new TypeError('"' + r + '" is read-only');
   }
 
   var UploadIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -32273,6 +32382,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       withCredentials: false,
       previewWidth: 50,
       chooseLabel: null,
+      selectedFileLabel: null,
       uploadLabel: null,
       cancelLabel: null,
       chooseOptions: {
@@ -32327,9 +32437,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$11(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$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$9(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$9(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$9(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$9(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$9(o, minLen); }
-  function _arrayLikeToArray$9(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 _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
+  function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var FileUpload = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -32959,7 +33069,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           __html: '&nbsp;'
         }
       })) : /*#__PURE__*/React__namespace.createElement("span", labelProps, chooseButtonLabel);
-      var label = props.auto ? chooseLabel : /*#__PURE__*/React__namespace.createElement("span", labelProps, hasFiles ? filesState[0].name : chooseLabel);
+      var label = props.auto ? chooseLabel : /*#__PURE__*/React__namespace.createElement("span", labelProps, hasFiles ? props.selectedFileLabel || filesState[0].name : chooseLabel);
       var chooseIconProps = mergeProps({
         className: cx('chooseIcon', {
           iconOnly: chooseOptions.iconOnly
@@ -33863,7 +33973,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           type: 'button',
           disabled: isDisabled,
           'data-p-disabled': isDisabled,
-          'aria-label': localeOption('aria') ? localeOption('aria').previousPageLabel : undefined,
+          'aria-label': localeOption('aria') ? localeOption('aria').prevPageLabel : undefined,
           'data-pc-group-section': 'thumbnailnavigator'
         }, getPTOptions('previousThumbnailButton'));
         return /*#__PURE__*/React__namespace.createElement("button", previousThumbnailButtonProps, prevThumbnailIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
@@ -35623,6 +35733,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         updateValue();
       }
     }, [isValueUpdated]);
+    useUpdateEffect(function () {
+      updateFilledState();
+    }, [props.disabled]);
     var otherProps = InputMaskBase.getOtherProps(props);
     var className = classNames(props.className, cx('root', {
       context: context
@@ -35634,8 +35747,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       type: props.type,
       name: props.name,
       style: props.style,
-      className: className,
-      value: props.value
+      className: className
     }, otherProps, {
       placeholder: props.placeholder,
       size: props.size,
@@ -36021,7 +36133,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
         }
       },
-      styles: "\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "
+      styles: "\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n                cursor: pointer;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "
     }
   });
 
@@ -36549,9 +36661,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$U(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$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$8(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$8(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$8(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$8(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$8(o, minLen); }
-  function _arrayLikeToArray$8(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 _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
+  function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var ListBox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -37917,11 +38029,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (horizontal) {
         var _focusedItemInfo = focusedItemInfo;
         if (ObjectUtils.isNotEmpty(activeItemState) && activeItemState.key === focusedItemInfo.key) {
-          (({
+          _focusedItemInfo = {
             index: -1,
             key: '',
             parentKey: activeItemState.key
-          })), _readOnlyError("_focusedItemInfo");
+          };
           setFocusedItemInfo(_focusedItemInfo);
         } else {
           var processedItem = findVisibleItem(focusedItemInfo.index);
@@ -37931,11 +38043,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               originalEvent: event,
               processedItem: processedItem
             });
-            (({
+            _focusedItemInfo = {
               index: -1,
               key: processedItem.key,
               parentKey: processedItem.parentKey
-            })), _readOnlyError("_focusedItemInfo");
+            };
             setFocusedItemInfo(_focusedItemInfo);
             searchValue.current = '';
           }
@@ -39525,6 +39637,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }), submenu.label), items);
     };
     var createSeparator = function createSeparator(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
       var key = idState + '_separator_' + index;
       var separatorProps = mergeProps({
         id: key,
@@ -39537,6 +39652,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var createMenuItem = function createMenuItem(item, index) {
       var parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      if (item.visible === false) {
+        return null;
+      }
       var menuContext = {
         item: item,
         index: index,
@@ -39588,6 +39706,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onClick: function onClick(event) {
             return onItemClick(event, item, key);
           },
+          onMouseMove: function onMouseMove(event) {
+            return onItemMouseMove(event, key);
+          },
           className: linkClassName,
           tabIndex: '-1',
           labelClassName: 'p-menuitem-text',
@@ -40474,11 +40595,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var findFirstFocusedItemIndex = function findFirstFocusedItemIndex() {
       var selectedIndex = findSelectedItemIndex();
-      return selectedIndex < 0 ? findFirstItemIndex() : selectedIndex;
+      return selectedIndex;
     };
     var findLastFocusedItemIndex = function findLastFocusedItemIndex() {
       var selectedIndex = findSelectedItemIndex();
-      return selectedIndex < 0 ? findLastItemIndex() : selectedIndex;
+      return selectedIndex;
     };
     var searchItems = function searchItems(event, _char) {
       searchValue.current = (searchValue.current || '') + _char;
@@ -40974,12 +41095,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var classes$w = {
     root: function root(_ref) {
+      var _props$value;
       var props = _ref.props,
         context = _ref.context,
         focusedState = _ref.focusedState,
         overlayVisibleState = _ref.overlayVisibleState;
       return classNames('p-multiselect p-component p-inputwrapper', {
-        'p-multiselect-chip': props.display === 'chip',
+        'p-multiselect-chip': props.display === 'chip' && (props.maxSelectedLabels == null ? true : ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) <= props.maxSelectedLabels),
         'p-disabled': props.disabled,
         'p-invalid': props.invalid,
         'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
@@ -40990,12 +41112,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     },
     label: function label(_ref2) {
+      var _props$value2;
       var props = _ref2.props,
         empty = _ref2.empty;
       return classNames('p-multiselect-label', {
         'p-placeholder': empty && props.placeholder,
         'p-multiselect-label-empty': empty && !props.placeholder && !props.selectedItemTemplate,
-        'p-multiselect-items-label': !empty && props.display !== 'chip' && props.value.length > props.maxSelectedLabels
+        'p-multiselect-items-label': !empty && props.display !== 'chip' && ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.length) > props.maxSelectedLabels
       });
     },
     panel: function panel(_ref3) {
@@ -41128,7 +41251,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       selectAll: false,
       selectAllLabel: null,
       selectedItemTemplate: null,
-      selectedItemsLabel: '{0} items selected',
+      selectedItemsLabel: undefined,
       selectionLimit: null,
       showClear: false,
       showSelectAll: true,
@@ -41486,12 +41609,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }), emptyMessage);
     };
     var createItem = function createItem(option, index) {
-      var _option$items;
       var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var style = {
         height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
       };
-      var isItemGroup = option.group === true && props.optionGroupLabel && ((_option$items = option.items) === null || _option$items === void 0 ? void 0 : _option$items.length) > 0;
+      var isItemGroup = option.group === true && props.optionGroupLabel;
       if (isItemGroup) {
         var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
         var key = index + '_' + props.getOptionGroupRenderKey(option);
@@ -41660,9 +41782,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$J(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$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$7(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(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$7(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$7(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$7(o, minLen); }
-  function _arrayLikeToArray$7(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 _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
+  function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -42231,8 +42353,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return option;
       }
       if (props.optionValue) {
-        var data = ObjectUtils.resolveFieldData(option, props.optionValue);
-        return data !== null ? data : option;
+        return ObjectUtils.resolveFieldData(option, props.optionValue);
       }
       return option && option.value !== undefined ? option.value : option;
     };
@@ -42405,15 +42526,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getSelectedItemsLabel = function getSelectedItemsLabel() {
       var pattern = /{(.*?)}/;
       var selectedItemsLabel = props.selectedItemsLabel || localeOption('selectionMessage');
+      var valueLength = props.value ? props.value.length : 0;
       if (pattern.test(selectedItemsLabel)) {
-        return selectedItemsLabel.replace(selectedItemsLabel.match(pattern)[0], props.value.length + '');
+        return selectedItemsLabel.replace(selectedItemsLabel.match(pattern)[0], valueLength + '');
       }
       return selectedItemsLabel;
     };
     var getLabel = function getLabel() {
       var label;
       if (!empty && !props.fixedPlaceholder) {
-        if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
+        var _props$value;
+        if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) > props.maxSelectedLabels) {
           return getSelectedItemsLabel();
         }
         if (ObjectUtils.isArray(props.value)) {
@@ -42426,11 +42549,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return label;
     };
     var getLabelContent = function getLabelContent() {
+      var valueLength = props.value ? props.value.length : 0;
+      if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && valueLength > props.maxSelectedLabels) {
+        return getSelectedItemsLabel();
+      }
       if (props.selectedItemTemplate) {
         if (!empty) {
-          if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
-            return getSelectedItemsLabel();
-          }
           return props.value.map(function (val, index) {
             var item = ObjectUtils.getJSXElement(props.selectedItemTemplate, val);
             return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
@@ -42441,7 +42565,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return ObjectUtils.getJSXElement(props.selectedItemTemplate);
       }
       if (props.display === 'chip' && !empty) {
-        var value = props.value.slice(0, props.maxSelectedLabels || props.value.length);
+        var value = props.value.slice(0, props.maxSelectedLabels || valueLength);
         return value.map(function (val, i) {
           var context = {
             context: {
@@ -42534,8 +42658,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var onRemoveTokenIconKeyDown = function onRemoveTokenIconKeyDown(event, val) {
-      event.preventDefault();
-      event.stopPropagation();
       switch (event.code) {
         case 'Space':
         case 'NumpadEnter':
@@ -42544,6 +42666,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             break;
           }
           removeChip(event, val);
+          event.preventDefault();
+          event.stopPropagation();
           break;
       }
     };
@@ -42623,15 +42747,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, ptm('label'));
       return /*#__PURE__*/React__namespace.createElement("div", labelContainerProps, /*#__PURE__*/React__namespace.createElement("div", labelProps, content || props.placeholder || props.emptyMessage || 'empty'));
     };
-    var getInputValue = function getInputValue() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      if (Array.isArray(value)) {
-        return value.map(function (val) {
-          return getLabelByValue(val);
-        }).join(', ');
-      }
-      return value;
-    };
     var visibleOptions = getVisibleOptions();
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = MultiSelectBase.getOtherProps(props);
@@ -42681,7 +42796,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'aria-expanded': overlayVisibleState,
       disabled: props.disabled,
       tabIndex: !props.disabled ? props.tabIndex : -1,
-      value: getInputValue(props.value)
+      value: getLabel()
     }, ariaProps), ptm('input'));
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", _extends({}, inputProps, {
       readOnly: true
@@ -42980,7 +43095,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     }
   };
-  var styles$o = "\n@layer primereact {\n    .p-orderlist {\n        display: flex;\n    }\n\n    .p-orderlist-controls {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .p-orderlist-list-container {\n        flex: 1 1 auto;\n    }\n\n    .p-orderlist-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-orderlist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-orderlist-filter {\n        position: relative;\n    }\n\n    .p-orderlist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-orderlist-filter-input {\n        width: 100%;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-item,\n    .p-orderlist.p-state-disabled .p-button {\n        cursor: default;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-list {\n        overflow: hidden;\n    }\n\n    .p-orderlist .p-orderlist-droppoint {\n        height: 0.5rem;\n    }\n\n    .p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n        background: var(--primary-color);\n    }\n}\n";
+  var styles$o = "\n@layer primereact {\n    .p-orderlist {\n        display: flex;\n    }\n\n    .p-orderlist-controls {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .p-orderlist-list-container {\n        flex: 1 1 auto;\n    }\n\n    .p-orderlist-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-orderlist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-orderlist-item .p-ink {\n        pointer-events: none;\n    }\n\n    .p-orderlist-filter {\n        position: relative;\n    }\n\n    .p-orderlist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-orderlist-filter-input {\n        width: 100%;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-item,\n    .p-orderlist.p-state-disabled .p-button {\n        cursor: default;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-list {\n        overflow: hidden;\n    }\n\n    .p-orderlist .p-orderlist-droppoint {\n        height: 0.5rem;\n    }\n\n    .p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n        background: var(--primary-color);\n    }\n}\n";
   var OrderListBase = ComponentBase.extend({
     defaultProps: {
       __TYPE: 'OrderList',
@@ -43411,7 +43526,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           value: props.filterValue,
           onChange: props.onFilter,
           onKeyDown: onFilterInputKeyDown,
-          placeholder: props.placeholder,
+          placeholder: props.filterPlaceholder,
           className: cx('filterInput')
         }, _ptm('filterInput'));
         var filterIconProps = mergeProps({
@@ -43818,35 +43933,36 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       ref: listElementRef,
       hostName: "OrderList"
     }, props, {
-      focused: focused,
       ariaLabel: props.ariaLabel,
       ariaLabelledBy: props.ariaLabelledBy,
-      value: visibleList,
-      selection: selectionState,
-      onItemClick: onItemClick,
-      onOptionMouseDown: onOptionMouseDown,
-      focusedOptionId: focusedOptionId,
-      onListKeyDown: onListKeyDown,
-      onListFocus: onListFocus,
-      onListBlur: onListBlur,
-      onFilterInputChange: onFilterInputChange,
-      itemTemplate: props.itemTemplate,
+      changeFocusedOptionIndex: changeFocusedOptionIndex,
+      cx: cx,
+      dataKey: props.dataKey,
+      dragdrop: props.dragdrop,
       filter: props.filter,
-      onFilter: onFilter,
-      resetFilter: resetFilter,
+      filterIcon: props.filterIcon,
+      filterPlaceholder: props.filterPlaceholder,
       filterTemplate: props.filterTemplate,
+      focused: focused,
+      focusedOptionId: focusedOptionId,
       header: props.header,
-      parentId: attributeSelectorState,
+      isUnstyled: isUnstyled,
+      itemTemplate: props.itemTemplate,
       listStyle: props.listStyle,
-      dataKey: props.dataKey,
-      dragdrop: props.dragdrop,
       onChange: props.onChange,
-      tabIndex: props.tabIndex,
-      filterIcon: props.filterIcon,
-      isUnstyled: isUnstyled,
+      onFilter: onFilter,
+      onFilterInputChange: onFilterInputChange,
+      onItemClick: onItemClick,
+      onListBlur: onListBlur,
+      onListFocus: onListFocus,
+      onListKeyDown: onListKeyDown,
+      onOptionMouseDown: onOptionMouseDown,
+      parentId: attributeSelectorState,
       ptm: ptm,
-      cx: cx,
-      changeFocusedOptionIndex: changeFocusedOptionIndex
+      resetFilter: resetFilter,
+      selection: selectionState,
+      tabIndex: props.tabIndex,
+      value: visibleList
     })));
   }));
   OrderList.displayName = 'OrderList';
@@ -46438,7 +46554,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     sourceControls: 'p-picklist-source-controls p-picklist-buttons',
     targetControls: 'p-picklist-target-controls p-picklist-buttons'
   };
-  var styles$j = "\n@layer primereact {\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-filter {\n        position: relative;\n    }\n\n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n";
+  var styles$j = "\n@layer primereact {\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-ink {\n        pointer-events: none;\n    }\n\n    .p-picklist-filter {\n        position: relative;\n    }\n\n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n";
   var PickListBase = ComponentBase.extend({
     defaultProps: {
       __TYPE: 'PickList',
@@ -46779,7 +46895,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createItems = function createItems() {
       if (props.list) {
         return props.list.map(function (item, index) {
-          var key = props.parentId + '_' + index;
+          var key = props.parentId + '_' + props.type + '_' + index;
           var selected = isSelected(item);
           return /*#__PURE__*/React__namespace.createElement(PickListItem, {
             hostName: props.hostName,
@@ -49115,7 +49231,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (props.visible !== visibleState && maskVisibleState) {
         setVisibleState(props.visible);
       }
-    }, [props.visible]);
+    }, [props.visible, maskVisibleState, visibleState]);
     useUpdateEffect(function () {
       if (maskVisibleState) {
         ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex.modal || PrimeReact.zIndex.modal);
@@ -50199,7 +50315,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   Slider.displayName = 'Slider';
 
-  var styles$b = "\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n\n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n\n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n\n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n\n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n\n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n\n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n";
+  var styles$b = "\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n\n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n\n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n\n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-speeddial-action-icon {\n        pointer-events: none;\n    }\n\n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n\n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n\n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n\n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n";
   var classes$f = {
     root: function root(_ref) {
       var props = _ref.props,
@@ -52702,7 +52818,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       linear: false,
       onChangeStep: null,
       start: null,
-      end: null
+      end: null,
+      children: undefined
     },
     css: {
       classes: classes$b,
@@ -54600,7 +54717,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         ref: prevBtnRef,
         type: 'button',
         className: cx('prevbutton'),
-        'aria-label': ariaLabel('previousPageLabel'),
+        'aria-label': ariaLabel('prevPageLabel'),
         onClick: function onClick(e) {
           return navBackward();
         }
@@ -55556,10 +55673,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
-      className: cx('root', {
+      className: classNames(props.className, cx('root', {
         hasIcon: hasIcon,
         hasLabel: hasLabel
-      }),
+      })),
       'data-p-highlight': props.checked,
       'data-p-disabled': props.disabled
     }, ToggleButtonBase.getOtherProps(props), ptm('root'));
@@ -55775,9 +55892,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function _createForOfIteratorHelper$6(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$6(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$6(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$6(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$6(o, minLen); }
-  function _arrayLikeToArray$6(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 _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
+  function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -55787,7 +55904,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var mergeProps = useMergeProps();
     var isLeaf = props.isNodeLeaf(props.node);
     var label = props.node.label;
-    var expanded = props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false;
+    var isFiltering = props.isFiltering;
+    var expanded = (props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false) || !isFiltering && props.node.expanded;
     var ptm = props.ptm,
       cx = props.cx;
     var getPTOptions = function getPTOptions(key) {
@@ -56513,6 +56631,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             dragdropScope: props.dragdropScope,
             expandIcon: props.expandIcon,
             expandedKeys: props.expandedKeys,
+            isFiltering: props.isFiltering,
             index: index,
             isNodeLeaf: props.isNodeLeaf,
             last: index === props.node.children.length - 1,
@@ -56584,9 +56703,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$5(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(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$5(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$5(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$5(o, minLen); }
-  function _arrayLikeToArray$5(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 _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
+  function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -56716,7 +56835,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onDrop = function onDrop(event) {
       var _dragState$current;
       if (validateDropNode((_dragState$current = dragState.current) === null || _dragState$current === void 0 ? void 0 : _dragState$current.path, event.path)) {
-        var value = _cloneValue(props.value);
+        var value = _cloneValue(getRootNode());
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
         var dragNodeParent = _findNode(value, dragPaths);
@@ -56745,7 +56864,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onDropPoint = function onDropPoint(event) {
       if (validateDropPoint(event)) {
-        var value = _cloneValue(props.value);
+        var value = _cloneValue(getRootNode());
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
         var dropPaths = event.path.split('-');
@@ -56984,6 +57103,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         dragdropScope: props.dragdropScope,
         expandIcon: props.expandIcon,
         expandedKeys: expandedKeys,
+        isFiltering: isFiltering,
         isNodeLeaf: isNodeLeaf,
         metaKeySelection: props.metaKeySelection,
         nodeTemplate: props.nodeTemplate,
@@ -57339,9 +57459,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$4(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$4(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$4(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$4(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$4(o, minLen); }
-  function _arrayLikeToArray$4(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 _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
+  function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var TreeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -57377,7 +57497,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
     var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
     var isValueEmpty = ObjectUtils.isEmpty(props.value);
-    var hasNoOptions = ObjectUtils.isEmpty(props.options);
     var isSingleSelectionMode = props.selectionMode === 'single';
     var isCheckboxSelectionMode = props.selectionMode === 'checkbox';
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
@@ -57914,11 +58033,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return null;
     };
     var createContent = function createContent() {
-      var message = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption('emptyMessage');
-      var emptyMessageProps = mergeProps({
-        className: cx('emptyMessage')
-      }, ptm('emptyMessage'));
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Tree, {
+      return /*#__PURE__*/React__namespace.createElement(Tree, {
         ref: treeRef,
         id: listId.current,
         emptyMessage: props.emptyMessage,
@@ -57948,7 +58063,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         __parentMetadata: {
           parent: metaData
         }
-      }), hasNoOptions && /*#__PURE__*/React__namespace.createElement("div", emptyMessageProps, message));
+      });
     };
     var createFilterElement = function createFilterElement() {
       if (props.filter) {
@@ -58554,9 +58669,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   TreeTableBodyCell.displayName = 'TreeTableBodyCell';
 
-  function _createForOfIteratorHelper$3(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 _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 _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
+  function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TreeTableRow = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -59011,7 +59126,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var partialChecked = isPartialChecked();
         var checkboxIconProps = mergeProps({
           className: cx('checkIcon')
-        }, getColumnPTOptions('rowCheckbox.icon'));
+        }, getColumnPTOptions(column, 'rowCheckbox.icon'));
         var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(MinusIcon, null) : null;
         var checkIcon = IconUtils.getJSXIcon(icon, {}, {
           props: props,
@@ -59146,9 +59261,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TreeTableRow.displayName = 'TreeTableRow';
 
-  function _createForOfIteratorHelper$2(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 _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
+  function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TreeTableBody = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -59464,9 +59579,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TreeTableFooter.displayName = 'TreeTableFooter';
 
-  function _createForOfIteratorHelper$1(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 _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
+  function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -60022,9 +60137,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o, minLen); }
-  function _arrayLikeToArray(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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+  function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -60383,28 +60498,27 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       multiSortMeta = multiSortMeta.length > 0 ? multiSortMeta : null;
     };
-    var sortSingle = function sortSingle(data) {
-      return _sortNodes(data);
-    };
-    var _sortNodes = function sortNodes(data) {
+    var _sortSingle = function sortSingle(_ref) {
+      var data = _ref.data,
+        field = _ref.field,
+        order = _ref.order;
       var value = _toConsumableArray(data);
       if (columnSortable.current && columnSortFunction.current) {
         value = columnSortFunction.current({
           data: data,
-          field: getSortField(),
-          order: getSortOrder()
+          field: field,
+          order: order
         });
       } else {
         // performance optimization to prevent resolving field data in each loop
         var lookupMap = new Map();
-        var sortField = getSortField();
         var comparator = ObjectUtils.localeComparator(context && context.locale || PrimeReact.locale);
         var _iterator = _createForOfIteratorHelper(data),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var node = _step.value;
-            lookupMap.set(node.data, ObjectUtils.resolveFieldData(node.data, sortField));
+            lookupMap.set(node.data, ObjectUtils.resolveFieldData(node.data, field));
           }
         } catch (err) {
           _iterator.e(err);
@@ -60414,24 +60528,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         value.sort(function (node1, node2) {
           var value1 = lookupMap.get(node1.data);
           var value2 = lookupMap.get(node2.data);
-          return compareValuesOnSort(value1, value2, comparator, getSortOrder());
+          return compareValuesOnSort(value1, value2, comparator, order);
         });
         for (var i = 0; i < value.length; i++) {
           if (value[i].children && value[i].children.length) {
-            value[i].children = _sortNodes(value[i].children);
+            value[i].children = _sortSingle({
+              data: value[i].children,
+              field: field,
+              order: order
+            });
           }
         }
       }
       return value;
     };
-    var sortMultiple = function sortMultiple(data) {
-      var multiSortMeta = getMultiSortMeta();
-      if (multiSortMeta) {
-        return _sortMultipleNodes(data, multiSortMeta);
-      }
-      return data;
-    };
-    var _sortMultipleNodes = function sortMultipleNodes(data, multiSortMeta) {
+    var _sortMultiple = function sortMultiple(_ref2) {
+      var data = _ref2.data,
+        _ref2$multiSortMeta = _ref2.multiSortMeta,
+        multiSortMeta = _ref2$multiSortMeta === void 0 ? [] : _ref2$multiSortMeta;
       var value = _toConsumableArray(data);
       var comparator = ObjectUtils.localeComparator(context && context.locale || PrimeReact.locale);
       value.sort(function (node1, node2) {
@@ -60439,7 +60553,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
       for (var i = 0; i < value.length; i++) {
         if (value[i].children && value[i].children.length) {
-          value[i].children = _sortMultipleNodes(value[i].children, multiSortMeta);
+          value[i].children = _sortMultiple({
+            data: value[i].children,
+            multiSortMeta: multiSortMeta
+          });
         }
       }
       return value;
@@ -60498,10 +60615,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       filters = filters || props.filters;
       var cloned = {};
       if (filters) {
-        Object.entries(filters).forEach(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-            prop = _ref2[0],
-            value = _ref2[1];
+        Object.entries(filters).forEach(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+            prop = _ref4[0],
+            value = _ref4[1];
           cloned[prop] = value;
         });
       } else {
@@ -61000,12 +61117,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       }
     };
-    var isFilterMatched = function isFilterMatched(node, _ref3) {
-      var filterField = _ref3.filterField,
-        filterValue = _ref3.filterValue,
-        filterConstraint = _ref3.filterConstraint,
-        isStrictMode = _ref3.isStrictMode,
-        options = _ref3.options;
+    var isFilterMatched = function isFilterMatched(node, _ref5) {
+      var filterField = _ref5.filterField,
+        filterValue = _ref5.filterValue,
+        filterConstraint = _ref5.filterConstraint,
+        isStrictMode = _ref5.isStrictMode,
+        options = _ref5.options;
       var matched = false;
       var dataFieldValue = ObjectUtils.resolveFieldData(node.data, filterField);
       if (filterConstraint(dataFieldValue, filterValue, props.filterLocale, options)) {
@@ -61030,6 +61147,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (data && data.length) {
           var filters = localState && localState.filters || getFilters();
           var sortField = localState && localState.sortField || getSortField();
+          var sortOrder = localState && localState.sortOrder || getSortOrder();
           var multiSortMeta = localState && localState.multiSortMeta || getMultiSortMeta();
           var columns = getColumns();
           var sortColumn = columns.find(function (col) {
@@ -61044,9 +61162,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
           if (sortField || ObjectUtils.isNotEmpty(multiSortMeta)) {
             if (props.sortMode === 'single') {
-              data = sortSingle(data);
+              data = _sortSingle({
+                data: data,
+                field: sortField,
+                order: sortOrder
+              });
             } else if (props.sortMode === 'multiple') {
-              data = sortMultiple(data);
+              data = _sortMultiple({
+                data: data,
+                multiSortMeta: multiSortMeta
+              });
             }
           }
         }