primereact 10.3.3 → 10.4.0

package/primereact.all.js

@@ -1931,8 +1931,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
@@ -1950,7 +1950,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             className: className
           }));
           if (iconType !== 'string') {
-            var defaultContentOptions = _objectSpread$1U({
+            var defaultContentOptions = _objectSpread$1V({
               iconProps: iconProps,
               element: content
             }, options);
@@ -1963,8 +1963,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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,
@@ -1977,7 +1977,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -2384,8 +2384,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
   }
 
-  function ownKeys$1S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   function _mergeProps(props) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     if (props) {
@@ -2397,7 +2397,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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) {
@@ -2439,7 +2439,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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)) {
@@ -2771,8 +2771,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     (_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',
@@ -2907,14 +2907,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
   }
   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;
@@ -3794,8 +3794,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* 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.
@@ -3804,7 +3804,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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++) {
@@ -3832,8 +3832,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* 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,
@@ -3893,15 +3893,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     }, [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,
@@ -4085,7 +4085,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);
-    return _objectSpread$1O(_objectSpread$1O({
+    return _objectSpread$1P(_objectSpread$1P({
       ref: ref
     }, positions), {}, {
       active: active,
@@ -4454,8 +4454,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* 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";
@@ -4479,7 +4479,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     extend: function extend() {
       var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var css = props.css;
-      var defaultProps = _objectSpread$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] : {};
@@ -4538,10 +4538,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         };
         var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, originalkey, params) : _useDefaultPT(getPTClassValue, originalkey, params) : undefined;
         var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, originalkey, params);
-        var datasetProps = !isTransition && _objectSpread$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] : {};
@@ -4550,7 +4550,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var ptm = function ptm() {
           var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
           var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-          return getPTValue((props || {}).pt, key, _objectSpread$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] : {};
@@ -4564,7 +4564,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var cx = function cx() {
           var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
           var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-          return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$1N({
+          return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$1O({
             props: props,
             state: state
           }, params)) : undefined;
@@ -4575,11 +4575,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
           if (when) {
             var _ComponentBase$contex2;
-            var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$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));
@@ -4597,7 +4597,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           isUnstyled: isUnstyled
         };
       };
-      return _objectSpread$1N(_objectSpread$1N({
+      return _objectSpread$1O(_objectSpread$1O({
         getProps: getProps,
         getOtherProps: getOtherProps,
         setMetaData: setMetaData
@@ -4649,7 +4649,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
   };
@@ -4734,8 +4734,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   };
 
-  function ownKeys$1M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = CSSTransitionBase.getProps(inProps);
     var context = React__namespace.useContext(PrimeReactContext);
@@ -4803,7 +4803,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
     }
   });
@@ -4895,7 +4895,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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',
@@ -4914,7 +4914,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     css: {
       classes: classes$1c,
-      styles: styles$16
+      styles: styles$17
     }
   });
   var AccordionTabBase = ComponentBase.extend({
@@ -4943,8 +4943,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var AccordionTab = function AccordionTab() {};
   var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
@@ -4968,7 +4968,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
@@ -4997,7 +4997,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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) {
@@ -5120,7 +5120,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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');
@@ -5134,7 +5134,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
       });
@@ -5167,7 +5167,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("a", headerActionProps, toggleIcon, header));
     };
     var createTabContent = function createTabContent(tab, selected, index) {
-      var style = _objectSpread$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();
@@ -6475,7 +6475,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, "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',
@@ -6489,17 +6489,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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,
@@ -6526,7 +6526,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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'
   };
@@ -6536,7 +6536,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       children: undefined
     },
     css: {
-      styles: styles$14,
+      styles: styles$15,
       classes: classes$1a
     },
     getProps: function getProps(props) {
@@ -6547,8 +6547,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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),
@@ -6567,7 +6567,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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() {
@@ -6730,7 +6730,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       };
     }
   };
-  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',
@@ -6765,13 +6765,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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);
@@ -7252,7 +7252,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, 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')
@@ -7337,14 +7337,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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: {
@@ -7382,7 +7382,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
         spin: true
       })) : props.icon;
-      return IconUtils.getJSXIcon(icon, _objectSpread$1H({}, iconsProps), {
+      return IconUtils.getJSXIcon(icon, _objectSpread$1I({}, iconsProps), {
         props: props
       });
     };
@@ -7544,13 +7544,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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: {
@@ -7679,7 +7679,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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',
@@ -7751,11 +7751,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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',
@@ -7794,12 +7794,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -8183,7 +8183,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var contentPos = getContentPosition();
         var setProp = function setProp(_name, _value, _size) {
           var _cpos = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-          return spacerStyle.current = _objectSpread$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);
@@ -8203,7 +8203,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var _x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
           var _y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
           _stickyRef.current && (_stickyRef.current.style.top = "-".concat(_y, "px"));
-          contentStyle.current = _objectSpread$1F(_objectSpread$1F({}, contentStyle.current), {
+          contentStyle.current = _objectSpread$1G(_objectSpread$1G({}, contentStyle.current), {
             transform: "translate3d(".concat(_x, "px, ").concat(_y, "px, 0)")
           });
         };
@@ -8380,7 +8380,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var loaderOptions = function loaderOptions(index, extOptions) {
       var count = loaderArrState.length;
-      return _objectSpread$1F({
+      return _objectSpread$1G({
         index: index,
         count: count,
         first: index === 0,
@@ -8477,7 +8477,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
         spin: true
       }));
-      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1F({}, loadingIconProps), {
+      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1G({}, loadingIconProps), {
         props: props
       });
       if (!props.loaderDisabled && props.showLoader && loadingState) {
@@ -8606,15 +8606,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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));
     };
@@ -8717,8 +8717,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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,
@@ -8765,7 +8765,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     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({
@@ -8806,8 +8806,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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);
@@ -9317,7 +9317,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             }
           }, 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({
@@ -9338,7 +9338,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var inputTokenProps = mergeProps({
         className: cx('inputToken')
       }, ptm('inputToken'));
-      var inputProps = mergeProps(_objectSpread$1D({
+      var inputProps = mergeProps(_objectSpread$1E({
         id: props.inputId,
         ref: inputRef,
         'aria-autocomplete': 'list',
@@ -9408,7 +9408,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
           spin: true
         }));
-        var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread$1D({}, loadingIconProps), {
+        var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread$1E({}, loadingIconProps), {
           props: props
         });
         return loaderIcon;
@@ -9477,7 +9477,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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',
@@ -9496,12 +9496,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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);
@@ -9546,7 +9546,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
         });
       }
@@ -9592,7 +9592,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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',
@@ -9602,7 +9602,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     css: {
       classes: classes$14,
-      styles: styles$$
+      styles: styles$10
     }
   });
 
@@ -9649,7 +9649,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     }
   };
-  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',
@@ -9669,12 +9669,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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);
@@ -9754,7 +9754,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var appendTo = props.fullScreen ? document.body : 'self';
         var maskProps = mergeProps({
           className: classNames(props.className, cx('mask')),
-          style: _objectSpread$1B(_objectSpread$1B({}, props.style), {}, {
+          style: _objectSpread$1C(_objectSpread$1C({}, props.style), {}, {
             position: props.fullScreen ? 'fixed' : 'absolute',
             top: '0',
             left: '0',
@@ -9811,7 +9811,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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',
@@ -9825,12 +9825,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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);
@@ -9888,7 +9888,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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({
@@ -9939,7 +9939,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'aria-hidden': 'true'
       }, ptm('separatorIcon'));
       var icon = props.separatorIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, separatorIconProps);
-      var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1A({}, separatorIconProps), {
+      var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1B({}, separatorIconProps), {
         props: props
       });
       var separatorProps = mergeProps({
@@ -10038,7 +10038,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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,
@@ -10219,7 +10219,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     css: {
       classes: classes$11,
-      styles: styles$Y
+      styles: styles$Z
     }
   });
 
@@ -10271,8 +10271,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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; }
@@ -10354,7 +10354,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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;
         },
@@ -12246,27 +12246,34 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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) {
@@ -12892,7 +12899,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('previousIcon')
       }, ptm('previousIcon'));
       var icon = props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronLeftIcon, previousIconProps);
-      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1z({}, previousIconProps), {
+      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1A({}, previousIconProps), {
         props: props
       });
       var _localeOptions4 = localeOptions(props.locale),
@@ -12900,7 +12907,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         prevYear = _localeOptions4.prevYear,
         prevMonth = _localeOptions4.prevMonth;
       var previousButtonLabel = currentView === 'year' ? prevDecade : currentView === 'month' ? prevYear : prevMonth;
-      var previousButtonProps = mergeProps(_objectSpread$1z({
+      var previousButtonProps = mergeProps(_objectSpread$1A({
         type: 'button',
         className: cx('previousButton'),
         'aria-label': previousButtonLabel
@@ -12924,7 +12931,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('nextIcon')
       }, ptm('nextIcon'));
       var icon = props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, nextIconProps);
-      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1z({}, nextIconProps), {
+      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1A({}, nextIconProps), {
         props: props
       });
       var _localeOptions5 = localeOptions(props.locale),
@@ -12932,7 +12939,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         nextYear = _localeOptions5.nextYear,
         nextMonth = _localeOptions5.nextMonth;
       var nextButtonLabel = currentView === 'year' ? nextDecade : currentView === 'month' ? nextYear : nextMonth;
-      var nextButtonProps = mergeProps(_objectSpread$1z({
+      var nextButtonProps = mergeProps(_objectSpread$1A({
         type: 'button',
         className: cx('nextButton'),
         'aria-label': nextButtonLabel
@@ -13287,10 +13294,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var incrementIconProps = mergeProps(ptm('incrementIcon'));
     var decrementIconProps = mergeProps(ptm('decrementIcon'));
-    var incrementIcon = IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, incrementIconProps), _objectSpread$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() {
@@ -13778,7 +13785,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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',
@@ -13793,7 +13800,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     css: {
       classes: classes$10,
-      styles: styles$X
+      styles: styles$Y
     }
   });
 
@@ -13857,7 +13864,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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;
@@ -13949,13 +13956,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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;
@@ -14270,6 +14277,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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;
     };
@@ -14500,7 +14508,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: cx('previousButtonIcon')
         }, ptm('previousButtonIcon'));
         var icon = isVertical ? props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronUpIcon, previousButtonIconProps) : props.prevIcon || /*#__PURE__*/React__namespace.createElement(ChevronLeftIcon, previousButtonIconProps);
-        var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1y({}, previousButtonIconProps), {
+        var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1z({}, previousButtonIconProps), {
           props: props
         });
         var previousButtonProps = mergeProps({
@@ -14526,7 +14534,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: cx('nextButtonIcon')
         }, ptm('nextButtonIcon'));
         var icon = isVertical ? props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, nextButtonIconProps) : props.nextIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, nextButtonIconProps);
-        var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1y({}, nextButtonIconProps), {
+        var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread$1z({}, nextButtonIconProps), {
           props: props
         });
         var nextButtonProps = mergeProps({
@@ -14661,7 +14669,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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',
@@ -14701,12 +14709,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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),
@@ -14720,7 +14728,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getPTOptions = function getPTOptions(key, options) {
       return ptm(key, {
         hostName: props.hostName,
-        state: _objectSpread$1x({}, options)
+        state: _objectSpread$1y({}, options)
       });
     };
     var position = function position() {
@@ -14886,7 +14894,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('optionGroupIcon')
       }, getPTOptions('optionGroupIcon'));
       var icon = props.optionGroupIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, optionGroupIconProps);
-      var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1x({}, optionGroupIconProps), {
+      var optionGroup = isOptionGroup(option) && IconUtils.getJSXIcon(icon, _objectSpread$1y({}, optionGroupIconProps), {
         props: props
       });
       var key = getOptionLabelToRender(option) + '_' + index;
@@ -14938,8 +14946,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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);
@@ -14963,7 +14971,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           overlayVisible: overlayVisibleState,
           attributeSelector: attributeSelectorState
         },
-        context: _objectSpread$1w({}, context)
+        context: _objectSpread$1x({}, context)
       }),
       ptm = _CascadeSelectBase$se.ptm,
       cx = _CascadeSelectBase$se.cx,
@@ -15208,7 +15216,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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,
@@ -15234,7 +15242,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           label: label
         })
       }, ptm('label', {
-        context: _objectSpread$1w({
+        context: _objectSpread$1x({
           label: label
         }, context)
       }));
@@ -15247,7 +15255,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, {
         spin: true
       });
-      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1w({}, loadingIconProps), {
+      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1x({}, loadingIconProps), {
         props: props
       });
       var loadingButtonProps = mergeProps({
@@ -15263,7 +15271,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('dropdownIcon')
       }, ptm('dropdownIcon'));
       var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, dropdownIconProps);
-      var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1w({}, dropdownIconProps), {
+      var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread$1x({}, dropdownIconProps), {
         props: props
       });
       var dropdownButtonProps = mergeProps({
@@ -15522,7 +15530,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     }
   };
-  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',
@@ -15552,12 +15560,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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);
@@ -15674,7 +15682,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
     });
@@ -15694,7 +15702,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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,
@@ -15746,7 +15754,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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',
@@ -15765,12 +15773,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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);
@@ -15828,7 +15836,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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
         }));
       }
@@ -15840,7 +15848,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
         }));
       }
@@ -15868,7 +15876,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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',
@@ -15926,12 +15934,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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);
@@ -16067,13 +16075,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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;
           });
@@ -16142,7 +16151,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         '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)) {
@@ -16168,7 +16177,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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,
@@ -16263,7 +16272,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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',
@@ -16294,7 +16303,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     css: {
       classes: classes$W,
-      styles: styles$R
+      styles: styles$S
     }
   });
 
@@ -16343,8 +16352,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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);
@@ -16847,7 +16856,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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,
@@ -16906,8 +16915,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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',
@@ -16955,11 +16964,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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%',
@@ -17029,13 +17038,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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);
@@ -17074,7 +17083,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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: {
@@ -17508,7 +17517,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'aria-hidden': true
         }, ptm('closeButtonIcon'));
         var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, closeButtonIconProps);
-        var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1q({}, closeButtonIconProps), {
+        var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread$1r({}, closeButtonIconProps), {
           props: props
         });
         var closeButtonProps = mergeProps({
@@ -17741,17 +17750,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var 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
       }));
     };
@@ -17936,7 +17945,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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();
@@ -17968,7 +17977,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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,
@@ -18024,21 +18033,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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
       }));
     };
@@ -18269,7 +18278,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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({
@@ -18386,7 +18395,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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;
@@ -18453,12 +18462,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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);
@@ -18627,7 +18636,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var iconProps = mergeProps({
         className: cx('icon')
       }, getPTOptions(processedItem, 'icon', index));
-      var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1n({}, iconProps), {
+      var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1o({}, iconProps), {
         props: props.menuProps
       });
       var submenuIconProps = mergeProps({
@@ -18637,7 +18646,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('label')
       }, getPTOptions(processedItem, 'label', index));
       var items = getItemProp(processedItem, 'items');
-      var submenuIcon = items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, submenuIconProps), _objectSpread$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);
@@ -18740,8 +18749,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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);
@@ -19255,7 +19264,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         anchorElement ? anchorElement.click() : _element && _element.click();
         var processedItem = visibleItems[focusedItemInfo.index];
         var grouped = isProccessedItemGroup(processedItem);
-        !grouped && setFocusedItemInfo(_objectSpread$1m(_objectSpread$1m({}, focusedItemInfo), {}, {
+        !grouped && setFocusedItemInfo(_objectSpread$1n(_objectSpread$1n({}, focusedItemInfo), {}, {
           index: findFirstFocusedItemIndex()
         }));
       }
@@ -19319,7 +19328,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var changeFocusedItemIndex = function changeFocusedItemIndex(index) {
       if (focusedItemInfo.index !== index) {
-        setFocusedItemInfo(_objectSpread$1m(_objectSpread$1m({}, focusedItemInfo), {}, {
+        setFocusedItemInfo(_objectSpread$1n(_objectSpread$1n({}, focusedItemInfo), {}, {
           index: index
         }));
         scrollInView();
@@ -19484,7 +19493,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     }
   };
-  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;
@@ -19515,7 +19524,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     css: {
       classes: classes$R,
-      styles: styles$N,
+      styles: styles$O,
       inlineStyles: inlineStyles$j
     }
   });
@@ -19850,7 +19859,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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',
@@ -19873,7 +19882,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     css: {
       classes: classes$Q,
-      styles: styles$M
+      styles: styles$N
     }
   });
   var CurrentPageReportBase = ComponentBase.extend({
@@ -19971,8 +19980,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -19994,7 +20003,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }));
     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,
@@ -20006,8 +20015,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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);
@@ -20030,7 +20039,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('firstPageIcon')
     }, getPTOptions('firstPageIcon'));
     var icon = props.firstPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleLeftIcon, firstPageIconProps);
-    var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1k({}, firstPageIconProps), {
+    var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1l({}, firstPageIconProps), {
       props: props
     });
     var firstPageButtonProps = mergeProps({
@@ -20089,7 +20098,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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',
@@ -20149,12 +20158,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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);
@@ -20163,7 +20172,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
       setFocusedState = _React$useState2[1];
-    var metaData = _objectSpread$1j(_objectSpread$1j({
+    var metaData = _objectSpread$1k(_objectSpread$1k({
       props: props
     }, props.__parentMetadata), {}, {
       state: {
@@ -20246,7 +20255,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }).format(1.1).trim().replace(_numeral.current, '');
     };
     var getDecimalExpression = function getDecimalExpression() {
-      var formatter = new Intl.NumberFormat(_locale, _objectSpread$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');
@@ -21120,7 +21129,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('incrementIcon')
       }, ptm('incrementIcon'));
       var icon = props.incrementButtonIcon || /*#__PURE__*/React__namespace.createElement(AngleUpIcon, incrementIconProps);
-      var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1j({}, incrementIconProps), {
+      var upButton = IconUtils.getJSXIcon(icon, _objectSpread$1k({}, incrementIconProps), {
         props: props
       });
       var incrementButtonProps = mergeProps({
@@ -21146,7 +21155,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: cx('decrementIcon')
       }, ptm('decrementIcon'));
       var icon = props.decrementButtonIcon || /*#__PURE__*/React__namespace.createElement(AngleDownIcon, decrementIconProps);
-      var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1j({}, decrementIconProps), {
+      var downButton = IconUtils.getJSXIcon(icon, _objectSpread$1k({}, decrementIconProps), {
         props: props
       });
       var decrementButtonProps = mergeProps({
@@ -21244,8 +21253,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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);
@@ -21268,7 +21277,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('lastPageIcon')
     }, getPTOptions('lastPageIcon'));
     var icon = props.lastPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleDoubleRightIcon, lastPageIconProps);
-    var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1i({}, lastPageIconProps), {
+    var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1j({}, lastPageIconProps), {
       props: props
     });
     var lastPageButtonProps = mergeProps({
@@ -21296,8 +21305,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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);
@@ -21320,7 +21329,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('nextPageIcon')
     }, getPTOptions('nextPageIcon'));
     var icon = props.nextPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleRightIcon, nextPageIconProps);
-    var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1h({}, nextPageIconProps), {
+    var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1i({}, nextPageIconProps), {
       props: props
     });
     var nextPageButtonProps = mergeProps({
@@ -21436,8 +21445,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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);
@@ -21460,7 +21469,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: cx('prevPageIcon')
     }, getPTOptions('prevPageIcon'));
     var icon = props.prevPageLinkIcon || /*#__PURE__*/React__namespace.createElement(AngleLeftIcon, prevPageIconProps);
-    var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1g({}, prevPageIconProps), {
+    var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1h({}, prevPageIconProps), {
       props: props
     });
     var prevPageButtonProps = mergeProps({
@@ -21555,7 +21564,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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;
@@ -21599,6 +21608,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       inputId: null,
       inputRef: null,
       itemTemplate: null,
+      loading: false,
+      loadingIcon: null,
       maxLength: null,
       name: null,
       onBlur: null,
@@ -21637,7 +21648,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     css: {
       classes: classes$O,
-      styles: styles$K,
+      styles: styles$L,
       inlineStyles: inlineStyles$i
     }
   });
@@ -21688,8 +21699,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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,
@@ -21708,7 +21719,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var getPTOptions = function getPTOptions(key, options) {
-      return ptm(key, _objectSpread$1f({
+      return ptm(key, _objectSpread$1g({
         hostName: props.hostName
       }, options));
     };
@@ -21777,7 +21788,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -21832,7 +21843,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         }, getPTOptions('filterClearIcon'));
         var icon = props.filterClearIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, clearIconProps);
-        var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$1f({}, clearIconProps), {
+        var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$1g({}, clearIconProps), {
           props: props
         });
         return filterClearIcon;
@@ -21846,7 +21857,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: cx('filterIcon')
         }, getPTOptions('filterIcon'));
         var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(SearchIcon, filterIconProps);
-        var filterIcon = IconUtils.getJSXIcon(icon, _objectSpread$1f({}, filterIconProps), {
+        var filterIcon = IconUtils.getJSXIcon(icon, _objectSpread$1g({}, filterIconProps), {
           props: props
         });
         var filterContainerProps = mergeProps({
@@ -21891,15 +21902,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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
             }));
           },
@@ -21980,8 +21991,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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);
@@ -22009,7 +22020,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var isLazy = props.virtualScrollerOptions && props.virtualScrollerOptions.lazy;
     var hasFilter = ObjectUtils.isNotEmpty(filterState);
     var appendTo = props.appendTo || context && context.appendTo || PrimeReact.appendTo;
-    var _DropdownBase$setMeta = DropdownBase.setMetaData(_objectSpread$1e(_objectSpread$1e({
+    var _DropdownBase$setMeta = DropdownBase.setMetaData(_objectSpread$1f(_objectSpread$1f({
         props: props
       }, props.__parentMetadata), {}, {
         state: {
@@ -22053,7 +22064,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               var optgroup = _step.value;
               var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
               if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push(_objectSpread$1e(_objectSpread$1e({}, optgroup), _defineProperty({}, "".concat(props.optionGroupChildren), filteredSubOptions)));
+                filteredGroups.push(_objectSpread$1f(_objectSpread$1f({}, optgroup), _defineProperty({}, "".concat(props.optionGroupChildren), filteredSubOptions)));
               }
             }
           } catch (err) {
@@ -22126,27 +22137,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     };
     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:
@@ -22155,20 +22159,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     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;
@@ -22249,8 +22248,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -22619,7 +22623,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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',
@@ -22637,7 +22641,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var label = ObjectUtils.isNotEmpty(selectedOption) ? getOptionLabel(selectedOption) : null;
       if (props.editable) {
         var value = label || props.value || '';
-        var inputProps = mergeProps(_objectSpread$1e({
+        var inputProps = mergeProps(_objectSpread$1f({
           ref: inputRef,
           type: 'text',
           defaultValue: value,
@@ -22673,7 +22677,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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
         });
       }
@@ -22687,7 +22691,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, {
         spin: true
       });
-      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1e({}, loadingIconProps), {
+      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$1f({}, loadingIconProps), {
         props: props
       });
       var ariaLabel = props.placeholder || props.ariaLabel;
@@ -22706,7 +22710,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         '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;
@@ -22832,13 +22836,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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),
@@ -23091,9 +23095,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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,
@@ -23331,11 +23335,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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({
@@ -23486,7 +23490,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       children: undefined
     },
     css: {
-      styles: styles$J,
+      styles: styles$K,
       classes: classes$N,
       inlineStyles: inlineStyles$h
     }
@@ -23521,8 +23525,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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),
@@ -23578,7 +23582,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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';
@@ -23716,8 +23720,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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),
@@ -23824,7 +23828,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var getCellCallbackParams = function getCellCallbackParams(event) {
       var params = getCellParams();
-      return _objectSpread$1a({
+      return _objectSpread$1b({
         originalEvent: event
       }, params);
     };
@@ -23863,7 +23867,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
         });
@@ -23933,7 +23937,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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;
@@ -23955,7 +23959,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var editorCallback = function editorCallback(val) {
-      var editingRowData = _objectSpread$1a({}, editingRowDataState);
+      var editingRowData = _objectSpread$1b({}, editingRowDataState);
       ObjectUtils.mutateFieldData(editingRowData, field, val);
       setEditingRowDataState(editingRowData);
 
@@ -24162,7 +24166,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     React__namespace.useEffect(function () {
       if (props.editMode === 'cell' || props.editMode === 'row') {
         var callbackParams = getCellCallbackParams();
-        var params = _objectSpread$1a(_objectSpread$1a({}, callbackParams), {}, {
+        var params = _objectSpread$1b(_objectSpread$1b({}, callbackParams), {}, {
           editing: editingState,
           editingKey: editingKey
         });
@@ -24187,7 +24191,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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() {
@@ -24270,7 +24276,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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) {
@@ -24279,7 +24285,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'aria-hidden': true
         }, getColumnPTOptions('rowTogglerIcon'));
         var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronDownIcon, rowTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, rowTogglerIconProps);
-        var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1a({}, rowTogglerIconProps), {
+        var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1b({}, rowTogglerIconProps), {
           props: props
         });
         var ariaControls = "".concat(props.tableSelector, "_content_").concat(props.rowIndex, "_expanded");
@@ -24290,7 +24296,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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,
@@ -24320,13 +24326,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var rowEditorInitIconProps = mergeProps({
           className: cx('rowEditorInitIcon')
         }, getColumnPTOptions('rowEditorInitIcon'));
-        var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$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) {
@@ -24337,23 +24343,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             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 = {
@@ -24361,15 +24366,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             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) {
@@ -24469,8 +24473,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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),
@@ -24529,6 +24533,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
@@ -24537,6 +24545,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -24625,43 +24637,87 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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');
         }
       }
     };
@@ -24724,7 +24780,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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
@@ -24916,6 +24972,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
@@ -24927,8 +24984,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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,
@@ -24960,7 +25017,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       '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');
@@ -24978,8 +25035,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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,
@@ -25384,14 +25441,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
@@ -25450,12 +25507,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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'
             }));
@@ -25545,7 +25602,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
       if (hasDataKey) {
         var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-        expandedRows = props.expandedRows ? _objectSpread$17({}, props.expandedRows) : {};
+        expandedRows = props.expandedRows ? _objectSpread$18({}, props.expandedRows) : {};
         if (expandedRows[dataKeyValue] != null) {
           delete expandedRows[dataKeyValue];
           if (props.onRowCollapse) {
@@ -25679,13 +25736,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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'
       }));
@@ -25990,7 +26047,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       style: props.style,
       className: cx(ptKey, {
         className: props.className
-      })
+      }),
+      role: ' rowgroup'
     }, ptm(ptKey, {
       hostName: props.hostName
     }));
@@ -26025,8 +26083,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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),
@@ -26070,7 +26128,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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;
@@ -26201,7 +26259,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     if (hasFooter()) {
       var content = createContent();
       var tfootProps = mergeProps({
-        className: cx('tfoot')
+        className: cx('tfoot'),
+        role: 'rowgroup'
       }, getColumnGroupPTOptions('root'), ptm('tfoot', {
         hostName: props.hostName
       }));
@@ -26211,6 +26270,117 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   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) {
@@ -26219,6 +26389,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -26280,9 +26451,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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 {
@@ -26296,6 +26464,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         };
       });
     };
+    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');
     };
@@ -26596,9 +26770,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         value: FilterOperator.OR
       }];
     };
-    var filterLabel = function filterLabel() {
-      return localeOption('filter');
-    };
     var noFilterLabel = function noFilterLabel() {
       return localeOption('noFilter');
     };
@@ -26685,7 +26856,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return props.display === 'menu' ? createFilterElement(fieldConstraint, index) : null;
     };
     var createMenuButton = function createMenuButton() {
-      if (!showMenuButton()) {
+      if (!isShowMenuButton()) {
         return null;
       }
       var filterIconProps = mergeProps({
@@ -26695,7 +26866,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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', {
@@ -26704,13 +26875,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }),
         '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()
@@ -26721,7 +26893,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, filterMenuButtonProps), columnFilterIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
     };
     var createClearButton = function createClearButton() {
-      if (!showMenuButton()) {
+      if (!isShowClearButton()) {
         return null;
       }
       var filterClearIconProps = mergeProps({
@@ -26731,25 +26903,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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()) {
@@ -26819,7 +26988,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           unstyled: props.unstyled,
           __parentMetadata: {
             parent: props.metaData
-          }
+          },
+          "aria-label": ariaLabel$1('filterOperator')
         }));
       }
       return null;
@@ -26838,7 +27008,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           unstyled: props.unstyled,
           __parentMetadata: {
             parent: props.metaData
-          }
+          },
+          "aria-label": ariaLabel$1('filterConstraint')
         });
       }
       return null;
@@ -26994,7 +27165,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         },
         onMouseDown: function onMouseDown(e) {
           return onContentMouseDown();
-        }
+        },
+        id: overlayId.current,
+        'aria-modal': overlayVisibleState,
+        role: 'dialog'
       }, getColumnPTOptions('filterOverlay'));
       var transitionProps = mergeProps({
         classNames: cx('transition'),
@@ -27013,7 +27187,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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();
@@ -27104,6 +27280,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }),
       role: 'checkbox',
       'aria-checked': props.checked,
+      'aria-label': props.checked ? ariaLabel$1('selectAll') : ariaLabel$1('unselectAll'),
       tabIndex: tabIndex,
       onFocus: function onFocus(e) {
         return _onFocus();
@@ -27265,7 +27442,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     };
     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();
       }
@@ -27742,7 +27919,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var content = createContent();
     var theadProps = mergeProps({
-      className: cx('thead')
+      className: cx('thead'),
+      role: 'rowgroup'
     }, getColumnGroupPTOptions('root'), ptm('thead', {
       hostName: props.hostName
     }));
@@ -30062,10 +30240,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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'));
@@ -30649,7 +30827,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           '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({
@@ -32224,42 +32402,44 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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,
@@ -38084,6 +38264,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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) {
@@ -43231,9 +43414,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -43333,7 +43520,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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) {
@@ -43351,9 +43538,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
         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({
@@ -43396,8 +43583,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
@@ -43407,7 +43601,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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', {
@@ -46560,28 +46754,30 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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,
@@ -48381,7 +48577,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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;
@@ -48389,7 +48585,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'p-menuitem-active p-highlight': active,
         'p-focus': focused,
         'p-disabled': disabled
-      }, _className);
+      }, itemClassName);
     },
     menu: 'p-tieredmenu-root-list',
     submenu: 'p-submenu-list',
@@ -48578,6 +48774,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       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');
@@ -48653,7 +48850,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'data-p-disabled': disabled,
         'data-p-visited': focused,
         className: cx('menuitem', {
-          className: item.className,
+          itemClassName: itemClassName,
           active: active,
           focused: focused,
           disabled: disabled
@@ -49737,6 +49934,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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({});
@@ -49903,13 +50101,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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) {
@@ -49939,6 +50131,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onResizeEnd();
     };
     var onGutterKeyDown = function onGutterKeyDown(event, index) {
+      var minSize = props.children[index].props && props.children[index].props.minSize || 0;
       switch (event.code) {
         case 'ArrowLeft':
           {
@@ -49972,6 +50165,42 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             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) {
@@ -50017,6 +50246,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     });
+    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';
@@ -50035,6 +50269,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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) {
@@ -50062,19 +50297,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
@@ -52578,6 +52820,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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',
@@ -52636,6 +52879,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: null,
       checkboxIcon: null,
       disabled: false,
+      emptyMessage: null,
       selectionMode: null,
       selectionKeys: null,
       onSelectionChange: null,
@@ -53827,27 +54071,43 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
     };