primereact 10.3.3 → 10.4.0

package/primereact.all.cjs.js

@@ -1937,8 +1937,8 @@ var ObjectUtils = /*#__PURE__*/function () {
   return ObjectUtils;
 }();
 
-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 IconUtils = /*#__PURE__*/function () {
   function IconUtils() {
     _classCallCheck(this, IconUtils);
@@ -1956,7 +1956,7 @@ var IconUtils = /*#__PURE__*/function () {
           className: className
         }));
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$1U({
+          var defaultContentOptions = _objectSpread$1V({
             iconProps: iconProps,
             element: content
           }, options);
@@ -1969,8 +1969,8 @@ var IconUtils = /*#__PURE__*/function () {
   return IconUtils;
 }();
 
-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; }
 function mask(el, options) {
   var defaultOptions = {
     mask: null,
@@ -1983,7 +1983,7 @@ function mask(el, options) {
     onFocus: null,
     onBlur: null
   };
-  options = _objectSpread$1T(_objectSpread$1T({}, defaultOptions), options);
+  options = _objectSpread$1U(_objectSpread$1U({}, defaultOptions), options);
   var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
   var caret = function caret(first, last) {
     var range, begin, end;
@@ -2390,8 +2390,8 @@ function mask(el, options) {
   };
 }
 
-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; }
 function _mergeProps(props) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (props) {
@@ -2403,7 +2403,7 @@ function _mergeProps(props) {
       var _loop = function _loop() {
         var value = ps[key];
         if (key === 'style') {
-          merged['style'] = _objectSpread$1S(_objectSpread$1S({}, merged['style']), ps['style']);
+          merged['style'] = _objectSpread$1T(_objectSpread$1T({}, merged['style']), ps['style']);
         } else if (key === 'className') {
           var newClassname = '';
           if (classNameMergeFunction && classNameMergeFunction instanceof Function) {
@@ -2445,7 +2445,7 @@ function mergeProps() {
       var _loop2 = function _loop2() {
         var value = ps[key];
         if (key === 'style') {
-          merged['style'] = _objectSpread$1S(_objectSpread$1S({}, merged['style']), ps['style']);
+          merged['style'] = _objectSpread$1T(_objectSpread$1T({}, merged['style']), ps['style']);
         } else if (key === 'className') {
           merged['className'] = [merged['className'], ps['className']].join(' ').trim();
         } else if (isFn(value)) {
@@ -2777,8 +2777,8 @@ _defineProperty(PrimeReact$1, "changeTheme", function (currentTheme, newTheme, l
   (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);
 });
 
-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 locales = {
   en: {
     startsWith: 'Starts with',
@@ -2913,14 +2913,14 @@ function locale(locale) {
   };
 }
 function addLocale(locale, options) {
-  locales[locale] = _objectSpread$1R(_objectSpread$1R({}, locales['en']), options);
+  locales[locale] = _objectSpread$1S(_objectSpread$1S({}, locales['en']), options);
 }
 function updateLocaleOption(key, value, locale) {
   localeOptions(locale)[key] = value;
 }
 function updateLocaleOptions(options, locale) {
   var _locale = locale || PrimeReact$1.locale;
-  locales[_locale] = _objectSpread$1R(_objectSpread$1R({}, locales[_locale]), options);
+  locales[_locale] = _objectSpread$1S(_objectSpread$1S({}, locales[_locale]), options);
 }
 function localeOption(key, locale) {
   var _locale = locale || PrimeReact$1.locale;
@@ -3800,8 +3800,8 @@ var useMatchMedia = function useMatchMedia(query) {
 };
 /* eslint-enable */
 
-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; }
 
 /**
  * Hook to merge properties including custom merge function for things like Tailwind merge.
@@ -3810,7 +3810,7 @@ var useMergeProps = function useMergeProps() {
   var context = React.useContext(PrimeReactContext);
   return function () {
     var _context$ptOptions;
-    var options = _objectSpread$1Q({}, (context === null || context === void 0 || (_context$ptOptions = context.ptOptions) === null || _context$ptOptions === void 0 ? void 0 : _context$ptOptions.classNameMergeFunction) && {
+    var options = _objectSpread$1R({}, (context === null || context === void 0 || (_context$ptOptions = context.ptOptions) === null || _context$ptOptions === void 0 ? void 0 : _context$ptOptions.classNameMergeFunction) && {
       classNameMergeFunction: context.classNameMergeFunction
     });
     for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -3838,8 +3838,8 @@ var useMountEffect = function useMountEffect(fn) {
 };
 /* eslint-enable */
 
-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 useMouse = function useMouse() {
   var _React$useState = React__namespace.useState({
       x: 0,
@@ -3899,15 +3899,15 @@ var useMouse = function useMouse() {
       }
     };
   }, [bindDocumentMoveEventListener, bindMouseMoveEventListener, unbindDocumentMoveEventListener, unbindMouseMoveEventListener]);
-  return _objectSpread$1P(_objectSpread$1P({
+  return _objectSpread$1Q(_objectSpread$1Q({
     ref: ref
   }, position), {}, {
     reset: reset
   });
 };
 
-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; }
 function useMove(_ref) {
   var _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? 'both' : _ref$mode,
@@ -4091,7 +4091,7 @@ function useMove(_ref) {
       }
     };
   }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);
-  return _objectSpread$1O(_objectSpread$1O({
+  return _objectSpread$1P(_objectSpread$1P({
     ref: ref
   }, positions), {}, {
     active: active,
@@ -4460,8 +4460,8 @@ var useUpdateEffect = function useUpdateEffect(fn, deps) {
 };
 /* eslint-enable */
 
-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 baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\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-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
 var checkboxStyles = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n";
@@ -4485,7 +4485,7 @@ var ComponentBase = {
   extend: function extend() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var css = props.css;
-    var defaultProps = _objectSpread$1N(_objectSpread$1N({}, props.defaultProps), ComponentBase.defaultProps);
+    var defaultProps = _objectSpread$1O(_objectSpread$1O({}, props.defaultProps), ComponentBase.defaultProps);
     var inlineStyles = {};
     var getProps = function getProps(props) {
       var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -4544,10 +4544,10 @@ var ComponentBase = {
       };
       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$1N(_objectSpread$1N({}, 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$1O(_objectSpread$1O({}, 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$1N(_objectSpread$1N(_objectSpread$1N({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1N(_objectSpread$1N({}, self), Object.keys(datasetProps).length ? datasetProps : {});
+      }) : _objectSpread$1O(_objectSpread$1O(_objectSpread$1O({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1O(_objectSpread$1O({}, self), Object.keys(datasetProps).length ? datasetProps : {});
     };
     var setMetaData = function setMetaData() {
       var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4556,7 +4556,7 @@ var ComponentBase = {
       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$1N(_objectSpread$1N({}, metadata), params));
+        return getPTValue((props || {}).pt, key, _objectSpread$1O(_objectSpread$1O({}, metadata), params));
       };
       var ptmo = function ptmo() {
         var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4570,7 +4570,7 @@ var ComponentBase = {
       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$1N({
+        return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$1O({
           props: props,
           state: state
         }, params)) : undefined;
@@ -4581,11 +4581,11 @@ var ComponentBase = {
         var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
         if (when) {
           var _ComponentBase$contex2;
-          var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$1N({
+          var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$1O({
             props: props,
             state: state
           }, params));
-          var base = getOptionValue(inlineStyles, key, _objectSpread$1N({
+          var base = getOptionValue(inlineStyles, key, _objectSpread$1O({
             props: props,
             state: state
           }, params));
@@ -4603,7 +4603,7 @@ var ComponentBase = {
         isUnstyled: isUnstyled
       };
     };
-    return _objectSpread$1N(_objectSpread$1N({
+    return _objectSpread$1O(_objectSpread$1O({
       getProps: getProps,
       getOtherProps: getOtherProps,
       setMetaData: setMetaData
@@ -4655,7 +4655,7 @@ var _usePT = function _usePT(pt, callback, key, params) {
     if (originalValue === undefined && value === undefined) return undefined;else if (ObjectUtils.isString(value)) return value;else if (ObjectUtils.isString(originalValue)) return originalValue;
     return mergeSections || !mergeSections && value ? useMergeProps ? _mergeProps([originalValue, value], {
       classNameMergeFunction: classNameMergeFunction
-    }) : _objectSpread$1N(_objectSpread$1N({}, originalValue), value) : value;
+    }) : _objectSpread$1O(_objectSpread$1O({}, originalValue), value) : value;
   }
   return fn(pt);
 };
@@ -4740,8 +4740,8 @@ var CSSTransitionBase = {
   }
 };
 
-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 CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = CSSTransitionBase.getProps(inProps);
   var context = React__namespace.useContext(PrimeReactContext);
@@ -4809,7 +4809,7 @@ var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps,
       timeout: props.timeout,
       unmountOnExit: props.unmountOnExit
     };
-    var mergedProps = _objectSpread$1M(_objectSpread$1M(_objectSpread$1M({}, mutableProps), props.options || {}), immutableProps);
+    var mergedProps = _objectSpread$1N(_objectSpread$1N(_objectSpread$1N({}, mutableProps), props.options || {}), immutableProps);
     return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
   }
 });
@@ -4901,7 +4901,7 @@ var classes$1c = {
     transition: 'p-toggleable-content'
   }
 };
-var styles$16 = "\n@layer primereact {\n    .p-accordion-header-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        user-select: none;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-accordion-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-accordion-header-text {\n        line-height: 1;\n        width: 100%;\n    }\n}\n";
+var styles$17 = "\n@layer primereact {\n    .p-accordion-header-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        user-select: none;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-accordion-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-accordion-header-text {\n        line-height: 1;\n        width: 100%;\n    }\n}\n";
 var AccordionBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Accordion',
@@ -4920,7 +4920,7 @@ var AccordionBase = ComponentBase.extend({
   },
   css: {
     classes: classes$1c,
-    styles: styles$16
+    styles: styles$17
   }
 });
 var AccordionTabBase = ComponentBase.extend({
@@ -4949,8 +4949,8 @@ var AccordionTabBase = ComponentBase.extend({
   }
 });
 
-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 AccordionTab = function AccordionTab() {};
 var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
@@ -4974,7 +4974,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       activeIndex: activeIndexState
     }
   };
-  var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread$1L({}, metaData)),
+  var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread$1M({}, metaData)),
     ptm = _AccordionBase$setMet.ptm,
     ptmo = _AccordionBase$setMet.ptmo,
     cx = _AccordionBase$setMet.cx;
@@ -5003,7 +5003,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     return mergeProps(ptm("tab.".concat(key), {
       tab: tabMetaData
     }), ptm("tab.".concat(key), {
-      accordiontab: tabMetaData
+      tab: tabMetaData
     }), ptm("tab.".concat(key), tabMetaData), ptmo(getTabProp(tab, 'pt'), key, tabMetaData));
   };
   var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
@@ -5126,7 +5126,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     return null;
   }
   var createTabHeader = function createTabHeader(tab, selected, index) {
-    var style = _objectSpread$1L(_objectSpread$1L({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'headerStyle') || {});
+    var style = _objectSpread$1M(_objectSpread$1M({}, 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');
@@ -5140,7 +5140,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       className: cx('tab.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$1L({}, headerIconProps), {
+    var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread$1M({}, headerIconProps), {
       props: props,
       selected: selected
     });
@@ -5173,7 +5173,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     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$1L(_objectSpread$1L({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
+    var style = _objectSpread$1M(_objectSpread$1M({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
     var contentId = idState + '_content_' + index;
     var ariaLabelledby = idState + '_header_' + index;
     var contentRef = /*#__PURE__*/React__namespace.createRef();
@@ -6481,7 +6481,7 @@ var classes$1b = {
     }, "p-badge-".concat(props.severity), props.severity !== null));
   }
 };
-var styles$15 = "\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
+var styles$16 = "\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
 var BadgeBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Badge',
@@ -6495,17 +6495,17 @@ var BadgeBase = ComponentBase.extend({
   },
   css: {
     classes: classes$1b,
-    styles: styles$15
+    styles: styles$16
   }
 });
 
-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 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$1K({
+  var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1L({
       props: props
     }, props.__parentMetadata)),
     ptm = _BadgeBase$setMetaDat.ptm,
@@ -6532,7 +6532,7 @@ var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 }));
 Badge.displayName = 'Badge';
 
-var styles$14 = "\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
+var styles$15 = "\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
 var classes$1a = {
   root: 'p-ink'
 };
@@ -6542,7 +6542,7 @@ var RippleBase = ComponentBase.extend({
     children: undefined
   },
   css: {
-    styles: styles$14,
+    styles: styles$15,
     classes: classes$1a
   },
   getProps: function getProps(props) {
@@ -6553,8 +6553,8 @@ var RippleBase = ComponentBase.extend({
   }
 });
 
-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 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),
@@ -6573,7 +6573,7 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     name: 'ripple',
     manual: !isRippleActive
   });
-  var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread$1J({}, metaData)),
+  var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread$1K({}, metaData)),
     ptm = _RippleBase$setMetaDa.ptm,
     cx = _RippleBase$setMetaDa.cx;
   var getTarget = function getTarget() {
@@ -6736,7 +6736,7 @@ var inlineStyles$m = {
     };
   }
 };
-var styles$13 = "\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n\n    .p-tooltip-target-wrapper {\n        display: inline-flex;\n    }\n}\n";
+var styles$14 = "\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n\n    .p-tooltip-target-wrapper {\n        display: inline-flex;\n    }\n}\n";
 var TooltipBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Tooltip',
@@ -6771,13 +6771,13 @@ var TooltipBase = ComponentBase.extend({
   },
   css: {
     classes: classes$19,
-    styles: styles$13,
+    styles: styles$14,
     inlineStyles: inlineStyles$m
   }
 });
 
-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 Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -7258,7 +7258,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     }, TooltipBase.getOtherProps(props), ptm('root'));
     var arrowProps = mergeProps({
       className: cx('arrow'),
-      style: sx('arrow', _objectSpread$1I({}, metaData))
+      style: sx('arrow', _objectSpread$1J({}, metaData))
     }, ptm('arrow'));
     var textProps = mergeProps({
       className: cx('text')
@@ -7343,14 +7343,14 @@ var ButtonBase = ComponentBase.extend({
   }
 });
 
-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 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$1H(_objectSpread$1H({
+  var metaData = _objectSpread$1I(_objectSpread$1I({
     props: props
   }, props.__parentMetadata), {}, {
     context: {
@@ -7388,7 +7388,7 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
       spin: true
     })) : props.icon;
-    return IconUtils.getJSXIcon(icon, _objectSpread$1H({}, iconsProps), {
+    return IconUtils.getJSXIcon(icon, _objectSpread$1I({}, iconsProps), {
       props: props
     });
   };
@@ -7550,13 +7550,13 @@ var InputTextBase = ComponentBase.extend({
   }
 });
 
-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 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$1G(_objectSpread$1G({
+  var _InputTextBase$setMet = InputTextBase.setMetaData(_objectSpread$1H(_objectSpread$1H({
       props: props
     }, props.__parentMetadata), {}, {
       context: {
@@ -7685,7 +7685,7 @@ var classes$16 = {
   footer: 'p-autocomplete-footer',
   transition: 'p-connected-overlay'
 };
-var styles$12 = "\n@layer primereact {\n    .p-autocomplete {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-autocomplete-dd .p-autocomplete-input {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n    \n    .p-autocomplete-dd .p-autocomplete-input,\n    .p-autocomplete-dd .p-autocomplete-multiple-container {\n         border-top-right-radius: 0;\n         border-bottom-right-radius: 0;\n     }\n    \n    .p-autocomplete-dd .p-autocomplete-dropdown {\n         border-top-left-radius: 0;\n         border-bottom-left-radius: 0px;\n    }\n    \n    .p-autocomplete .p-autocomplete-panel {\n        min-width: 100%;\n    }\n    \n    .p-autocomplete-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-autocomplete-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-autocomplete-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-autocomplete-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-autocomplete-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-autocomplete-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-autocomplete-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-autocomplete-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-autocomplete {\n        display: flex;\n    }\n    \n    .p-fluid .p-autocomplete-dd .p-autocomplete-input {\n        width: 1%;\n    }\n    \n    .p-autocomplete-items-wrapper {\n        overflow: auto;\n    } \n}\n";
+var styles$13 = "\n@layer primereact {\n    .p-autocomplete {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-autocomplete-dd .p-autocomplete-input {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n    \n    .p-autocomplete-dd .p-autocomplete-input,\n    .p-autocomplete-dd .p-autocomplete-multiple-container {\n         border-top-right-radius: 0;\n         border-bottom-right-radius: 0;\n     }\n    \n    .p-autocomplete-dd .p-autocomplete-dropdown {\n         border-top-left-radius: 0;\n         border-bottom-left-radius: 0px;\n    }\n    \n    .p-autocomplete .p-autocomplete-panel {\n        min-width: 100%;\n    }\n    \n    .p-autocomplete-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-autocomplete-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-autocomplete-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-autocomplete-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-autocomplete-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-autocomplete-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-autocomplete-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-autocomplete-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-autocomplete {\n        display: flex;\n    }\n    \n    .p-fluid .p-autocomplete-dd .p-autocomplete-input {\n        width: 1%;\n    }\n    \n    .p-autocomplete-items-wrapper {\n        overflow: auto;\n    } \n}\n";
 var AutoCompleteBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'AutoComplete',
@@ -7757,11 +7757,11 @@ var AutoCompleteBase = ComponentBase.extend({
   },
   css: {
     classes: classes$16,
-    styles: styles$12
+    styles: styles$13
   }
 });
 
-var styles$11 = "\n.p-virtualscroller {\n    position: relative;\n    overflow: auto;\n    contain: strict;\n    transform: translateZ(0);\n    will-change: scroll-position;\n    outline: 0 none;\n}\n\n.p-virtualscroller-content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    /*contain: content;*/\n    min-height: 100%;\n    min-width: 100%;\n    will-change: transform;\n}\n\n.p-virtualscroller-spacer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 1px;\n    width: 1px;\n    transform-origin: 0 0;\n    pointer-events: none;\n}\n\n.p-virtualscroller-loader {\n    position: sticky;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n    font-size: 2rem;\n}\n\n.p-virtualscroller-horizontal > .p-virtualscroller-content {\n    display: flex;\n}\n\n/* Inline */\n.p-virtualscroller-inline .p-virtualscroller-content {\n    position: static;\n}\n";
+var styles$12 = "\n.p-virtualscroller {\n    position: relative;\n    overflow: auto;\n    contain: strict;\n    transform: translateZ(0);\n    will-change: scroll-position;\n    outline: 0 none;\n}\n\n.p-virtualscroller-content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    /*contain: content;*/\n    min-height: 100%;\n    min-width: 100%;\n    will-change: transform;\n}\n\n.p-virtualscroller-spacer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 1px;\n    width: 1px;\n    transform-origin: 0 0;\n    pointer-events: none;\n}\n\n.p-virtualscroller-loader {\n    position: sticky;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n    font-size: 2rem;\n}\n\n.p-virtualscroller-horizontal > .p-virtualscroller-content {\n    display: flex;\n}\n\n/* Inline */\n.p-virtualscroller-inline .p-virtualscroller-content {\n    position: static;\n}\n";
 var VirtualScrollerBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'VirtualScroller',
@@ -7800,12 +7800,12 @@ var VirtualScrollerBase = ComponentBase.extend({
     children: undefined
   },
   css: {
-    styles: styles$11
+    styles: styles$12
   }
 });
 
-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 VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var context = React__namespace.useContext(PrimeReactContext);
   var props = VirtualScrollerBase.getProps(inProps, context);
@@ -8189,7 +8189,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       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$1F(_objectSpread$1F({}, spacerStyle.current), _defineProperty({}, "".concat(_name), (_value || []).length * _size + _cpos + 'px'));
+        return spacerStyle.current = _objectSpread$1G(_objectSpread$1G({}, spacerStyle.current), _defineProperty({}, "".concat(_name), (_value || []).length * _size + _cpos + 'px'));
       };
       if (both) {
         setProp('height', items, props.itemSize[0], contentPos.y);
@@ -8209,7 +8209,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
         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$1F(_objectSpread$1F({}, contentStyle.current), {
+        contentStyle.current = _objectSpread$1G(_objectSpread$1G({}, contentStyle.current), {
           transform: "translate3d(".concat(_x, "px, ").concat(_y, "px, 0)")
         });
       };
@@ -8386,7 +8386,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   };
   var loaderOptions = function loaderOptions(index, extOptions) {
     var count = loaderArrState.length;
-    return _objectSpread$1F({
+    return _objectSpread$1G({
       index: index,
       count: count,
       first: index === 0,
@@ -8483,7 +8483,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
       spin: true
     }));
-    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1F({}, loadingIconProps), {
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, loadingIconProps), {
       props: props
     });
     if (!props.loaderDisabled && props.showLoader && loadingState) {
@@ -8612,15 +8612,15 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
 }));
 VirtualScroller.displayName = 'VirtualScroller';
 
-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 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$1E({
+    return ptm(key, _objectSpread$1F({
       hostName: props.hostName
     }, options));
   };
@@ -8723,8 +8723,8 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
       return /*#__PURE__*/React__namespace.createElement("ul", listProps, /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, emptyMessage));
     }
     if (props.virtualScrollerOptions) {
-      var virtualScrollerProps = _objectSpread$1E(_objectSpread$1E({}, props.virtualScrollerOptions), {
-        style: _objectSpread$1E(_objectSpread$1E({}, props.virtualScrollerOptions.style), {
+      var virtualScrollerProps = _objectSpread$1F(_objectSpread$1F({}, props.virtualScrollerOptions), {
+        style: _objectSpread$1F(_objectSpread$1F({}, props.virtualScrollerOptions.style), {
           height: props.scrollHeight
         }),
         autoSize: true,
@@ -8771,7 +8771,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
     }
   };
   var createElement = function createElement() {
-    var style = _objectSpread$1E({}, props.panelStyle || {});
+    var style = _objectSpread$1F({}, props.panelStyle || {});
     var content = createContent();
     var footer = createFooter();
     var panelProps = mergeProps({
@@ -8812,8 +8812,8 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
 }));
 AutoCompletePanel.displayName = 'AutoCompletePanel';
 
-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 AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -9323,7 +9323,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
           }
         }, ptm('removeTokenIcon'));
         var icon = props.removeTokenIcon || /*#__PURE__*/React__namespace.createElement(TimesCircleIcon, removeTokenIconProps);
-        var removeTokenIcon = !props.disabled && IconUtils.getJSXIcon(icon, _objectSpread$1D({}, removeTokenIconProps), {
+        var removeTokenIcon = !props.disabled && IconUtils.getJSXIcon(icon, _objectSpread$1E({}, removeTokenIconProps), {
           props: props
         });
         var tokenProps = mergeProps({
@@ -9344,7 +9344,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     var inputTokenProps = mergeProps({
       className: cx('inputToken')
     }, ptm('inputToken'));
-    var inputProps = mergeProps(_objectSpread$1D({
+    var inputProps = mergeProps(_objectSpread$1E({
       id: props.inputId,
       ref: inputRef,
       'aria-autocomplete': 'list',
@@ -9414,7 +9414,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
         spin: true
       }));
-      var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread$1D({}, loadingIconProps), {
+      var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread$1E({}, loadingIconProps), {
         props: props
       });
       return loaderIcon;
@@ -9483,7 +9483,7 @@ var classes$15 = {
   label: 'p-avatar-text',
   icon: 'p-avatar-icon'
 };
-var styles$10 = "\n@layer primereact {\n    .p-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        font-size: 1rem;\n    }\n    \n    .p-avatar.p-avatar-image {\n        background-color: transparent;\n    }\n    \n    .p-avatar.p-avatar-circle {\n        border-radius: 50%;\n    }\n    \n    .p-avatar.p-avatar-circle img {\n        border-radius: 50%;\n    }\n    \n    .p-avatar .p-avatar-icon {\n        font-size: 1rem;\n    }\n    \n    .p-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-avatar-clickable {\n        cursor: pointer;\n    }\n}\n";
+var styles$11 = "\n@layer primereact {\n    .p-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        font-size: 1rem;\n    }\n    \n    .p-avatar.p-avatar-image {\n        background-color: transparent;\n    }\n    \n    .p-avatar.p-avatar-circle {\n        border-radius: 50%;\n    }\n    \n    .p-avatar.p-avatar-circle img {\n        border-radius: 50%;\n    }\n    \n    .p-avatar .p-avatar-icon {\n        font-size: 1rem;\n    }\n    \n    .p-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-avatar-clickable {\n        cursor: pointer;\n    }\n}\n";
 var AvatarBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Avatar',
@@ -9502,12 +9502,12 @@ var AvatarBase = ComponentBase.extend({
   },
   css: {
     classes: classes$15,
-    styles: styles$10
+    styles: styles$11
   }
 });
 
-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 Avatar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -9552,7 +9552,7 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
-      return IconUtils.getJSXIcon(props.icon, _objectSpread$1C({}, iconProps), {
+      return IconUtils.getJSXIcon(props.icon, _objectSpread$1D({}, iconProps), {
         props: props
       });
     }
@@ -9598,7 +9598,7 @@ Avatar.displayName = 'Avatar';
 var classes$14 = {
   root: 'p-avatar-group p-component'
 };
-var styles$$ = "\n@layer primereact {\n    .p-avatar-group .p-avatar + .p-avatar {\n        margin-left: -1rem;\n    }\n    \n    .p-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n}\n";
+var styles$10 = "\n@layer primereact {\n    .p-avatar-group .p-avatar + .p-avatar {\n        margin-left: -1rem;\n    }\n    \n    .p-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n}\n";
 var AvatarGroupBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'AvatarGroup',
@@ -9608,7 +9608,7 @@ var AvatarGroupBase = ComponentBase.extend({
   },
   css: {
     classes: classes$14,
-    styles: styles$$
+    styles: styles$10
   }
 });
 
@@ -9655,7 +9655,7 @@ var classes$13 = {
     });
   }
 };
-var styles$_ = "\n@layer primereact {\n    .p-blockui-container {\n        position: relative;\n    }\n    \n    .p-blockui {\n        opacity: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-blockui.p-component-overlay {\n        position: absolute;\n    }\n    \n    .p-blockui-document.p-component-overlay {\n        position: fixed;\n    }\n}\n";
+var styles$$ = "\n@layer primereact {\n    .p-blockui-container {\n        position: relative;\n    }\n    \n    .p-blockui {\n        opacity: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-blockui.p-component-overlay {\n        position: absolute;\n    }\n    \n    .p-blockui-document.p-component-overlay {\n        position: fixed;\n    }\n}\n";
 var BlockUIBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'BlockUI',
@@ -9675,12 +9675,12 @@ var BlockUIBase = ComponentBase.extend({
   },
   css: {
     classes: classes$13,
-    styles: styles$_
+    styles: styles$$
   }
 });
 
-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 BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -9760,7 +9760,7 @@ var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       var appendTo = props.fullScreen ? document.body : 'self';
       var maskProps = mergeProps({
         className: classNames(props.className, cx('mask')),
-        style: _objectSpread$1B(_objectSpread$1B({}, props.style), {}, {
+        style: _objectSpread$1C(_objectSpread$1C({}, props.style), {}, {
           position: props.fullScreen ? 'fixed' : 'absolute',
           top: '0',
           left: '0',
@@ -9817,7 +9817,7 @@ var classes$12 = {
     return classNames('p-breadcrumb p-component', props.className);
   }
 };
-var styles$Z = "\n@layer primereact {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n\n    .p-breadcrumb ol {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
+var styles$_ = "\n@layer primereact {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n\n    .p-breadcrumb ol {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
 var BreadCrumbBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'BreadCrumb',
@@ -9831,12 +9831,12 @@ var BreadCrumbBase = ComponentBase.extend({
   },
   css: {
     classes: classes$12,
-    styles: styles$Z
+    styles: styles$_
   }
 });
 
-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 BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -9894,7 +9894,7 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
-      var icon = IconUtils.getJSXIcon(_icon, _objectSpread$1A({}, iconProps), {
+      var icon = IconUtils.getJSXIcon(_icon, _objectSpread$1B({}, iconProps), {
         props: props
       });
       var actionProps = mergeProps({
@@ -9945,7 +9945,7 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       'aria-hidden': 'true'
     }, ptm('separatorIcon'));
     var icon = props.separatorIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, separatorIconProps);
-    var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1A({}, separatorIconProps), {
+    var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1B({}, separatorIconProps), {
       props: props
     });
     var separatorProps = mergeProps({
@@ -10044,7 +10044,7 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
 }));
 BreadCrumb.displayName = 'BreadCrumb';
 
-var styles$Y = "\n@layer primereact {\n    .p-calendar {\n        position: relative;\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-calendar .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-calendar-w-btn-right .p-inputtext {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-calendar-w-btn-right .p-datepicker-trigger {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-calendar-w-btn-left .p-inputtext {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-calendar-w-btn-left .p-datepicker-trigger {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    /* Fluid */\n    .p-fluid .p-calendar {\n        display: flex;\n    }\n\n    .p-fluid .p-calendar .p-inputtext {\n        width: 1%;\n    }\n\n    /* Datepicker */\n    .p-calendar .p-datepicker {\n        min-width: 100%;\n    }\n\n    .p-datepicker {\n        width: auto;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-datepicker-inline {\n        display: inline-block;\n        position: static;\n        overflow-x: auto;\n    }\n\n    /* Header */\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datepicker-header .p-datepicker-title {\n        margin: 0 auto;\n    }\n\n    .p-datepicker-prev,\n    .p-datepicker-next {\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n        flex: 1 1 auto;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    /* DatePicker Table */\n    .p-datepicker table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .p-datepicker td > span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Month Picker */\n    .p-monthpicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /*  Button Bar */\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    /* Time Picker */\n    .p-timepicker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-timepicker button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-timepicker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    /* Touch UI */\n    .p-datepicker-touch-ui,\n    .p-calendar .p-datepicker-touch-ui {\n        position: fixed;\n        top: 50%;\n        left: 50%;\n        min-width: 80vw;\n        transform: translate(-50%, -50%);\n    }\n\n    /* Year Picker */\n    .p-yearpicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n}\n";
+var styles$Z = "\n@layer primereact {\n    .p-calendar {\n        position: relative;\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-calendar .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-calendar-w-btn-right .p-inputtext {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-calendar-w-btn-right .p-datepicker-trigger {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-calendar-w-btn-left .p-inputtext {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-calendar-w-btn-left .p-datepicker-trigger {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    /* Fluid */\n    .p-fluid .p-calendar {\n        display: flex;\n    }\n\n    .p-fluid .p-calendar .p-inputtext {\n        width: 1%;\n    }\n\n    /* Datepicker */\n    .p-calendar .p-datepicker {\n        min-width: 100%;\n    }\n\n    .p-datepicker {\n        width: auto;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-datepicker-inline {\n        display: inline-block;\n        position: static;\n        overflow-x: auto;\n    }\n\n    /* Header */\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datepicker-header .p-datepicker-title {\n        margin: 0 auto;\n    }\n\n    .p-datepicker-prev,\n    .p-datepicker-next {\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n        flex: 1 1 auto;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    /* DatePicker Table */\n    .p-datepicker table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .p-datepicker td > span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Month Picker */\n    .p-monthpicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /*  Button Bar */\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    /* Time Picker */\n    .p-timepicker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-timepicker button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-timepicker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    /* Touch UI */\n    .p-datepicker-touch-ui,\n    .p-calendar .p-datepicker-touch-ui {\n        position: fixed;\n        top: 50%;\n        left: 50%;\n        min-width: 80vw;\n        transform: translate(-50%, -50%);\n    }\n\n    /* Year Picker */\n    .p-yearpicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n}\n";
 var classes$11 = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -10225,7 +10225,7 @@ var CalendarBase = ComponentBase.extend({
   },
   css: {
     classes: classes$11,
-    styles: styles$Y
+    styles: styles$Z
   }
 });
 
@@ -10277,8 +10277,8 @@ var CalendarPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, re
 });
 CalendarPanel.displayName = 'CalendarPanel';
 
-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; }
 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; }
@@ -10360,7 +10360,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         var type = _ref.type,
           valid = _ref.valid;
         if (valid) {
-          type === 'outside' ? !isOverlayClicked.current && !isNavIconClicked(event.target) && hide('outside', reFocusInputField) : hide(null, reFocusInputField);
+          type === 'outside' ? !isOverlayClicked.current && !isNavIconClicked(event.target) && hide('outside') : hide();
         }
         isOverlayClicked.current = false;
       },
@@ -12252,27 +12252,34 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return today.getDate() === day && today.getMonth() === month && today.getFullYear() === year;
   };
   var isDayDisabled = function isDayDisabled(day, month, year) {
+    var isDisabled = false;
+
+    // first check for disabled dates
     if (props.disabledDates) {
       if (props.disabledDates.some(function (d) {
         return d.getFullYear() === year && d.getMonth() === month && d.getDate() === day;
       })) {
-        return true;
-      }
-    } else if (props.enabledDates) {
-      if (!props.enabledDates.some(function (d) {
-        return d.getFullYear() === year && d.getMonth() === month && d.getDate() === day;
-      })) {
-        return true;
+        isDisabled = true;
       }
     }
-    if (props.disabledDays && currentView === 'date') {
+
+    // next if not disabled then check for disabled days
+    if (!isDisabled && props.disabledDays && currentView === 'date') {
       var weekday = new Date(year, month, day);
       var weekdayNumber = weekday.getDay();
       if (props.disabledDays.indexOf(weekdayNumber) !== -1) {
-        return true;
+        isDisabled = true;
       }
     }
-    return false;
+
+    // last check for enabled dates to force dates enabled
+    if (props.enabledDates) {
+      var isEnabled = props.enabledDates.some(function (d) {
+        return d.getFullYear() === year && d.getMonth() === month && d.getDate() === day;
+      });
+      isDisabled = isDisabled ? !isEnabled : isEnabled;
+    }
+    return isDisabled;
   };
   var isMonthYearDisabled = function isMonthYearDisabled(month, year) {
     var daysCountInAllMonth = month === -1 ? new Array(12).fill(0).map(function (_, i) {
@@ -12898,7 +12905,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       className: cx('previousIcon')
     }, ptm('previousIcon'));
     var icon = props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronLeftIcon, previousIconProps);
-    var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1z({}, previousIconProps), {
+    var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1A({}, previousIconProps), {
       props: props
     });
     var _localeOptions4 = localeOptions(props.locale),
@@ -12906,7 +12913,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       prevYear = _localeOptions4.prevYear,
       prevMonth = _localeOptions4.prevMonth;
     var previousButtonLabel = currentView === 'year' ? prevDecade : currentView === 'month' ? prevYear : prevMonth;
-    var previousButtonProps = mergeProps(_objectSpread$1z({
+    var previousButtonProps = mergeProps(_objectSpread$1A({
       type: 'button',
       className: cx('previousButton'),
       'aria-label': previousButtonLabel
@@ -12930,7 +12937,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       className: cx('nextIcon')
     }, ptm('nextIcon'));
     var icon = props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, nextIconProps);
-    var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1z({}, nextIconProps), {
+    var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1A({}, nextIconProps), {
       props: props
     });
     var _localeOptions5 = localeOptions(props.locale),
@@ -12938,7 +12945,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       nextYear = _localeOptions5.nextYear,
       nextMonth = _localeOptions5.nextMonth;
     var nextButtonLabel = currentView === 'year' ? nextDecade : currentView === 'month' ? nextYear : nextMonth;
-    var nextButtonProps = mergeProps(_objectSpread$1z({
+    var nextButtonProps = mergeProps(_objectSpread$1A({
       type: 'button',
       className: cx('nextButton'),
       'aria-label': nextButtonLabel
@@ -13293,10 +13300,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var incrementIconProps = mergeProps(ptm('incrementIcon'));
   var decrementIconProps = mergeProps(ptm('decrementIcon'));
-  var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$1z({}, incrementIconProps), {
+  var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$1A({}, incrementIconProps), {
     props: props
   });
-  var decrementIcon = IconUtils.getJSXIcon(props.decrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, decrementIconProps), _objectSpread$1z({}, decrementIconProps), {
+  var decrementIcon = IconUtils.getJSXIcon(props.decrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, decrementIconProps), _objectSpread$1A({}, decrementIconProps), {
     props: props
   });
   var createHourPicker = function createHourPicker() {
@@ -13784,7 +13791,7 @@ var classes$10 = {
   footer: 'p-card-footer',
   body: 'p-card-body'
 };
-var styles$X = "\n@layer primereact {\n    .p-card-header img {\n        width: 100%;\n    }\n}\n";
+var styles$Y = "\n@layer primereact {\n    .p-card-header img {\n        width: 100%;\n    }\n}\n";
 var CardBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Card',
@@ -13799,7 +13806,7 @@ var CardBase = ComponentBase.extend({
   },
   css: {
     classes: classes$10,
-    styles: styles$X
+    styles: styles$Y
   }
 });
 
@@ -13863,7 +13870,7 @@ var Card = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
 });
 Card.displayName = 'Card';
 
-var styles$W = "\n@layer primereact {\n    .p-carousel {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-carousel-content {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n    }\n    \n    .p-carousel-prev,\n    .p-carousel-next {\n        align-self: center;\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-carousel-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-carousel-items-content {\n        overflow: hidden;\n        width: 100%;\n    }\n    \n    .p-carousel-items-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-carousel-indicators {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-carousel-indicator > button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    /* Vertical */\n    .p-carousel-vertical .p-carousel-container {\n        flex-direction: column;\n    }\n    \n    .p-carousel-vertical .p-carousel-items-container {\n        flex-direction: column;\n        height: 100%;\n    }\n    \n    /* Keyboard Support */\n    .p-items-hidden .p-carousel-item {\n        visibility: hidden;\n    }\n    \n    .p-items-hidden .p-carousel-item.p-carousel-item-active {\n        visibility: visible;\n    }\n}\n";
+var styles$X = "\n@layer primereact {\n    .p-carousel {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-carousel-content {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n    }\n    \n    .p-carousel-prev,\n    .p-carousel-next {\n        align-self: center;\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-carousel-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-carousel-items-content {\n        overflow: hidden;\n        width: 100%;\n    }\n    \n    .p-carousel-items-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-carousel-indicators {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-carousel-indicator > button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    /* Vertical */\n    .p-carousel-vertical .p-carousel-container {\n        flex-direction: column;\n    }\n    \n    .p-carousel-vertical .p-carousel-items-container {\n        flex-direction: column;\n        height: 100%;\n    }\n    \n    /* Keyboard Support */\n    .p-items-hidden .p-carousel-item {\n        visibility: hidden;\n    }\n    \n    .p-items-hidden .p-carousel-item.p-carousel-item-active {\n        visibility: visible;\n    }\n}\n";
 var classes$$ = {
   root: function root(_ref) {
     var isVertical = _ref.isVertical;
@@ -13955,13 +13962,13 @@ var CarouselBase = ComponentBase.extend({
   },
   css: {
     classes: classes$$,
-    styles: styles$W,
+    styles: styles$X,
     inlineStyles: inlineStyles$l
   }
 });
 
-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 CarouselItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var ptm = props.ptm,
     cx = props.cx;
@@ -14276,6 +14283,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         var res = responsiveOptions.current[i];
         innerHTML += "\n                    @media screen and (max-width: ".concat(res.breakpoint, ") {\n                        .p-carousel[").concat(attributeSelector.current, "] .p-carousel-item {\n                            flex: 1 0 ").concat(100 / res.numVisible, "%\n                        }\n                    }\n                ");
       }
+      calculatePosition();
     }
     carouselStyle.current.innerHTML = innerHTML;
   };
@@ -14506,7 +14514,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         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$1y({}, previousButtonIconProps), {
+      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1z({}, previousButtonIconProps), {
         props: props
       });
       var previousButtonProps = mergeProps({
@@ -14532,7 +14540,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         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$1y({}, nextButtonIconProps), {
+      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1z({}, nextButtonIconProps), {
         props: props
       });
       var nextButtonProps = mergeProps({
@@ -14667,7 +14675,7 @@ var classes$_ = {
   text: 'p-cascadeselect-item-text',
   transition: 'p-connected-overlay'
 };
-var styles$V = "\n@layer primereact {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-cascadeselect-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n    \n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n    \n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n    \n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n    \n    .p-cascadeselect-sublist {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n    \n    .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n}\n";
+var styles$W = "\n@layer primereact {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-cascadeselect-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n    \n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n    \n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n    \n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n    \n    .p-cascadeselect-sublist {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n    \n    .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n}\n";
 var CascadeSelectBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'CascadeSelect',
@@ -14707,12 +14715,12 @@ var CascadeSelectBase = ComponentBase.extend({
   },
   css: {
     classes: classes$_,
-    styles: styles$V
+    styles: styles$W
   }
 });
 
-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 CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React__namespace.useState(null),
@@ -14726,7 +14734,7 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var getPTOptions = function getPTOptions(key, options) {
     return ptm(key, {
       hostName: props.hostName,
-      state: _objectSpread$1x({}, options)
+      state: _objectSpread$1y({}, options)
     });
   };
   var position = function position() {
@@ -14892,7 +14900,7 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
       className: cx('optionGroupIcon')
     }, getPTOptions('optionGroupIcon'));
     var icon = props.optionGroupIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, optionGroupIconProps);
-    var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1x({}, optionGroupIconProps), {
+    var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1y({}, optionGroupIconProps), {
       props: props
     });
     var key = getOptionLabelToRender(option) + '_' + index;
@@ -14944,8 +14952,8 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
 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$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 CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -14969,7 +14977,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         overlayVisible: overlayVisibleState,
         attributeSelector: attributeSelectorState
       },
-      context: _objectSpread$1w({}, context)
+      context: _objectSpread$1x({}, context)
     }),
     ptm = _CascadeSelectBase$se.ptm,
     cx = _CascadeSelectBase$se.cx,
@@ -15214,7 +15222,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var hiddenSelectedMessageProps = mergeProps({
       className: 'p-hidden-accessible'
     }, ptm('hiddenSelectedMessage'));
-    var inputProps = mergeProps(_objectSpread$1w({
+    var inputProps = mergeProps(_objectSpread$1x({
       ref: inputRef,
       type: 'text',
       id: props.inputId,
@@ -15240,7 +15248,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         label: label
       })
     }, ptm('label', {
-      context: _objectSpread$1w({
+      context: _objectSpread$1x({
         label: label
       }, context)
     }));
@@ -15253,7 +15261,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, {
       spin: true
     });
-    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1w({}, loadingIconProps), {
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1x({}, loadingIconProps), {
       props: props
     });
     var loadingButtonProps = mergeProps({
@@ -15269,7 +15277,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       className: cx('dropdownIcon')
     }, ptm('dropdownIcon'));
     var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, dropdownIconProps);
-    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1w({}, dropdownIconProps), {
+    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1x({}, dropdownIconProps), {
       props: props
     });
     var dropdownButtonProps = mergeProps({
@@ -15528,7 +15536,7 @@ var classes$Z = {
     });
   }
 };
-var styles$U = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}        \n";
+var styles$V = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}        \n";
 var CheckboxBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Checkbox',
@@ -15558,12 +15566,12 @@ var CheckboxBase = ComponentBase.extend({
   },
   css: {
     classes: classes$Z,
-    styles: styles$U
+    styles: styles$V
   }
 });
 
-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 Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -15680,7 +15688,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     className: cx('icon')
   }, ptm('icon'));
   var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(CheckIcon, iconProps) : null;
-  var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1v({}, iconProps), {
+  var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1w({}, iconProps), {
     props: props,
     checked: checked
   });
@@ -15700,7 +15708,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var hiddenInputWrapperProps = mergeProps({
     className: 'p-hidden-accessible'
   }, ptm('hiddenInputWrapper'));
-  var hiddenInputProps = mergeProps(_objectSpread$1v({
+  var hiddenInputProps = mergeProps(_objectSpread$1w({
     id: props.inputId,
     type: 'checkbox',
     name: props.name,
@@ -15752,7 +15760,7 @@ var classes$Y = {
   icon: 'p-chip-icon',
   label: 'p-chip-text'
 };
-var styles$T = "\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
+var styles$U = "\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
 var ChipBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Chip',
@@ -15771,12 +15779,12 @@ var ChipBase = ComponentBase.extend({
   },
   css: {
     classes: classes$Y,
-    styles: styles$T
+    styles: styles$U
   }
 });
 
-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 Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -15834,7 +15842,7 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         key: 'icon',
         className: cx('icon')
       }, ptm('icon'));
-      content.push(IconUtils.getJSXIcon(props.icon, _objectSpread$1u({}, chipIconProps), {
+      content.push(IconUtils.getJSXIcon(props.icon, _objectSpread$1v({}, chipIconProps), {
         props: props
       }));
     }
@@ -15846,7 +15854,7 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       content.push( /*#__PURE__*/React__namespace.createElement("span", labelProps, props.label));
     }
     if (props.removable) {
-      content.push(IconUtils.getJSXIcon(icon, _objectSpread$1u({}, removeIconProps), {
+      content.push(IconUtils.getJSXIcon(icon, _objectSpread$1v({}, removeIconProps), {
         props: props
       }));
     }
@@ -15874,7 +15882,7 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
 }));
 Chip.displayName = 'Chip';
 
-var styles$S = "\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n";
+var styles$T = "\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n";
 var classes$X = {
   removeTokenIcon: 'p-chips-token-icon',
   label: 'p-chips-token-label',
@@ -15932,12 +15940,12 @@ var ChipsBase = ComponentBase.extend({
   },
   css: {
     classes: classes$X,
-    styles: styles$S
+    styles: styles$T
   }
 });
 
-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 Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -16073,13 +16081,14 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   };
   var _onPaste = function onPaste(event) {
     if (props.separator) {
+      var separator = props.separator.replace('\\n', '\n').replace('\\r', '\r').replace('\\t', '\t');
       var pastedData = (event.clipboardData || window['clipboardData']).getData('Text');
       if (props.keyfilter) {
         KeyFilter.onPaste(event, props.keyfilter);
       }
       if (pastedData) {
         var values = props.value || [];
-        var pastedValues = pastedData.split(props.separator);
+        var pastedValues = pastedData.split(separator);
         pastedValues = pastedValues.filter(function (val) {
           return (props.allowDuplicate || values.indexOf(val) === -1) && val.trim().length;
         });
@@ -16148,7 +16157,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       'aria-hidden': 'true'
     }, ptm('removeTokenIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(TimesCircleIcon, iconProps);
-    var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1t({}, iconProps), {
+    var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1u({}, iconProps), {
       props: props
     });
     if (!props.disabled && !props.readOnly && isRemovable(value, index)) {
@@ -16174,7 +16183,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     var inputTokenProps = mergeProps({
       className: cx('inputToken')
     }, ptm('inputToken'));
-    var inputProps = mergeProps(_objectSpread$1t({
+    var inputProps = mergeProps(_objectSpread$1u({
       id: props.inputId,
       ref: inputRef,
       placeholder: props.placeholder,
@@ -16269,7 +16278,7 @@ var classes$W = {
   selector: 'p-colorpicker-color-selector',
   transition: 'p-connected-overlay'
 };
-var styles$R = "\n@layer primereact {\n    .p-colorpicker {\n        display: inline-block;\n    }\n    \n    .p-colorpicker-dragging {\n        cursor: pointer;\n    }\n    \n    .p-colorpicker-overlay {\n        position: relative;\n    }\n    \n    .p-colorpicker-panel {\n        position: relative;\n        width: 193px;\n        height: 166px;\n    }\n    \n    .p-colorpicker-overlay-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-colorpicker-preview {\n        cursor: pointer;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-content {\n        position: relative;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color-selector {\n        width: 150px;\n        height: 150px;\n        top: 8px;\n        left: 8px;\n        position: absolute;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color {\n        width: 150px;\n        height: 150px;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color-handle {\n        position: absolute;\n        top: 0px;\n        left: 150px;\n        border-radius: 100%;\n        width: 10px;\n        height: 10px;\n        border-width: 1px;\n        border-style: solid;\n        margin: -5px 0 0 -5px;\n        cursor: pointer;\n        opacity: 0.85;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-hue {\n        width: 17px;\n        height: 150px;\n        top: 8px;\n        left: 167px;\n        position: absolute;\n        opacity: 0.85;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-hue-handle {\n        position: absolute;\n        top: 150px;\n        left: 0px;\n        width: 21px;\n        margin-left: -2px;\n        margin-top: -5px;\n        height: 10px;\n        border-width: 2px;\n        border-style: solid;\n        opacity: 0.85;\n        cursor: pointer;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color {\n        background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0) 100%), linear-gradient(to right, #fff 0%, rgb(255 255 255 / 0) 100%)\n    }\n    .p-colorpicker-panel .p-colorpicker-hue {\n        background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)\n    }\n}\n";
+var styles$S = "\n@layer primereact {\n    .p-colorpicker {\n        display: inline-block;\n    }\n    \n    .p-colorpicker-dragging {\n        cursor: pointer;\n    }\n    \n    .p-colorpicker-overlay {\n        position: relative;\n    }\n    \n    .p-colorpicker-panel {\n        position: relative;\n        width: 193px;\n        height: 166px;\n    }\n    \n    .p-colorpicker-overlay-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-colorpicker-preview {\n        cursor: pointer;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-content {\n        position: relative;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color-selector {\n        width: 150px;\n        height: 150px;\n        top: 8px;\n        left: 8px;\n        position: absolute;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color {\n        width: 150px;\n        height: 150px;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color-handle {\n        position: absolute;\n        top: 0px;\n        left: 150px;\n        border-radius: 100%;\n        width: 10px;\n        height: 10px;\n        border-width: 1px;\n        border-style: solid;\n        margin: -5px 0 0 -5px;\n        cursor: pointer;\n        opacity: 0.85;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-hue {\n        width: 17px;\n        height: 150px;\n        top: 8px;\n        left: 167px;\n        position: absolute;\n        opacity: 0.85;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-hue-handle {\n        position: absolute;\n        top: 150px;\n        left: 0px;\n        width: 21px;\n        margin-left: -2px;\n        margin-top: -5px;\n        height: 10px;\n        border-width: 2px;\n        border-style: solid;\n        opacity: 0.85;\n        cursor: pointer;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color {\n        background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0) 100%), linear-gradient(to right, #fff 0%, rgb(255 255 255 / 0) 100%)\n    }\n    .p-colorpicker-panel .p-colorpicker-hue {\n        background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)\n    }\n}\n";
 var ColorPickerBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ColorPicker',
@@ -16300,7 +16309,7 @@ var ColorPickerBase = ComponentBase.extend({
   },
   css: {
     classes: classes$W,
-    styles: styles$R
+    styles: styles$S
   }
 });
 
@@ -16349,8 +16358,8 @@ var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
 });
 ColorPickerPanel.displayName = 'ColorPickerPanel';
 
-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 ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -16853,7 +16862,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var createInput = function createInput() {
     if (!props.inline) {
       var inputProps = ColorPickerBase.getOtherProps(props);
-      var _inputProps = mergeProps(_objectSpread$1s({
+      var _inputProps = mergeProps(_objectSpread$1t({
         ref: inputRef,
         type: 'text',
         readOnly: true,
@@ -16912,8 +16921,8 @@ Column.displayName = 'Column';
 var ColumnGroup = function ColumnGroup() {};
 ColumnGroup.displayName = 'ColumnGroup';
 
-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 classes$V = {
   closeButtonIcon: 'p-dialog-header-close-icon',
   closeButton: 'p-dialog-header-icon p-dialog-header-close p-link',
@@ -16961,11 +16970,11 @@ var classes$V = {
   },
   transition: 'p-dialog'
 };
-var styles$Q = "\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n";
+var styles$R = "\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n";
 var inlineStyles$k = {
   mask: function mask(_ref6) {
     var props = _ref6.props;
-    return _objectSpread$1r({
+    return _objectSpread$1s({
       position: 'fixed',
       height: '100%',
       width: '100%',
@@ -17035,13 +17044,13 @@ var DialogBase = ComponentBase.extend({
   },
   css: {
     classes: classes$V,
-    styles: styles$Q,
+    styles: styles$R,
     inlineStyles: inlineStyles$k
   }
 });
 
-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 Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -17080,7 +17089,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var maximized = props.onMaximize ? props.maximized : maximizedState;
   var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
   var displayOrder = useDisplayOrder('dialog', visibleState);
-  var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread$1q(_objectSpread$1q({
+  var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread$1r(_objectSpread$1r({
       props: props
     }, props.__parentMetadata), {}, {
       state: {
@@ -17514,7 +17523,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         'aria-hidden': true
       }, ptm('closeButtonIcon'));
       var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, closeButtonIconProps);
-      var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, closeButtonIconProps), {
+      var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, closeButtonIconProps), {
         props: props
       });
       var closeButtonProps = mergeProps({
@@ -17747,17 +17756,17 @@ var ConfirmDialogBase = ComponentBase.extend({
   }
 });
 
-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 confirmDialog = function confirmDialog() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  props = _objectSpread$1p(_objectSpread$1p({}, props), {
+  props = _objectSpread$1q(_objectSpread$1q({}, 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$1p(_objectSpread$1p(_objectSpread$1p({}, props), updatedProps), {
+    OverlayService.emit('confirm-dialog', _objectSpread$1q(_objectSpread$1q(_objectSpread$1q({}, props), updatedProps), {
       visible: true
     }));
   };
@@ -17942,7 +17951,7 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
-    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1p({}, iconProps), {
+    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1q({}, iconProps), {
       props: currentProps
     });
     var footer = createFooter();
@@ -17974,7 +17983,7 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
 }));
 ConfirmDialog.displayName = 'ConfirmDialog';
 
-var styles$P = "\n@layer primereact {\n    .p-confirm-popup-flipped {\n        margin-top: 0;\n        margin-bottom: 10px;\n    }\n    \n    .p-confirm-popup:after, .p-confirm-popup:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: \" \";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-confirm-popup:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-confirm-popup:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:before {\n        border-bottom-color: transparent\n    }\n    \n    .p-confirm-popup .p-confirm-popup-content {\n        display: flex;\n        align-items: center;\n    }\n}\n";
+var styles$Q = "\n@layer primereact {\n    .p-confirm-popup-flipped {\n        margin-top: 0;\n        margin-bottom: 10px;\n    }\n    \n    .p-confirm-popup:after, .p-confirm-popup:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: \" \";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-confirm-popup:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-confirm-popup:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:before {\n        border-bottom-color: transparent\n    }\n    \n    .p-confirm-popup .p-confirm-popup-content {\n        display: flex;\n        align-items: center;\n    }\n}\n";
 var classes$T = {
   root: function root(_ref) {
     var context = _ref.context,
@@ -18030,21 +18039,21 @@ var ConfirmPopupBase = ComponentBase.extend({
   },
   css: {
     classes: classes$T,
-    styles: styles$P
+    styles: styles$Q
   }
 });
 
-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 confirmPopup = function confirmPopup() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  props = _objectSpread$1o(_objectSpread$1o({}, props), {
+  props = _objectSpread$1p(_objectSpread$1p({}, 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$1o(_objectSpread$1o(_objectSpread$1o({}, props), updatedProps), {
+    OverlayService.emit('confirm-popup', _objectSpread$1p(_objectSpread$1p(_objectSpread$1p({}, props), updatedProps), {
       visible: true
     }));
   };
@@ -18275,7 +18284,7 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
-    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1o({}, iconProps), {
+    var icon = IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread$1p({}, iconProps), {
       props: currentProps
     });
     var messageProps = mergeProps({
@@ -18392,7 +18401,7 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 }));
 ConfirmPopup.displayName = 'ConfirmPopup';
 
-var styles$O = "\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n\n    .p-contextmenu .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    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n\n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n";
+var styles$P = "\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n\n    .p-contextmenu .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    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n\n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n";
 var classes$S = {
   root: function root(_ref) {
     var context = _ref.context;
@@ -18459,12 +18468,12 @@ var ContextMenuBase = ComponentBase.extend({
   },
   css: {
     classes: classes$S,
-    styles: styles$O
+    styles: styles$P
   }
 });
 
-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 ContextMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var submenuRef = React__namespace.useRef(null);
@@ -18633,7 +18642,7 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
     var iconProps = mergeProps({
       className: cx('icon')
     }, getPTOptions(processedItem, 'icon', index));
-    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1n({}, iconProps), {
+    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1o({}, iconProps), {
       props: props.menuProps
     });
     var submenuIconProps = mergeProps({
@@ -18643,7 +18652,7 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
       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$1n({}, submenuIconProps), {
+    var submenuIcon = items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, submenuIconProps), _objectSpread$1o({}, submenuIconProps), {
       props: props.menuProps
     });
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
@@ -18746,8 +18755,8 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
 }));
 ContextMenuSub.displayName = 'ContextMenuSub';
 
-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 ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -19261,7 +19270,7 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       anchorElement ? anchorElement.click() : _element && _element.click();
       var processedItem = visibleItems[focusedItemInfo.index];
       var grouped = isProccessedItemGroup(processedItem);
-      !grouped && setFocusedItemInfo(_objectSpread$1m(_objectSpread$1m({}, focusedItemInfo), {}, {
+      !grouped && setFocusedItemInfo(_objectSpread$1n(_objectSpread$1n({}, focusedItemInfo), {}, {
         index: findFirstFocusedItemIndex()
       }));
     }
@@ -19325,7 +19334,7 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   };
   var changeFocusedItemIndex = function changeFocusedItemIndex(index) {
     if (focusedItemInfo.index !== index) {
-      setFocusedItemInfo(_objectSpread$1m(_objectSpread$1m({}, focusedItemInfo), {}, {
+      setFocusedItemInfo(_objectSpread$1n(_objectSpread$1n({}, focusedItemInfo), {}, {
         index: index
       }));
       scrollInView();
@@ -19490,7 +19499,7 @@ var classes$R = {
     });
   }
 };
-var styles$N = "\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n";
+var styles$O = "\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n";
 var inlineStyles$j = {
   content: function content(_ref2) {
     var props = _ref2.props;
@@ -19521,7 +19530,7 @@ var DataScrollerBase = ComponentBase.extend({
   },
   css: {
     classes: classes$R,
-    styles: styles$N,
+    styles: styles$O,
     inlineStyles: inlineStyles$j
   }
 });
@@ -19856,7 +19865,7 @@ var classes$Q = {
   },
   pages: 'p-paginator-pages'
 };
-var styles$M = "\n@layer primereact {\n    .p-paginator {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-paginator-left-content {\n        margin-right: auto;\n    }\n    \n    .p-paginator-right-content {\n        margin-left: auto;\n    }\n    \n    .p-paginator-page,\n    .p-paginator-next,\n    .p-paginator-last,\n    .p-paginator-first,\n    .p-paginator-prev,\n    .p-paginator-current {\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 1;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-paginator-element:focus {\n        z-index: 1;\n        position: relative;\n    }\n}\n";
+var styles$N = "\n@layer primereact {\n    .p-paginator {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-paginator-left-content {\n        margin-right: auto;\n    }\n    \n    .p-paginator-right-content {\n        margin-left: auto;\n    }\n    \n    .p-paginator-page,\n    .p-paginator-next,\n    .p-paginator-last,\n    .p-paginator-first,\n    .p-paginator-prev,\n    .p-paginator-current {\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 1;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-paginator-element:focus {\n        z-index: 1;\n        position: relative;\n    }\n}\n";
 var PaginatorBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Paginator',
@@ -19879,7 +19888,7 @@ var PaginatorBase = ComponentBase.extend({
   },
   css: {
     classes: classes$Q,
-    styles: styles$M
+    styles: styles$N
   }
 });
 var CurrentPageReportBase = ComponentBase.extend({
@@ -19977,8 +19986,8 @@ var RowsPerPageDropdownBase = ComponentBase.extend({
   }
 });
 
-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 CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -20000,7 +20009,7 @@ var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
   }));
   var element = /*#__PURE__*/React__namespace.createElement("span", currentProps, text);
   if (props.template) {
-    var defaultOptions = _objectSpread$1l(_objectSpread$1l({}, report), {
+    var defaultOptions = _objectSpread$1m(_objectSpread$1m({}, report), {
       ariaLive: 'polite',
       className: 'p-paginator-current',
       element: element,
@@ -20012,8 +20021,8 @@ var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
 });
 CurrentPageReport.displayName = 'CurrentPageReport';
 
-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 FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -20036,7 +20045,7 @@ var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('firstPageIcon')
   }, getPTOptions('firstPageIcon'));
   var icon = props.firstPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleLeftIcon, firstPageIconProps);
-  var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1k({}, firstPageIconProps), {
+  var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1l({}, firstPageIconProps), {
     props: props
   });
   var firstPageButtonProps = mergeProps({
@@ -20095,7 +20104,7 @@ var classes$P = {
   },
   decrementIcon: 'p-button-icon'
 };
-var styles$L = "\n@layer primereact {\n    .p-inputnumber {\n        display: inline-flex;\n    }\n    \n    .p-inputnumber-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n        display: none;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n        padding: 0;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-inputnumber-input {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        padding: 0;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n        flex: 1 1 auto;\n    }\n    \n    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n        order: 3;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-horizontal .p-inputnumber-input {\n        order: 2;\n        border-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n        order: 1;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-vertical {\n        flex-direction: column;\n    }\n    \n    .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n        order: 1;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n        width: 100%;\n    }\n    \n    .p-inputnumber-buttons-vertical .p-inputnumber-input {\n        order: 2;\n        border-radius: 0;\n        text-align: center;\n    }\n    \n    .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n        order: 3;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        width: 100%;\n    }\n    \n    .p-inputnumber-input {\n        flex: 1 1 auto;\n    }\n    \n    .p-fluid .p-inputnumber {\n        width: 100%;\n    }\n    \n    .p-fluid .p-inputnumber .p-inputnumber-input {\n        width: 1%;\n    }\n    \n    .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n        width: 100%;\n    }\n}\n";
+var styles$M = "\n@layer primereact {\n    .p-inputnumber {\n        display: inline-flex;\n    }\n    \n    .p-inputnumber-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n        display: none;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n        padding: 0;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-inputnumber-input {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        padding: 0;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n        flex: 1 1 auto;\n    }\n    \n    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n        order: 3;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-horizontal .p-inputnumber-input {\n        order: 2;\n        border-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n        order: 1;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-vertical {\n        flex-direction: column;\n    }\n    \n    .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n        order: 1;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n        width: 100%;\n    }\n    \n    .p-inputnumber-buttons-vertical .p-inputnumber-input {\n        order: 2;\n        border-radius: 0;\n        text-align: center;\n    }\n    \n    .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n        order: 3;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        width: 100%;\n    }\n    \n    .p-inputnumber-input {\n        flex: 1 1 auto;\n    }\n    \n    .p-fluid .p-inputnumber {\n        width: 100%;\n    }\n    \n    .p-fluid .p-inputnumber .p-inputnumber-input {\n        width: 1%;\n    }\n    \n    .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n        width: 100%;\n    }\n}\n";
 var InputNumberBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InputNumber',
@@ -20155,12 +20164,12 @@ var InputNumberBase = ComponentBase.extend({
   },
   css: {
     classes: classes$P,
-    styles: styles$L
+    styles: styles$M
   }
 });
 
-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 InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -20169,7 +20178,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
-  var metaData = _objectSpread$1j(_objectSpread$1j({
+  var metaData = _objectSpread$1k(_objectSpread$1k({
     props: props
   }, props.__parentMetadata), {}, {
     state: {
@@ -20252,7 +20261,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     }).format(1.1).trim().replace(_numeral.current, '');
   };
   var getDecimalExpression = function getDecimalExpression() {
-    var formatter = new Intl.NumberFormat(_locale, _objectSpread$1j(_objectSpread$1j({}, getOptions()), {}, {
+    var formatter = new Intl.NumberFormat(_locale, _objectSpread$1k(_objectSpread$1k({}, getOptions()), {}, {
       useGrouping: false
     }));
     return new RegExp("[".concat(formatter.format(1.1).replace(_currency.current, '').trim().replace(_numeral.current, ''), "]"), 'g');
@@ -21126,7 +21135,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       className: cx('incrementIcon')
     }, ptm('incrementIcon'));
     var icon = props.incrementButtonIcon || /*#__PURE__*/React__namespace.createElement(AngleUpIcon, incrementIconProps);
-    var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1j({}, incrementIconProps), {
+    var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1k({}, incrementIconProps), {
       props: props
     });
     var incrementButtonProps = mergeProps({
@@ -21152,7 +21161,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       className: cx('decrementIcon')
     }, ptm('decrementIcon'));
     var icon = props.decrementButtonIcon || /*#__PURE__*/React__namespace.createElement(AngleDownIcon, decrementIconProps);
-    var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1j({}, decrementIconProps), {
+    var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1k({}, decrementIconProps), {
       props: props
     });
     var decrementButtonProps = mergeProps({
@@ -21250,8 +21259,8 @@ var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (inProps) {
 });
 JumpToPageInput.displayName = 'JumpToPageInput';
 
-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 LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -21274,7 +21283,7 @@ var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('lastPageIcon')
   }, getPTOptions('lastPageIcon'));
   var icon = props.lastPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleRightIcon, lastPageIconProps);
-  var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1i({}, lastPageIconProps), {
+  var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1j({}, lastPageIconProps), {
     props: props
   });
   var lastPageButtonProps = mergeProps({
@@ -21302,8 +21311,8 @@ var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
 });
 LastPageLink.displayName = 'LastPageLink';
 
-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 NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -21326,7 +21335,7 @@ var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('nextPageIcon')
   }, getPTOptions('nextPageIcon'));
   var icon = props.nextPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, nextPageIconProps);
-  var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1h({}, nextPageIconProps), {
+  var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1i({}, nextPageIconProps), {
     props: props
   });
   var nextPageButtonProps = mergeProps({
@@ -21442,8 +21451,8 @@ var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
 });
 PageLinks.displayName = 'PageLinks';
 
-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 PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -21466,7 +21475,7 @@ var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
     className: cx('prevPageIcon')
   }, getPTOptions('prevPageIcon'));
   var icon = props.prevPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleLeftIcon, prevPageIconProps);
-  var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1g({}, prevPageIconProps), {
+  var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1h({}, prevPageIconProps), {
     props: props
   });
   var prevPageButtonProps = mergeProps({
@@ -21561,7 +21570,7 @@ var classes$O = {
   footer: 'p-dropdown-footer',
   transition: 'p-connected-overlay'
 };
-var styles$K = "\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n";
+var styles$L = "\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n";
 var inlineStyles$i = {
   wrapper: function wrapper(_ref8) {
     var props = _ref8.props;
@@ -21605,6 +21614,8 @@ var DropdownBase = ComponentBase.extend({
     inputId: null,
     inputRef: null,
     itemTemplate: null,
+    loading: false,
+    loadingIcon: null,
     maxLength: null,
     name: null,
     onBlur: null,
@@ -21643,7 +21654,7 @@ var DropdownBase = ComponentBase.extend({
   },
   css: {
     classes: classes$O,
-    styles: styles$K,
+    styles: styles$L,
     inlineStyles: inlineStyles$i
   }
 });
@@ -21694,8 +21705,8 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 DropdownItem.displayName = 'DropdownItem';
 
-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 DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var ptm = props.ptm,
@@ -21714,7 +21725,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     }
   };
   var getPTOptions = function getPTOptions(key, options) {
-    return ptm(key, _objectSpread$1f({
+    return ptm(key, _objectSpread$1g({
       hostName: props.hostName
     }, options));
   };
@@ -21783,7 +21794,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var style = {
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
-    style = _objectSpread$1f(_objectSpread$1f({}, style), option.style);
+    style = _objectSpread$1g(_objectSpread$1g({}, style), option.style);
     if (props.optionGroupLabel) {
       var optionGroupLabel = props.optionGroupLabel;
       var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
@@ -21838,7 +21849,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         }
       }, getPTOptions('filterClearIcon'));
       var icon = props.filterClearIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, clearIconProps);
-      var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$1f({}, clearIconProps), {
+      var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$1g({}, clearIconProps), {
         props: props
       });
       return filterClearIcon;
@@ -21852,7 +21863,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         className: cx('filterIcon')
       }, getPTOptions('filterIcon'));
       var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(SearchIcon, filterIconProps);
-      var filterIcon = IconUtils.getJSXIcon(icon, _objectSpread$1f({}, filterIconProps), {
+      var filterIcon = IconUtils.getJSXIcon(icon, _objectSpread$1g({}, filterIconProps), {
         props: props
       });
       var filterContainerProps = mergeProps({
@@ -21897,15 +21908,15 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   };
   var createContent = function createContent() {
     if (props.virtualScrollerOptions) {
-      var virtualScrollerProps = _objectSpread$1f(_objectSpread$1f({}, props.virtualScrollerOptions), {
-        style: _objectSpread$1f(_objectSpread$1f({}, props.virtualScrollerOptions.style), {
+      var virtualScrollerProps = _objectSpread$1g(_objectSpread$1g({}, props.virtualScrollerOptions), {
+        style: _objectSpread$1g(_objectSpread$1g({}, 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$1f(_objectSpread$1f({}, event), {
+          return props.virtualScrollerOptions.onLazyLoad(_objectSpread$1g(_objectSpread$1g({}, event), {
             filter: props.filterValue
           }));
         },
@@ -21986,8 +21997,8 @@ 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$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 Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -22015,7 +22026,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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$1e(_objectSpread$1e({
+  var _DropdownBase$setMeta = DropdownBase.setMetaData(_objectSpread$1f(_objectSpread$1f({
       props: props
     }, props.__parentMetadata), {}, {
       state: {
@@ -22059,7 +22070,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             var optgroup = _step.value;
             var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
             if (filteredSubOptions && filteredSubOptions.length) {
-              filteredGroups.push(_objectSpread$1e(_objectSpread$1e({}, optgroup), _defineProperty({}, "".concat(props.optionGroupChildren), filteredSubOptions)));
+              filteredGroups.push(_objectSpread$1f(_objectSpread$1f({}, optgroup), _defineProperty({}, "".concat(props.optionGroupChildren), filteredSubOptions)));
             }
           }
         } catch (err) {
@@ -22132,27 +22143,20 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     });
   };
   var onInputKeyDown = function onInputKeyDown(event) {
-    switch (event.which) {
-      //down
-      case 40:
+    switch (event.code) {
+      case 'ArrowDown':
         onDownKey(event);
         break;
-
-      //up
-      case 38:
+      case 'ArrowUp':
         onUpKey(event);
         break;
-
-      //space and enter
-      case 32:
-      case 13:
+      case 'Space':
+      case 'Enter':
         overlayVisibleState ? hide() : show();
         event.preventDefault();
         break;
-
-      //escape and tab
-      case 27:
-      case 9:
+      case 'Escape':
+      case 'Tab':
         hide();
         break;
       default:
@@ -22161,20 +22165,15 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
-    switch (event.which) {
-      //down
-      case 40:
+    switch (event.code) {
+      case 'ArrowDown':
         onDownKey(event);
         break;
-
-      //up
-      case 38:
+      case 'ArrowUp':
         onUpKey(event);
         break;
-
-      //enter and escape
-      case 13:
-      case 27:
+      case 'Escape':
+      case 'Enter':
         hide();
         event.preventDefault();
         break;
@@ -22255,8 +22254,13 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (searchTimeout.current) {
       clearTimeout(searchTimeout.current);
     }
+    if (event.ctrlKey || event.metaKey || event.altKey) {
+      // ignore meta combinations like CTRL+F for browser search
+      return;
+    }
     var _char = event.key;
-    if (_char === 'Shift' || _char === 'Control' || _char === 'Alt') {
+    if (_char.length !== 1) {
+      // only single character keys matter for searching
       return;
     }
     if (currentSearchChar.current === _char) searchValue.current = _char;else searchValue.current = searchValue.current ? searchValue.current + _char : _char;
@@ -22625,7 +22629,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var hiddenSelectedMessageProps = mergeProps({
       className: 'p-hidden-accessible'
     }, ptm('hiddenSelectedMessage'));
-    var inputProps = mergeProps(_objectSpread$1e({
+    var inputProps = mergeProps(_objectSpread$1f({
       ref: focusInputRef,
       id: props.inputId,
       type: 'text',
@@ -22643,7 +22647,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var label = ObjectUtils.isNotEmpty(selectedOption) ? getOptionLabel(selectedOption) : null;
     if (props.editable) {
       var value = label || props.value || '';
-      var inputProps = mergeProps(_objectSpread$1e({
+      var inputProps = mergeProps(_objectSpread$1f({
         ref: inputRef,
         type: 'text',
         defaultValue: value,
@@ -22679,7 +22683,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         onPointerUp: clear
       }, ptm('clearIcon'));
       var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, clearIconProps);
-      return IconUtils.getJSXIcon(icon, _objectSpread$1e({}, clearIconProps), {
+      return IconUtils.getJSXIcon(icon, _objectSpread$1f({}, clearIconProps), {
         props: props
       });
     }
@@ -22693,7 +22697,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, {
       spin: true
     });
-    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1e({}, loadingIconProps), {
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1f({}, loadingIconProps), {
       props: props
     });
     var ariaLabel = props.placeholder || props.ariaLabel;
@@ -22712,7 +22716,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       'data-pr-overlay-visible': overlayVisibleState
     }, ptm('dropdownIcon'));
     var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, dropdownIconProps);
-    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1e({}, dropdownIconProps), {
+    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1f({}, dropdownIconProps), {
       props: props
     });
     var ariaLabel = props.placeholder || props.ariaLabel;
@@ -22838,13 +22842,13 @@ var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (inProps)
 });
 RowsPerPageDropdown.displayName = 'RowsPerPageDropdown';
 
-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 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$1d({
+  var metaData = _objectSpread$1e({
     props: props
   }, props.__parentMetadata);
   var _PaginatorBase$setMet = PaginatorBase.setMetaData(metaData),
@@ -23097,9 +23101,9 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 }));
 Paginator.displayName = 'Paginator';
 
-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 styles$J = "\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: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        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";
+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 styles$K = "\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: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        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$N = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -23337,11 +23341,11 @@ var inlineStyles$h = {
   },
   reorderIndicatorUp: function reorderIndicatorUp(_ref20) {
     var style = _ref20.style;
-    return _objectSpread$1c({}, style);
+    return _objectSpread$1d({}, style);
   },
   reorderIndicatorDown: function reorderIndicatorDown(_ref21) {
     var style = _ref21.style;
-    return _objectSpread$1c({}, style);
+    return _objectSpread$1d({}, style);
   }
 };
 var DataTableBase = ComponentBase.extend({
@@ -23492,7 +23496,7 @@ var DataTableBase = ComponentBase.extend({
     children: undefined
   },
   css: {
-    styles: styles$J,
+    styles: styles$K,
     classes: classes$N,
     inlineStyles: inlineStyles$h
   }
@@ -23527,8 +23531,8 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-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 RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -23584,7 +23588,7 @@ var RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
     className: cx('checkboxIcon')
   }, getColumnPTOptions('checkboxIcon'));
   var icon = props.checked ? props.checkIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, checkboxIconProps) : null;
-  var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1b({}, checkboxIconProps), {
+  var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1c({}, checkboxIconProps), {
     props: props
   });
   var tabIndex = props.disabled ? null : '0';
@@ -23722,8 +23726,8 @@ var RowRadioButton = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 RowRadioButton.displayName = 'RowRadioButton';
 
-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 BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React__namespace.useState(props.editing),
@@ -23830,7 +23834,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var getCellCallbackParams = function getCellCallbackParams(event) {
     var params = getCellParams();
-    return _objectSpread$1a({
+    return _objectSpread$1b({
       originalEvent: event
     }, params);
   };
@@ -23869,7 +23873,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     setEditingRowDataState(function (prev) {
       var newRowData = prev;
       var newValue = resolveFieldData(newRowData);
-      var params = _objectSpread$1a(_objectSpread$1a({}, callbackParams), {}, {
+      var params = _objectSpread$1b(_objectSpread$1b({}, callbackParams), {}, {
         newRowData: newRowData,
         newValue: newValue
       });
@@ -23939,7 +23943,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$1a({}, styleObjectState);
+      var styleObject = _objectSpread$1b({}, styleObjectState);
       var align = getColumnProp('alignFrozen');
       if (align === 'right') {
         var right = 0;
@@ -23961,7 +23965,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var editorCallback = function editorCallback(val) {
-    var editingRowData = _objectSpread$1a({}, editingRowDataState);
+    var editingRowData = _objectSpread$1b({}, editingRowDataState);
     ObjectUtils.mutateFieldData(editingRowData, field, val);
     setEditingRowDataState(editingRowData);
 
@@ -24168,7 +24172,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   React__namespace.useEffect(function () {
     if (props.editMode === 'cell' || props.editMode === 'row') {
       var callbackParams = getCellCallbackParams();
-      var params = _objectSpread$1a(_objectSpread$1a({}, callbackParams), {}, {
+      var params = _objectSpread$1b(_objectSpread$1b({}, callbackParams), {}, {
         editing: editingState,
         editingKey: editingKey
       });
@@ -24193,7 +24197,9 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       field: field
     });
     var content = ObjectUtils.getJSXElement(getVirtualScrollerOption('loadingTemplate'), options);
-    var bodyCellProps = mergeProps(getColumnPTOptions('bodyCell'));
+    var bodyCellProps = mergeProps(getColumnPTOptions('bodyCell'), {
+      role: 'cell'
+    });
     return /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, content);
   };
   var createElement = function createElement() {
@@ -24276,7 +24282,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         className: cx('rowReorderIcon')
       }, getColumnPTOptions('rowReorderIcon'));
       var rowReorderIcon = getColumnProp('rowReorderIcon') || /*#__PURE__*/React__namespace.createElement(BarsIcon, rowReorderIconProps);
-      content = showReorder ? IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$1a({}, rowReorderIconProps), {
+      content = showReorder ? IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$1b({}, rowReorderIconProps), {
         props: props
       }) : null;
     } else if (expander) {
@@ -24285,7 +24291,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         '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$1a({}, rowTogglerIconProps), {
+      var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1b({}, rowTogglerIconProps), {
         props: props
       });
       var ariaControls = "".concat(props.tableSelector, "_content_").concat(props.rowIndex, "_expanded");
@@ -24296,7 +24302,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         onClick: onRowToggle,
         className: cx('rowToggler')
       };
-      var rowTogglerProps = mergeProps(_objectSpread$1a(_objectSpread$1a({}, expanderProps), {}, {
+      var rowTogglerProps = mergeProps(_objectSpread$1b(_objectSpread$1b({}, expanderProps), {}, {
         type: 'button',
         'aria-expanded': props.expanded,
         'aria-controls': ariaControls,
@@ -24326,13 +24332,13 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       var rowEditorInitIconProps = mergeProps({
         className: cx('rowEditorInitIcon')
       }, getColumnPTOptions('rowEditorInitIcon'));
-      var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$1a({}, rowEditorSaveIconProps), {
+      var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$1b({}, rowEditorSaveIconProps), {
         props: props
       });
-      var rowEditorCancelIcon = IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, rowEditorCancelIconProps), _objectSpread$1a({}, rowEditorCancelIconProps), {
+      var rowEditorCancelIcon = IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, rowEditorCancelIconProps), _objectSpread$1b({}, rowEditorCancelIconProps), {
         props: props
       });
-      var rowEditorInitIcon = IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React__namespace.createElement(PencilIcon, rowEditorInitIconProps), _objectSpread$1a({}, rowEditorInitIconProps), {
+      var rowEditorInitIcon = IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React__namespace.createElement(PencilIcon, rowEditorInitIconProps), _objectSpread$1b({}, rowEditorInitIconProps), {
         props: props
       });
       if (editingState) {
@@ -24343,23 +24349,22 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
           onCancelClick: onRowEditCancel,
           cancelClassName: cx('rowEditorCancelButton')
         };
-        var rowEditorSaveButtonProps = mergeProps({
+        var rowEditorSaveButtonProps = mergeProps(_defineProperty(_defineProperty({
           type: 'button',
           name: 'row-save',
           'aria-label': ariaLabel$1('saveEdit'),
           onClick: rowEditorProps.onSaveClick,
           className: rowEditorProps.saveClassName,
-          tabIndex: props.tabIndex,
-          'data-p-row-editor-save': true
-        }, getColumnPTOptions('rowEditorSaveButton'));
-        var rowEditorCancelButtonProps = mergeProps({
+          tabIndex: props.tabIndex
+        }, "aria-label", ariaLabel$1('saveEdit')), 'data-p-row-editor-save', true), getColumnPTOptions('rowEditorSaveButton'));
+        var rowEditorCancelButtonProps = mergeProps(_defineProperty({
           type: 'button',
           name: 'row-cancel',
           'aria-label': ariaLabel$1('cancelEdit'),
           onClick: rowEditorProps.onCancelClick,
           className: rowEditorProps.cancelClassName,
           tabIndex: props.tabIndex
-        }, getColumnPTOptions('rowEditorCancelButton'));
+        }, "aria-label", ariaLabel$1('cancelEdit')), getColumnPTOptions('rowEditorCancelButton'));
         content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", rowEditorSaveButtonProps, rowEditorSaveIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null)), /*#__PURE__*/React__namespace.createElement("button", rowEditorCancelButtonProps, rowEditorCancelIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null)));
       } else {
         rowEditorProps = {
@@ -24367,15 +24372,14 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
           onInitClick: onRowEditInit,
           initClassName: cx('rowEditorInitButton')
         };
-        var rowEditorInitButtonProps = mergeProps({
+        var rowEditorInitButtonProps = mergeProps(_defineProperty(_defineProperty({
           type: 'button',
           name: 'row-edit',
           'aria-label': ariaLabel$1('editRow'),
           onClick: rowEditorProps.onInitClick,
           className: rowEditorProps.initClassName,
-          tabIndex: props.tabIndex,
-          'data-p-row-editor-init': true
-        }, getColumnPTOptions('rowEditorInitButton'));
+          tabIndex: props.tabIndex
+        }, "aria-label", ariaLabel$1('editRow')), 'data-p-row-editor-init', true), getColumnPTOptions('rowEditorInitButton'));
         content = /*#__PURE__*/React__namespace.createElement("button", rowEditorInitButtonProps, rowEditorInitIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
       }
       if (body) {
@@ -24475,8 +24479,8 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 BodyCell.displayName = 'BodyCell';
 
-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; }
+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 BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React__namespace.useState(false),
@@ -24535,6 +24539,10 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
       nextRow.tabIndex = props.tabIndex;
     }
   };
+  var findFirstSelectableRow = function findFirstSelectableRow(row) {
+    var firstRow = DomHandler.findSingle(row.parentNode, 'tr[data-p-selectable-row]');
+    return firstRow ? firstRow : null;
+  };
   var findNextSelectableRow = function findNextSelectableRow(row) {
     var nextRow = row.nextElementSibling;
     return nextRow ? DomHandler.getAttribute(nextRow, 'data-p-selectable-row') === true ? nextRow : findNextSelectableRow(nextRow) : null;
@@ -24543,6 +24551,10 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
     var prevRow = row.previousElementSibling;
     return prevRow ? DomHandler.getAttribute(prevRow, 'data-p-selectable-row') === true ? prevRow : findPrevSelectableRow(prevRow) : null;
   };
+  var findLastSelectableRow = function findLastSelectableRow(row) {
+    var lastRow = DomHandler.findSingle(row.parentNode, 'tr[data-p-selectable-row]:last-child');
+    return lastRow ? lastRow : null;
+  };
   var shouldRenderBodyCell = function shouldRenderBodyCell(value, column, i) {
     if (getColumnProp(column, 'hidden')) {
       return false;
@@ -24631,43 +24643,87 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
     if (isFocusable() && !props.allowCellSelection) {
       var target = event.target,
         row = event.currentTarget;
-      switch (event.which) {
-        //down arrow
-        case 40:
-          var nextRow = findNextSelectableRow(row);
-          if (nextRow) {
-            changeTabIndex(row, nextRow);
-            nextRow.focus();
-          }
-          event.preventDefault();
+      switch (event.code) {
+        case 'ArrowDown':
+          onArrowDownKey(row, event);
           break;
-
-        //up arrow
-        case 38:
-          var prevRow = findPrevSelectableRow(row);
-          if (prevRow) {
-            changeTabIndex(row, prevRow);
-            prevRow.focus();
-          }
-          event.preventDefault();
+        case 'ArrowUp':
+          onArrowUpKey(row, event);
           break;
-
-        //enter
-        case 13:
-          // @deprecated
-          if (!DomHandler.isClickable(target)) {
-            _onClick(event);
-            event.preventDefault();
-          }
+        case 'Home':
+          onHomeKey(row, event);
           break;
-
-        //space
-        case 32:
-          if (!DomHandler.isClickable(target) && !target.readOnly) {
-            _onClick(event);
-            event.preventDefault();
-          }
+        case 'End':
+          onEndKey(row, event);
+          break;
+        case 'Enter':
+          onEnterKey(row, event, target);
+          break;
+        case 'Space':
+          onSpaceKey(row, event, target);
           break;
+        case 'Tab':
+          onTabKey(row, event);
+          break;
+      }
+    }
+  };
+  var onArrowDownKey = function onArrowDownKey(row, event) {
+    var nextRow = findNextSelectableRow(row);
+    if (nextRow) {
+      changeTabIndex(row, nextRow);
+      nextRow.focus();
+    }
+    event.preventDefault();
+  };
+  var onArrowUpKey = function onArrowUpKey(row, event) {
+    var prevRow = findPrevSelectableRow(row);
+    if (prevRow) {
+      changeTabIndex(row, prevRow);
+      prevRow.focus();
+    }
+    event.preventDefault();
+  };
+  var onHomeKey = function onHomeKey(row, event) {
+    var firstRow = findFirstSelectableRow(row);
+    if (firstRow) {
+      changeTabIndex(row, firstRow);
+      firstRow.focus();
+    }
+    event.preventDefault();
+  };
+  var onEndKey = function onEndKey(row, event) {
+    var lastRow = findLastSelectableRow(row);
+    if (lastRow) {
+      changeTabIndex(row, lastRow);
+      lastRow.focus();
+    }
+    event.preventDefault();
+  };
+  var onEnterKey = function onEnterKey(row, event, target) {
+    if (!DomHandler.isClickable(target)) {
+      _onClick(event);
+      event.preventDefault();
+    }
+  };
+  var onSpaceKey = function onSpaceKey(row, event, target) {
+    if (!DomHandler.isClickable(target) && !target.readOnly) {
+      _onClick(event);
+      event.preventDefault();
+    }
+  };
+  var onTabKey = function onTabKey(row, event) {
+    var parent = row.parentNode;
+    var rows = DomHandler.find(parent, 'tr[data-p-selectable-row="true"]');
+    if (event.code === 'Tab' && rows && rows.length > 0) {
+      var firstSelectedRow = DomHandler.findSingle(parent, 'tr[data-p-highlight="true"]');
+      var focusedItem = DomHandler.findSingle(parent, 'tr[data-p-selectable-row="true"][tabindex="0"]');
+      if (firstSelectedRow) {
+        firstSelectedRow.tabIndex = '0';
+        focusedItem && focusedItem !== firstSelectedRow && (focusedItem.tabIndex = '-1');
+      } else {
+        rows[0].tabIndex = '0';
+        focusedItem !== rows[0] && (rows[rowIndex].tabIndex = '-1');
       }
     }
   };
@@ -24730,7 +24786,7 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
         newData = e.newData;
       if (dataKey) {
         var dataKeyValue = String(ObjectUtils.resolveFieldData(data, dataKey));
-        editingRows = props.editingRows ? _objectSpread$19({}, props.editingRows) : {};
+        editingRows = props.editingRows ? _objectSpread$1a({}, props.editingRows) : {};
         if (!isEditing) {
           delete editingRows[dataKeyValue];
           // if the key value was changed, stop editing for the new key value too
@@ -24922,6 +24978,7 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
     onDrop: function onDrop(e) {
       return _onDrop(e);
     },
+    'aria-selected': props !== null && props !== void 0 && props.selectionMode ? props.selected : null,
     'data-p-selectable-row': props.allowRowSelection && props.isSelectable({
       data: props.rowData,
       index: props.rowIndex
@@ -24933,8 +24990,8 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 BodyRow.displayName = 'BodyRow';
 
-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; }
+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 RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
@@ -24966,7 +25023,7 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
     'aria-hidden': true
   }, 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$18({}, rowGroupTogglerIconProps), {
+  var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$19({}, rowGroupTogglerIconProps), {
     props: props
   });
   var label = props.expanded ? ariaLabel$1('collapseLabel') : ariaLabel$1('expandLabel');
@@ -24984,8 +25041,8 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
 RowTogglerButton.displayName = 'RowTogglerButton';
 
 var _excluded = ["originalEvent"];
-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; }
+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 TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
@@ -25390,14 +25447,14 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     return selection;
   };
   var onSelect = function onSelect(event) {
-    if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$17(_objectSpread$17({
+    if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$18(_objectSpread$18({
       originalEvent: event.originalEvent
     }, event.data), {}, {
       type: event.type
     }));else props.onRowSelect && props.onRowSelect(event);
   };
   var onUnselect = function onUnselect(event) {
-    if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$17(_objectSpread$17({
+    if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$18(_objectSpread$18({
       originalEvent: event.originalEvent
     }, event.data), {}, {
       type: event.type
@@ -25456,12 +25513,12 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         rangeRowIndex.current = event.index;
         anchorRowFirst.current = props.first;
         if (isSingleSelection()) {
-          onSingleSelection(_objectSpread$17(_objectSpread$17({}, event), {}, {
+          onSingleSelection(_objectSpread$18(_objectSpread$18({}, event), {}, {
             toggleable: toggleable,
             type: 'row'
           }));
         } else {
-          onMultipleSelection(_objectSpread$17(_objectSpread$17({}, event), {}, {
+          onMultipleSelection(_objectSpread$18(_objectSpread$18({}, event), {}, {
             toggleable: toggleable,
             type: 'row'
           }));
@@ -25551,7 +25608,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
     if (hasDataKey) {
       var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-      expandedRows = props.expandedRows ? _objectSpread$17({}, props.expandedRows) : {};
+      expandedRows = props.expandedRows ? _objectSpread$18({}, props.expandedRows) : {};
       if (expandedRows[dataKeyValue] != null) {
         delete expandedRows[dataKeyValue];
         if (props.onRowCollapse) {
@@ -25685,13 +25742,13 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     event.preventDefault();
   };
   var onRadioChange = function onRadioChange(event) {
-    onSingleSelection(_objectSpread$17(_objectSpread$17({}, event), {}, {
+    onSingleSelection(_objectSpread$18(_objectSpread$18({}, event), {}, {
       toggleable: true,
       type: 'radio'
     }));
   };
   var onCheckboxChange = function onCheckboxChange(event) {
-    onMultipleSelection(_objectSpread$17(_objectSpread$17({}, event), {}, {
+    onMultipleSelection(_objectSpread$18(_objectSpread$18({}, event), {}, {
       toggleable: true,
       type: 'checkbox'
     }));
@@ -25996,7 +26053,8 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     style: props.style,
     className: cx(ptKey, {
       className: props.className
-    })
+    }),
+    role: ' rowgroup'
   }, ptm(ptKey, {
     hostName: props.hostName
   }));
@@ -26031,8 +26089,8 @@ var RowBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$16(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$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -26076,7 +26134,7 @@ var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$16({}, styleObjectState);
+      var styleObject = _objectSpread$17({}, styleObjectState);
       var _align = getColumnProp('alignFrozen');
       if (_align === 'right') {
         var right = 0;
@@ -26207,7 +26265,8 @@ var TableFooter = /*#__PURE__*/React__namespace.memo(function (props) {
   if (hasFooter()) {
     var content = createContent();
     var tfootProps = mergeProps({
-      className: cx('tfoot')
+      className: cx('tfoot'),
+      role: 'rowgroup'
     }, getColumnGroupPTOptions('root'), ptm('tfoot', {
       hostName: props.hostName
     }));
@@ -26217,6 +26276,117 @@ var TableFooter = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 TableFooter.displayName = 'TableFooter';
 
+var styles$J = "";
+var FocusTrapBase = ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'FocusTrap',
+    children: undefined
+  },
+  css: {
+    styles: styles$J
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, FocusTrapBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, FocusTrapBase.defaultProps);
+  }
+});
+
+function ownKeys$16(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$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(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);
+  var lastFocusableElementRef = React__default["default"].useRef(null);
+  var context = React__default["default"].useContext(PrimeReactContext);
+  var props = FocusTrapBase.getProps(inProps, context);
+  var metaData = {
+    props: props
+  };
+  useStyle(FocusTrapBase.css.styles, {
+    name: 'focustrap'
+  });
+  var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$16({}, metaData));
+    _FocusTrapBase$setMet.ptm;
+  React__default["default"].useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getInk: function getInk() {
+        return firstFocusableElementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
+  useMountEffect(function () {
+    if (!props.disabled) {
+      targetRef.current = getTarget();
+      setAutoFocus(targetRef.current);
+    }
+  });
+  var getTarget = function getTarget() {
+    return firstFocusableElementRef.current && firstFocusableElementRef.current.parentElement;
+  };
+  var setAutoFocus = function setAutoFocus(target) {
+    var _ref = props || {},
+      _ref$autoFocusSelecto = _ref.autoFocusSelector,
+      autoFocusSelector = _ref$autoFocusSelecto === void 0 ? '' : _ref$autoFocusSelecto,
+      _ref$firstFocusableSe = _ref.firstFocusableSelector,
+      firstFocusableSelector = _ref$firstFocusableSe === void 0 ? '' : _ref$firstFocusableSe,
+      _ref$autoFocus = _ref.autoFocus,
+      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus;
+    var focusableElement = DomHandler.getFirstFocusableElement(target, "[autofocus]".concat(getComputedSelector(autoFocusSelector)));
+    autoFocus && !focusableElement && (focusableElement = DomHandler.getFirstFocusableElement(target, getComputedSelector(firstFocusableSelector)));
+    DomHandler.focus(focusableElement);
+  };
+  var getComputedSelector = function getComputedSelector(selector) {
+    return ":not(.p-hidden-focusable):not([data-p-hidden-focusable=\"true\"])".concat(selector !== null && selector !== void 0 ? selector : '');
+  };
+  var onFirstHiddenElementFocus = function onFirstHiddenElementFocus(event) {
+    var _targetRef$current;
+    var currentTarget = event.currentTarget,
+      relatedTarget = event.relatedTarget;
+    var focusableElement = relatedTarget === currentTarget.$_pfocustrap_lasthiddenfocusableelement || !((_targetRef$current = targetRef.current) !== null && _targetRef$current !== void 0 && _targetRef$current.contains(relatedTarget)) ? DomHandler.getFirstFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_lasthiddenfocusableelement;
+    DomHandler.focus(focusableElement);
+  };
+  var onLastHiddenElementFocus = function onLastHiddenElementFocus(event) {
+    var _targetRef$current2;
+    var currentTarget = event.currentTarget,
+      relatedTarget = event.relatedTarget;
+    var focusableElement = relatedTarget === currentTarget.$_pfocustrap_firsthiddenfocusableelement || !((_targetRef$current2 = targetRef.current) !== null && _targetRef$current2 !== void 0 && _targetRef$current2.contains(relatedTarget)) ? DomHandler.getLastFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_firsthiddenfocusableelement;
+    DomHandler.focus(focusableElement);
+  };
+  var createHiddenFocusableElements = function createHiddenFocusableElements() {
+    var _ref2 = props || {},
+      _ref2$tabIndex = _ref2.tabIndex,
+      tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;
+    var createFocusableElement = function createFocusableElement(onFocus, section) {
+      return /*#__PURE__*/React__default["default"].createElement("span", {
+        ref: section === 'firstfocusableelement' ? firstFocusableElementRef : lastFocusableElementRef,
+        className: 'p-hidden-accessible p-hidden-focusable',
+        tabIndex: tabIndex,
+        role: 'presentation',
+        "aria-hidden": true,
+        "data-p-hidden-accessible": true,
+        "data-p-hidden-focusable": true,
+        onFocus: onFocus,
+        "data-pc-section": section
+      });
+    };
+    var firstFocusableElement = createFocusableElement(onFirstHiddenElementFocus, 'firstfocusableelement');
+    var lastFocusableElement = createFocusableElement(onLastHiddenElementFocus, 'lastfocusableelement');
+    if (firstFocusableElement.ref.current && lastFocusableElement.ref.current) {
+      firstFocusableElement.ref.current.$_pfocustrap_lasthiddenfocusableelement = lastFocusableElement.ref.current;
+      lastFocusableElement.ref.current.$_pfocustrap_firsthiddenfocusableelement = firstFocusableElement.ref.current;
+    }
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, firstFocusableElement, props.children, lastFocusableElement);
+  };
+  return createHiddenFocusableElements();
+}));
+var FocusTrap$1 = FocusTrap;
+
 function ownKeys$15(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$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -26225,6 +26395,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     overlayVisibleState = _React$useState2[0],
     setOverlayVisibleState = _React$useState2[1];
   var overlayRef = React__namespace.useRef(null);
+  var overlayId = React__namespace.useRef(UniqueComponentId());
   var iconRef = React__namespace.useRef(null);
   var selfClick = React__namespace.useRef(false);
   var overlayEventListener = React__namespace.useRef(null);
@@ -26286,9 +26457,6 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
   var isRowMatchModeSelected = function isRowMatchModeSelected(matchMode) {
     return filterModel && filterModel.matchMode === matchMode;
   };
-  var showMenuButton = function showMenuButton() {
-    return getColumnProp('showFilterMenu') && (props.display === 'row' ? getColumnProp('dataType') !== 'boolean' : true);
-  };
   var matchModes = function matchModes() {
     return getColumnProp('filterMatchModeOptions') || context && context.filterMatchModeOptions[findDataType()].map(function (key) {
       return {
@@ -26302,6 +26470,12 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       };
     });
   };
+  var isShowMenuButton = function isShowMenuButton() {
+    return getColumnProp('showFilterMenu') && (props.display === 'row' ? getColumnProp('dataType') !== 'boolean' : true);
+  };
+  var isShowClearButton = function isShowClearButton() {
+    return getColumnProp('showClearButton') && props.display === 'row';
+  };
   var isShowMatchModes = function isShowMatchModes() {
     return getColumnProp('dataType') !== 'boolean' && getColumnProp('showFilterMatchModes') && matchModes() && getColumnProp('showFilterMenuOptions');
   };
@@ -26602,9 +26776,6 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       value: FilterOperator.OR
     }];
   };
-  var filterLabel = function filterLabel() {
-    return localeOption('filter');
-  };
   var noFilterLabel = function noFilterLabel() {
     return localeOption('noFilter');
   };
@@ -26691,7 +26862,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     return props.display === 'menu' ? createFilterElement(fieldConstraint, index) : null;
   };
   var createMenuButton = function createMenuButton() {
-    if (!showMenuButton()) {
+    if (!isShowMenuButton()) {
       return null;
     }
     var filterIconProps = mergeProps({
@@ -26701,7 +26872,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     var columnFilterIcon = IconUtils.getJSXIcon(icon, _objectSpread$15({}, filterIconProps), {
       props: props
     });
-    var label = filterLabel();
+    var label = overlayVisibleState ? ariaLabel$1('hideFilterMenu') : ariaLabel$1('showFilterMenu');
     var filterMenuButtonProps = mergeProps({
       type: 'button',
       className: cx('filterMenuButton', {
@@ -26710,13 +26881,14 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       }),
       'aria-haspopup': true,
       'aria-expanded': overlayVisibleState,
+      'aria-label': label,
+      'aria-controls': overlayId.current,
       onClick: function onClick(e) {
         return toggleMenu();
       },
       onKeyDown: function onKeyDown(e) {
         return onToggleButtonKeyDown(e);
-      },
-      'aria-label': label
+      }
     }, getColumnPTOptions('filterMenuButton', {
       context: {
         active: hasFilter()
@@ -26727,7 +26899,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     }, filterMenuButtonProps), columnFilterIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   };
   var createClearButton = function createClearButton() {
-    if (!showMenuButton()) {
+    if (!isShowClearButton()) {
       return null;
     }
     var filterClearIconProps = mergeProps({
@@ -26737,25 +26909,22 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$15({}, filterClearIconProps), {
       props: props
     });
-    if (getColumnProp('showClearButton') && props.display === 'row') {
-      var clearLabel = clearButtonLabel();
-      var headerFilterClearButtonProps = mergeProps({
-        className: cx('headerFilterClearButton', {
-          hasRowFilter: hasRowFilter
-        }),
-        type: 'button',
-        onClick: function onClick(e) {
-          return clearFilter();
-        },
-        'aria-label': clearLabel
-      }, getColumnPTOptions('headerFilterClearButton', {
-        context: {
-          hidden: hasRowFilter()
-        }
-      }));
-      return /*#__PURE__*/React__namespace.createElement("button", headerFilterClearButtonProps, filterClearIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
-    }
-    return null;
+    var clearLabel = clearButtonLabel();
+    var headerFilterClearButtonProps = mergeProps({
+      className: cx('headerFilterClearButton', {
+        hasRowFilter: hasRowFilter
+      }),
+      type: 'button',
+      onClick: function onClick(e) {
+        return clearFilter();
+      },
+      'aria-label': clearLabel
+    }, getColumnPTOptions('headerFilterClearButton', {
+      context: {
+        hidden: hasRowFilter()
+      }
+    }));
+    return /*#__PURE__*/React__namespace.createElement("button", headerFilterClearButtonProps, filterClearIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   };
   var createRowItems = function createRowItems() {
     if (isShowMatchModes()) {
@@ -26825,7 +26994,8 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
         unstyled: props.unstyled,
         __parentMetadata: {
           parent: props.metaData
-        }
+        },
+        "aria-label": ariaLabel$1('filterOperator')
       }));
     }
     return null;
@@ -26844,7 +27014,8 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
         unstyled: props.unstyled,
         __parentMetadata: {
           parent: props.metaData
-        }
+        },
+        "aria-label": ariaLabel$1('filterConstraint')
       });
     }
     return null;
@@ -27000,7 +27171,10 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       },
       onMouseDown: function onMouseDown(e) {
         return onContentMouseDown();
-      }
+      },
+      id: overlayId.current,
+      'aria-modal': overlayVisibleState,
+      role: 'dialog'
     }, getColumnPTOptions('filterOverlay'));
     var transitionProps = mergeProps({
       classNames: cx('transition'),
@@ -27019,7 +27193,9 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       nodeRef: overlayRef
     }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: overlayRef
-    }, filterOverlayProps), filterHeader, items, filterFooter)));
+    }, filterOverlayProps), /*#__PURE__*/React__namespace.createElement(FocusTrap$1, {
+      autoFocus: true
+    }, filterHeader, items, filterFooter))));
   };
   var rowFilterElement = createRowFilterElement();
   var menuButton = createMenuButton();
@@ -27110,6 +27286,7 @@ var HeaderCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
     }),
     role: 'checkbox',
     'aria-checked': props.checked,
+    'aria-label': props.checked ? ariaLabel$1('selectAll') : ariaLabel$1('unselectAll'),
     tabIndex: tabIndex,
     onFocus: function onFocus(e) {
       return _onFocus();
@@ -27271,7 +27448,7 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
     });
   };
   var _onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter' && event.currentTarget === elementRef.current && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column') === 'true') {
+    if ((event.code == 'Enter' || event.code == 'Space') && event.currentTarget === elementRef.current && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column') === 'true') {
       _onClick(event);
       event.preventDefault();
     }
@@ -27748,7 +27925,8 @@ var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var content = createContent();
   var theadProps = mergeProps({
-    className: cx('thead')
+    className: cx('thead'),
+    role: 'rowgroup'
   }, getColumnGroupPTOptions('root'), ptm('thead', {
     hostName: props.hostName
   }));
@@ -30068,10 +30246,10 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var rootProps = mergeProps({
     ref: elementRef,
     style: sx('root'),
-    className: cx('root', {
+    className: classNames(props.className, cx('root', {
       horizontal: horizontal,
       vertical: vertical
-    }),
+    })),
     'aria-orientation': props.layout,
     role: 'separator'
   }, DividerBase.getOtherProps(props), ptm('root'));
@@ -30655,7 +30833,7 @@ var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         'aria-label': 'Ordered List'
       }, 'list')), /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
         type: 'button',
-        className: cx('list'),
+        className: 'ql-list',
         value: 'bullet',
         'aria-label': 'Unordered List'
       }, 'list')), /*#__PURE__*/React__namespace.createElement("select", getMergeProps({
@@ -32230,42 +32408,44 @@ var inlineStyles$e = {
 var GalleriaBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Galleria',
-    id: null,
-    value: null,
     activeIndex: 0,
-    fullScreen: false,
-    item: null,
-    thumbnail: null,
-    indicator: null,
+    autoPlay: false,
+    baseZIndex: 0,
     caption: null,
+    changeItemOnIndicatorHover: false,
+    children: undefined,
+    circular: false,
     className: null,
     closeIcon: null,
-    style: null,
-    header: null,
     footer: null,
-    numVisible: 3,
-    responsiveOptions: null,
-    showItemNavigators: false,
-    showThumbnailNavigators: true,
-    showItemNavigatorsOnHover: false,
-    changeItemOnIndicatorHover: false,
-    circular: false,
-    autoPlay: false,
-    transitionInterval: 4000,
-    showThumbnails: true,
+    fullScreen: false,
+    header: null,
+    id: null,
+    indicator: null,
+    indicatorsPosition: 'bottom',
+    item: null,
     itemNextIcon: null,
     itemPrevIcon: null,
     nextThumbnailIcon: null,
+    numVisible: 3,
+    onHide: null,
+    onItemChange: null,
+    onShow: null,
     prevThumbnailIcon: null,
-    thumbnailsPosition: 'bottom',
-    verticalThumbnailViewPortHeight: '300px',
+    responsiveOptions: null,
     showIndicators: false,
     showIndicatorsOnItem: false,
-    indicatorsPosition: 'bottom',
-    baseZIndex: 0,
+    showItemNavigators: false,
+    showItemNavigatorsOnHover: false,
+    showThumbnailNavigators: true,
+    showThumbnails: true,
+    style: null,
+    thumbnail: null,
+    thumbnailsPosition: 'bottom',
+    transitionInterval: 4000,
     transitionOptions: null,
-    onItemChange: null,
-    children: undefined
+    value: null,
+    verticalThumbnailViewPortHeight: '300px'
   },
   css: {
     classes: classes$F,
@@ -38090,6 +38270,9 @@ var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     props.onLeafClick && props.onLeafClick(event);
   };
   var getItemId = function getItemId(processedItem) {
+    if (processedItem.item && processedItem.item.id) {
+      return processedItem.item.id;
+    }
     return "".concat(props.id, "_").concat(processedItem.key);
   };
   var getItemProp = function getItemProp(processedItem, name, params) {
@@ -43237,9 +43420,13 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     return item ? ObjectUtils.getItemValue(item[name]) : undefined;
   };
   var isItemActive = function isItemActive(item) {
-    return props.expandedKeys ? props.expandedKeys[getItemProp(item, 'key')] : props.multiple ? activeItemsState.some(function (subItem) {
-      return ObjectUtils.equals(item, subItem);
-    }) : ObjectUtils.equals(item, activeItemState);
+    if (props.expandedKeys) {
+      return props.expandedKeys[getItemProp(item, 'key')];
+    } else {
+      return props.multiple ? activeItemsState.some(function (subItem) {
+        return ObjectUtils.equals(item, subItem);
+      }) : ObjectUtils.equals(item, activeItemState);
+    }
   };
   var isItemVisible = function isItemVisible(item) {
     return getItemProp(item, 'visible') !== false;
@@ -43339,7 +43526,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var changeActiveItem = function changeActiveItem(event, item) {
     if (!isItemDisabled(item)) {
       var active = isItemActive(item);
-      var isOpen = !active;
+      var isExpanded = !active;
       var _activeItemState = activeItemState && ObjectUtils.equals(item, activeItemState) ? null : item;
       setActiveItemState(_activeItemState);
       if (props.multiple) {
@@ -43357,9 +43544,9 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       }
       changeExpandedKeys({
         item: item,
-        expanded: !active
+        expanded: isExpanded
       });
-      isOpen ? props.onOpen && props.onOpen({
+      isExpanded && event ? props.onOpen && props.onOpen({
         originalEvent: event,
         item: item
       }) : props.onClose && props.onClose({
@@ -43402,8 +43589,15 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   useMountEffect(function () {
     !idState && setIdState(UniqueComponentId());
   });
-  useUpdateEffect(function () {
+  React__namespace.useEffect(function () {
     setAnimationDisabled(true);
+    props.model && props.model.forEach(function (item) {
+      if (item.expanded) {
+        changeActiveItem(null, item);
+        item.expanded = false;
+      }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.model]);
   var onEnter = function onEnter() {
     setAnimationDisabled(false);
@@ -43413,7 +43607,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       return null;
     }
     var key = item.id || idState + '_' + index;
-    var active = isItemActive(item);
+    var active = isItemActive(item) || item.expanded;
     var iconClassName = classNames('p-menuitem-icon', item.icon);
     var headerIconProps = mergeProps({
       className: cx('headerIcon', {
@@ -46566,28 +46760,30 @@ var inlineStyles$7 = {
 var SidebarBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Sidebar',
-    id: null,
-    style: null,
-    className: null,
-    maskStyle: null,
-    maskClassName: null,
-    visible: false,
-    position: 'left',
-    fullScreen: false,
-    blockScroll: false,
+    appendTo: null,
+    ariaCloseLabel: null,
     baseZIndex: 0,
-    dismissable: true,
-    showCloseIcon: true,
+    blockScroll: false,
+    children: undefined,
+    className: null,
     closeIcon: null,
-    ariaCloseLabel: null,
     closeOnEscape: true,
+    content: null,
+    dismissable: true,
+    fullScreen: false,
+    header: null,
     icons: null,
+    id: null,
+    maskClassName: null,
+    maskStyle: null,
     modal: true,
-    appendTo: null,
-    transitionOptions: null,
-    onShow: null,
     onHide: null,
-    children: undefined
+    onShow: null,
+    position: 'left',
+    showCloseIcon: true,
+    style: null,
+    transitionOptions: null,
+    visible: false
   },
   css: {
     classes: classes$i,
@@ -48387,7 +48583,7 @@ var classes$d = {
   submenuIcon: 'p-submenu-icon',
   action: 'p-menuitem-link',
   menuitem: function menuitem(_ref3) {
-    var _className = _ref3._className,
+    var itemClassName = _ref3.itemClassName,
       active = _ref3.active,
       focused = _ref3.focused,
       disabled = _ref3.disabled;
@@ -48395,7 +48591,7 @@ var classes$d = {
       'p-menuitem-active p-highlight': active,
       'p-focus': focused,
       'p-disabled': disabled
-    }, _className);
+    }, itemClassName);
   },
   menu: 'p-tieredmenu-root-list',
   submenu: 'p-submenu-list',
@@ -48584,6 +48780,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     }
     var item = processedItem.item;
     var style = getItemProp(processedItem, 'style');
+    var itemClassName = getItemProp(processedItem, 'className');
     var _icon = getItemProp(processedItem, 'icon');
     var target = getItemProp(processedItem, 'target');
     var url = getItemProp(processedItem, 'url');
@@ -48659,7 +48856,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       'data-p-disabled': disabled,
       'data-p-visited': focused,
       className: cx('menuitem', {
-        className: item.className,
+        itemClassName: itemClassName,
         active: active,
         focused: focused,
         disabled: disabled
@@ -49743,6 +49940,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = SplitterBase.getProps(inProps, context);
+  var idState = React__namespace.useRef('');
   var elementRef = React__namespace.useRef(null);
   var gutterRef = React__namespace.useRef();
   var gutterRefs = React__namespace.useRef({});
@@ -49909,13 +50107,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       newPrevPanelSize = prevPanelSize.current + newPos;
       newNextPanelSize = nextPanelSize.current - newPos;
     }
-    if (validateResize(newPrevPanelSize, newNextPanelSize)) {
-      prevPanelSizeNew.current = newPrevPanelSize;
-      nextPanelSizeNew.current = newNextPanelSize;
-      prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-      nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-      prevSize.current = parseFloat(newPrevPanelSize).toFixed(4);
-    }
+    resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
   };
   var onResizeEnd = function onResizeEnd(event) {
     setPanelSizes(function (prev) {
@@ -49945,6 +50137,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onResizeEnd();
   };
   var onGutterKeyDown = function onGutterKeyDown(event, index) {
+    var minSize = props.children[index].props && props.children[index].props.minSize || 0;
     switch (event.code) {
       case 'ArrowLeft':
         {
@@ -49978,6 +50171,42 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           event.preventDefault();
           break;
         }
+      case 'Home':
+        {
+          resizePanel(index, 100, minSize);
+          event.preventDefault();
+          break;
+        }
+      case 'End':
+        {
+          resizePanel(index, minSize, 100);
+          event.preventDefault();
+          break;
+        }
+      case 'Enter':
+        {
+          if (prevSize.current > 99) {
+            resizePanel(index, minSize, 100);
+          } else {
+            resizePanel(index, 100, minSize);
+          }
+          event.preventDefault();
+          break;
+        }
+    }
+  };
+  var resizePanel = function resizePanel(index, newPrevPanelSize, newNextPanelSize) {
+    prevPanelIndex.current = index;
+    gutterRef.current = gutterRefs.current[index];
+    size.current = horizontal ? DomHandler.getWidth(elementRef.current) : DomHandler.getHeight(elementRef.current);
+    prevPanelElement.current = gutterRef.current.previousElementSibling;
+    nextPanelElement.current = gutterRef.current.nextElementSibling;
+    if (validateResize(newPrevPanelSize, newNextPanelSize)) {
+      prevPanelSizeNew.current = newPrevPanelSize;
+      nextPanelSizeNew.current = newNextPanelSize;
+      prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+      nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+      prevSize.current = parseFloat(newPrevPanelSize).toFixed(4);
     }
   };
   var repeat = function repeat(event, index, step) {
@@ -50023,6 +50252,11 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     };
   });
+  useMountEffect(function () {
+    if (elementRef.current) {
+      idState.current = UniqueComponentId();
+    }
+  });
   React__namespace.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
@@ -50041,6 +50275,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (isStateful) restoreState();
   }, [restoreState, isStateful]);
   var createPanel = function createPanel(panel, index) {
+    var panelId = getPanelProp(panel, 'id') || "".concat(idState.current, "_").concat(index);
     var panelClassName = classNames(getPanelProp(panel, 'className'), cx('panel.root'));
     var gutterProps = mergeProps({
       ref: function ref(el) {
@@ -50068,19 +50303,26 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       onTouchEnd: function onTouchEnd(event) {
         return onGutterTouchEnd(event);
       },
-      'data-p-splitter-gutter-resizing': false
+      'data-p-splitter-gutter-resizing': false,
+      role: 'separator'
     }, ptm('gutter'));
     var gutterHandlerProps = mergeProps({
-      tabIndex: 0,
+      tabIndex: getPanelProp(panel, 'tabIndex') || 0,
       className: cx('gutterHandler'),
-      'aria-orientation': props.layout,
-      'aria-valuenow': prevSize.current
+      'aria-orientation': props.layout === 'horizontal' ? 'vertical' : 'horizontal',
+      'aria-controls': panelId,
+      'aria-label': getPanelProp(panel, 'aria-label'),
+      'aria-labelledby': getPanelProp(panel, 'aria-labelledby'),
+      'aria-valuenow': prevSize.current,
+      'aria-valuetext': parseFloat(prevSize.current).toFixed(0) + '%',
+      'aria-valuemin': getPanelProp(panel, 'minSize') || '0',
+      'aria-valuemax': '100'
     }, ptm('gutterHandler'));
     var gutter = index !== props.children.length - 1 && /*#__PURE__*/React__namespace.createElement("div", gutterProps, /*#__PURE__*/React__namespace.createElement("div", gutterHandlerProps));
     var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
     var rootProps = mergeProps({
       key: index,
-      id: getPanelProp(panel, 'id'),
+      id: panelId,
       className: panelClassName,
       style: _objectSpread$i(_objectSpread$i({}, getPanelProp(panel, 'style')), {}, {
         flexBasis: flexBasis
@@ -52584,6 +52826,7 @@ var classes$3 = {
   loadingIcon: 'p-tree-loading-icon',
   loadingOverlay: 'p-tree-loading-overlay p-component-overlay',
   searchIcon: 'p-tree-filter-icon',
+  emptyMessage: 'p-treenode p-tree-empty-message',
   filterContainer: 'p-tree-filter-container',
   input: 'p-tree-filter p-inputtext p-component',
   header: 'p-tree-header',
@@ -52642,6 +52885,7 @@ var TreeBase = ComponentBase.extend({
     value: null,
     checkboxIcon: null,
     disabled: false,
+    emptyMessage: null,
     selectionMode: null,
     selectionKeys: null,
     onSelectionChange: null,
@@ -53833,27 +54077,43 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       togglerTemplate: props.togglerTemplate
     });
   };
-  var createRootChildren = function createRootChildren() {
-    if (props.filter) {
-      filterChanged.current = true;
-      _filter();
-    }
-    var value = getRootNode();
+  var createEmptyMessageNode = function createEmptyMessageNode() {
+    var emptyMessageProps = mergeProps({
+      className: classNames(props.contentClassName, cx('emptyMessage'))
+    }, ptm('emptyMessage'));
+    return /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, /*#__PURE__*/React__namespace.createElement("span", {
+      className: "p-treenode-content"
+    }, localeOption('emptyMessage')));
+  };
+  var createRootChildrenContainer = function createRootChildrenContainer(children) {
+    var containerProps = mergeProps(_objectSpread$9({
+      className: classNames(props.contentClassName, cx('container')),
+      role: 'tree',
+      'aria-label': props.ariaLabel,
+      'aria-labelledby': props.ariaLabelledBy,
+      style: props.contentStyle
+    }, ariaProps), ptm('container'));
+    return /*#__PURE__*/React__namespace.createElement("ul", containerProps, children);
+  };
+  var createRootChildren = function createRootChildren(value) {
     return value.map(function (node, index) {
       return createRootChild(node, index, index === value.length - 1);
     });
   };
   var createModel = function createModel() {
     if (props.value) {
-      var rootNodes = createRootChildren();
-      var containerProps = mergeProps(_objectSpread$9({
-        className: classNames(props.contentClassName, cx('container')),
-        role: 'tree',
-        'aria-label': props.ariaLabel,
-        'aria-labelledby': props.ariaLabelledBy,
-        style: props.contentStyle
-      }, ariaProps), ptm('container'));
-      return /*#__PURE__*/React__namespace.createElement("ul", containerProps, rootNodes);
+      if (props.filter) {
+        filterChanged.current = true;
+        _filter();
+      }
+      var value = getRootNode();
+      if (value.length > 0) {
+        var rootNodes = createRootChildren(value);
+        return createRootChildrenContainer(rootNodes);
+      } else {
+        var emptyMessageNode = createEmptyMessageNode();
+        return createRootChildrenContainer(emptyMessageNode);
+      }
     }
     return null;
   };