primereact 10.5.1 → 10.5.3

package/core/core.js

@@ -760,7 +760,7 @@ this.primereact.utils = (function (exports, React) {
           var overflowRegex = /(auto|scroll)/;
           var overflowCheck = function overflowCheck(node) {
             var styleDeclaration = node ? getComputedStyle(node) : null;
-            return styleDeclaration && (overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY')));
+            return styleDeclaration && (overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflow-x')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflow-y')));
           };
           var addScrollableParent = function addScrollableParent(node) {
             if (hideOverlaysOnDocumentScrolling) {
@@ -943,9 +943,9 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "scrollInView",
       value: function scrollInView(container, item) {
-        var borderTopValue = getComputedStyle(container).getPropertyValue('borderTopWidth');
+        var borderTopValue = getComputedStyle(container).getPropertyValue('border-top-width');
         var borderTop = borderTopValue ? parseFloat(borderTopValue) : 0;
-        var paddingTopValue = getComputedStyle(container).getPropertyValue('paddingTop');
+        var paddingTopValue = getComputedStyle(container).getPropertyValue('padding-top');
         var paddingTop = paddingTopValue ? parseFloat(paddingTopValue) : 0;
         var containerRect = container.getBoundingClientRect();
         var itemRect = item.getBoundingClientRect();
@@ -1360,6 +1360,26 @@ this.primereact.utils = (function (exports, React) {
         // Seem the same
         return true;
       }
+    }, {
+      key: "hasCSSAnimation",
+      value: function hasCSSAnimation(element) {
+        if (element) {
+          var style = getComputedStyle(element);
+          var animationDuration = parseFloat(style.getPropertyValue('animation-duration') || '0');
+          return animationDuration > 0;
+        }
+        return false;
+      }
+    }, {
+      key: "hasCSSTransition",
+      value: function hasCSSTransition(element) {
+        if (element) {
+          var style = getComputedStyle(element);
+          var transitionDuration = parseFloat(style.getPropertyValue('transition-duration') || '0');
+          return transitionDuration > 0;
+        }
+        return false;
+      }
     }]);
     return DomHandler;
   }();
@@ -2358,79 +2378,52 @@ this.primereact.utils = (function (exports, React) {
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _mergeProps(props) {
+  /**
+   * Merges properties together taking an Array of props and merging into one single set of
+   * properties. The options can contain a "classNameMergeFunction" which can be something
+   * like Tailwind Merge for properly merging Tailwind classes.
+   *
+   * @param {object[]} props the array of object properties to merge
+   * @param {*} options either empty or could contain a custom merge function like TailwindMerge
+   * @returns the single properties value after merging
+   */
+  function mergeProps(props) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    if (props) {
-      var classNameMergeFunction = options.classNameMergeFunction;
-      var isFn = function isFn(o) {
-        return !!(o && o.constructor && o.call && o.apply);
-      };
-      return props.reduce(function (merged, ps) {
-        var _loop = function _loop() {
-          var value = ps[key];
-          if (key === 'style') {
-            merged['style'] = _objectSpread(_objectSpread({}, merged['style']), ps['style']);
-          } else if (key === 'className') {
-            var newClassname = '';
-            if (classNameMergeFunction && classNameMergeFunction instanceof Function) {
-              newClassname = classNameMergeFunction(merged['className'], ps['className']);
-            } else {
-              newClassname = [merged['className'], ps['className']].join(' ').trim();
-            }
-            var isEmpty = newClassname === null || newClassname === undefined || newClassname === '';
-            merged['className'] = isEmpty ? undefined : newClassname;
-          } else if (isFn(value)) {
-            var fn = merged[key];
-            merged[key] = fn ? function () {
-              fn.apply(void 0, arguments);
-              value.apply(void 0, arguments);
-            } : value;
+    if (!props) return undefined;
+    var isFunction = function isFunction(obj) {
+      return typeof obj === 'function';
+    };
+    var classNameMergeFunction = options.classNameMergeFunction;
+    var hasMergeFunction = isFunction(classNameMergeFunction);
+    return props.reduce(function (merged, ps) {
+      if (!ps) return merged;
+      var _loop = function _loop() {
+        var value = ps[key];
+        if (key === 'style') {
+          merged['style'] = _objectSpread(_objectSpread({}, merged['style']), ps['style']);
+        } else if (key === 'className') {
+          var newClassName = '';
+          if (hasMergeFunction) {
+            newClassName = classNameMergeFunction(merged['className'], ps['className']);
           } else {
-            merged[key] = value;
+            newClassName = [merged['className'], ps['className']].join(' ').trim();
           }
-        };
-        for (var key in ps) {
-          _loop();
+          merged['className'] = newClassName || undefined;
+        } else if (isFunction(value)) {
+          var existingFn = merged[key];
+          merged[key] = existingFn ? function () {
+            existingFn.apply(void 0, arguments);
+            value.apply(void 0, arguments);
+          } : value;
+        } else {
+          merged[key] = value;
         }
-        return merged;
-      }, {});
-    }
-    return undefined;
-  }
-
-  // @todo - Update this function and remove _mergeProps
-  function mergeProps() {
-    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
-      props[_key] = arguments[_key];
-    }
-    if (props) {
-      var isFn = function isFn(o) {
-        return !!(o && o.constructor && o.call && o.apply);
       };
-      return props.reduce(function (merged, ps) {
-        var _loop2 = function _loop2() {
-          var value = ps[key];
-          if (key === 'style') {
-            merged['style'] = _objectSpread(_objectSpread({}, merged['style']), ps['style']);
-          } else if (key === 'className') {
-            merged['className'] = [merged['className'], ps['className']].join(' ').trim();
-          } else if (isFn(value)) {
-            var fn = merged[key];
-            merged[key] = fn ? function () {
-              fn.apply(void 0, arguments);
-              value.apply(void 0, arguments);
-            } : value;
-          } else {
-            merged[key] = value;
-          }
-        };
-        for (var key in ps) {
-          _loop2();
-        }
-        return merged;
-      }, {});
-    }
-    return undefined;
+      for (var key in ps) {
+        _loop();
+      }
+      return merged;
+    }, {});
   }
 
   var lastId = 0;
@@ -2498,7 +2491,6 @@ this.primereact.utils = (function (exports, React) {
   exports.ObjectUtils = ObjectUtils;
   exports.UniqueComponentId = UniqueComponentId;
   exports.ZIndexUtils = ZIndexUtils;
-  exports._mergeProps = _mergeProps;
   exports.classNames = classNames;
   exports.mask = mask;
   exports.mergeProps = mergeProps;
@@ -2862,127 +2854,127 @@ this.primereact.api = (function (exports, utils, React) {
     function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var locales = {
       en: {
-        startsWith: 'Starts with',
+        accept: 'Yes',
+        addRule: 'Add Rule',
+        am: 'AM',
+        apply: 'Apply',
+        cancel: 'Cancel',
+        choose: 'Choose',
+        chooseDate: 'Choose Date',
+        chooseMonth: 'Choose Month',
+        chooseYear: 'Choose Year',
+        clear: 'Clear',
+        completed: 'Completed',
         contains: 'Contains',
-        notContains: 'Not contains',
+        custom: 'Custom',
+        dateAfter: 'Date is after',
+        dateBefore: 'Date is before',
+        dateFormat: 'mm/dd/yy',
+        dateIs: 'Date is',
+        dateIsNot: 'Date is not',
+        dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+        dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+        dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+        emptyFilterMessage: 'No results found',
+        emptyMessage: 'No available options',
+        emptySearchMessage: 'No results found',
+        emptySelectionMessage: 'No selected item',
         endsWith: 'Ends with',
         equals: 'Equals',
-        notEquals: 'Not equals',
-        noFilter: 'No Filter',
+        fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
         filter: 'Filter',
-        lt: 'Less than',
-        lte: 'Less than or equal to',
+        firstDayOfWeek: 0,
         gt: 'Greater than',
         gte: 'Greater than or equal to',
-        dateIs: 'Date is',
-        dateIsNot: 'Date is not',
-        dateBefore: 'Date is before',
-        dateAfter: 'Date is after',
-        custom: 'Custom',
-        clear: 'Clear',
-        close: 'Close',
-        apply: 'Apply',
+        lt: 'Less than',
+        lte: 'Less than or equal to',
         matchAll: 'Match All',
         matchAny: 'Match Any',
-        addRule: 'Add Rule',
-        removeRule: 'Remove Rule',
-        accept: 'Yes',
-        reject: 'No',
-        choose: 'Choose',
-        upload: 'Upload',
-        cancel: 'Cancel',
-        completed: 'Completed',
-        pending: 'Pending',
-        fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
-        dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-        dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-        dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+        medium: 'Medium',
         monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
         monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-        chooseYear: 'Choose Year',
-        chooseMonth: 'Choose Month',
-        chooseDate: 'Choose Date',
-        prevDecade: 'Previous Decade',
         nextDecade: 'Next Decade',
-        prevYear: 'Previous Year',
-        nextYear: 'Next Year',
-        prevMonth: 'Previous Month',
-        nextMonth: 'Next Month',
-        prevHour: 'Previous Hour',
         nextHour: 'Next Hour',
-        prevMinute: 'Previous Minute',
         nextMinute: 'Next Minute',
-        prevSecond: 'Previous Second',
+        nextMonth: 'Next Month',
         nextSecond: 'Next Second',
-        prevMilliSecond: 'Previous Second',
-        nextMilliSecond: 'Next Second',
-        am: 'am',
-        pm: 'pm',
-        today: 'Today',
+        nextYear: 'Next Year',
+        noFilter: 'No Filter',
+        notContains: 'Not contains',
+        notEquals: 'Not equals',
         now: 'Now',
-        weekHeader: 'Wk',
-        firstDayOfWeek: 0,
+        passwordPrompt: 'Enter a password',
+        pending: 'Pending',
+        pm: 'PM',
+        prevDecade: 'Previous Decade',
+        prevHour: 'Previous Hour',
+        prevMinute: 'Previous Minute',
+        prevMonth: 'Previous Month',
+        prevSecond: 'Previous Second',
+        prevYear: 'Previous Year',
+        reject: 'No',
+        removeRule: 'Remove Rule',
+        searchMessage: '{0} results are available',
+        selectionMessage: '{0} items selected',
         showMonthAfterYear: false,
-        dateFormat: 'mm/dd/yy',
-        weak: 'Weak',
-        medium: 'Medium',
+        startsWith: 'Starts with',
         strong: 'Strong',
-        passwordPrompt: 'Enter a password',
-        emptyFilterMessage: 'No available options',
-        emptyMessage: 'No results found',
+        today: 'Today',
+        upload: 'Upload',
+        weak: 'Weak',
+        weekHeader: 'Wk',
         aria: {
-          trueLabel: 'True',
-          falseLabel: 'False',
-          nullLabel: 'Not Selected',
-          star: '1 star',
-          stars: '{star} stars',
-          selectAll: 'All items selected',
-          unselectAll: 'All items unselected',
+          cancelEdit: 'Cancel Edit',
           close: 'Close',
-          previous: 'Previous',
-          next: 'Next',
-          navigation: 'Navigation',
-          scrollTop: 'Scroll Top',
-          moveTop: 'Move Top',
-          moveUp: 'Move Up',
-          moveDown: 'Move Down',
-          moveBottom: 'Move Bottom',
-          moveToTarget: 'Move to Target',
-          moveToSource: 'Move to Source',
-          moveAllToTarget: 'Move All to Target',
-          moveAllToSource: 'Move All to Source',
-          pageLabel: 'Page {page}',
+          collapseRow: 'Row Collapsed',
+          editRow: 'Edit Row',
+          expandRow: 'Row Expanded',
+          falseLabel: 'False',
+          filterConstraint: 'Filter Constraint',
+          filterOperator: 'Filter Operator',
           firstPageLabel: 'First Page',
+          gridView: 'Grid View',
+          hideFilterMenu: 'Hide Filter Menu',
+          jumpToPageDropdownLabel: 'Jump to Page Dropdown',
+          jumpToPageInputLabel: 'Jump to Page Input',
           lastPageLabel: 'Last Page',
+          listView: 'List View',
+          moveAllToSource: 'Move All to Source',
+          moveAllToTarget: 'Move All to Target',
+          moveBottom: 'Move Bottom',
+          moveDown: 'Move Down',
+          moveToSource: 'Move to Source',
+          moveToTarget: 'Move to Target',
+          moveTop: 'Move Top',
+          moveUp: 'Move Up',
+          navigation: 'Navigation',
+          next: 'Next',
           nextPageLabel: 'Next Page',
+          nullLabel: 'Not Selected',
+          pageLabel: 'Page {page}',
+          otpLabel: 'Please enter one time password character {0}',
+          passwordHide: 'Hide Password',
+          passwordShow: 'Show Password',
+          previous: 'Previous',
           previousPageLabel: 'Previous Page',
+          rotateLeft: 'Rotate Left',
+          rotateRight: 'Rotate Right',
           rowsPerPageLabel: 'Rows per page',
-          jumpToPageDropdownLabel: 'Jump to Page Dropdown',
-          jumpToPageInputLabel: 'Jump to Page Input',
+          saveEdit: 'Save Edit',
+          scrollTop: 'Scroll Top',
+          selectAll: 'All items selected',
           selectRow: 'Row Selected',
-          unselectRow: 'Row Unselected',
-          expandRow: 'Row Expanded',
-          collapseRow: 'Row Collapsed',
           showFilterMenu: 'Show Filter Menu',
-          hideFilterMenu: 'Hide Filter Menu',
-          filterOperator: 'Filter Operator',
-          filterConstraint: 'Filter Constraint',
-          editRow: 'Row Edit',
-          saveEdit: 'Save Edit',
-          cancelEdit: 'Cancel Edit',
-          listView: 'List View',
-          gridView: 'Grid View',
           slide: 'Slide',
           slideNumber: '{slideNumber}',
+          star: '1 star',
+          stars: '{star} stars',
+          trueLabel: 'True',
+          unselectAll: 'All items unselected',
+          unselectRow: 'Row Unselected',
           zoomImage: 'Zoom Image',
           zoomIn: 'Zoom In',
-          zoomOut: 'Zoom Out',
-          rotateRight: 'Rotate Right',
-          rotateLeft: 'Rotate Left',
-          selectLabel: 'Select',
-          unselectLabel: 'Unselect',
-          expandLabel: 'Expand',
-          collapseLabel: 'Collapse'
+          zoomOut: 'Zoom Out'
         }
       }
     };
@@ -3049,7 +3041,9 @@ this.primereact.api = (function (exports, utils, React) {
       SUCCESS: 'success',
       INFO: 'info',
       WARN: 'warn',
-      ERROR: 'error'
+      ERROR: 'error',
+      SECONDARY: 'secondary',
+      CONTRAST: 'contrast'
     });
 
     var PrimeIcons = Object.freeze({
@@ -3637,11 +3631,9 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   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";
   var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
-  var radioButtonStyles = "\n.p-radiobutton {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n\n";
   var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
-  var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(checkboxStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(radioButtonStyles, "\n    ").concat(iconStyles, "\n}\n");
+  var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(iconStyles, "\n}\n");
   var ComponentBase = {
     cProps: undefined,
     cParams: undefined,
@@ -3718,7 +3710,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
         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(_objectSpread({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? utils.ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
-        return mergeSections || !mergeSections && self ? useMergeProps ? utils._mergeProps([globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}], {
+        return mergeSections || !mergeSections && self ? useMergeProps ? utils.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(_objectSpread(_objectSpread({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread(_objectSpread({}, self), Object.keys(datasetProps).length ? datasetProps : {});
       };
@@ -3762,7 +3754,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
               props: props,
               state: state
             }, params));
-            return utils._mergeProps([base, self], {
+            return utils.mergeProps([base, self], {
               classNameMergeFunction: (_ComponentBase$contex2 = ComponentBase.context.ptOptions) === null || _ComponentBase$contex2 === void 0 ? void 0 : _ComponentBase$contex2.classNameMergeFunction
             });
           }
@@ -3826,7 +3818,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
       var originalValue = fn(pt.originalValue);
       var value = fn(pt.value);
       if (originalValue === undefined && value === undefined) return undefined;else if (utils.ObjectUtils.isString(value)) return value;else if (utils.ObjectUtils.isString(originalValue)) return originalValue;
-      return mergeSections || !mergeSections && value ? useMergeProps ? utils._mergeProps([originalValue, value], {
+      return mergeSections || !mergeSections && value ? useMergeProps ? utils.mergeProps([originalValue, value], {
         classNameMergeFunction: classNameMergeFunction
       }) : _objectSpread(_objectSpread({}, originalValue), value) : value;
     }
@@ -3992,10 +3984,13 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
   }
 
   var usePrevious = function usePrevious(newValue) {
-    var ref = React__namespace.useRef(undefined);
+    var ref = React__namespace.useRef(null);
     React__namespace.useEffect(function () {
       ref.current = newValue;
-    });
+      return function () {
+        ref.current = null;
+      };
+    }, [newValue]);
     return ref.current;
   };
 
@@ -4007,7 +4002,6 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
   };
   /* eslint-enable */
 
-  /* eslint-disable */
   var useEventListener = function useEventListener(_ref) {
     var _ref$target = _ref.target,
       target = _ref$target === void 0 ? 'document' : _ref$target,
@@ -4022,9 +4016,10 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
     var prevOptions = usePrevious(options);
     var bind = function bind() {
       var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
+      var bindTarget = bindOptions.target;
+      if (utils.ObjectUtils.isNotEmpty(bindTarget)) {
         unbind();
-        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
+        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindTarget));
       }
       if (!listenerRef.current && targetRef.current) {
         listenerRef.current = function (event) {
@@ -4039,27 +4034,41 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
         listenerRef.current = null;
       }
     };
-    React__namespace.useEffect(function () {
+    var dispose = function dispose() {
+      unbind();
+      // Prevent memory leak by releasing
+      prevListener = null;
+      prevOptions = null;
+    };
+    var updateTarget = React__namespace.useCallback(function () {
       if (when) {
         targetRef.current = utils.DomHandler.getTargetElement(target);
       } else {
         unbind();
         targetRef.current = null;
       }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [target, when]);
     React__namespace.useEffect(function () {
-      // to properly compare functions we can implicitly converting the function to it's body's text as a String
-      if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
+      updateTarget();
+    }, [updateTarget]);
+    React__namespace.useEffect(function () {
+      var listenerChanged = "".concat(prevListener) !== "".concat(listener);
+      var optionsChanged = prevOptions !== options;
+      var listenerExists = listenerRef.current;
+      if (listenerExists && (listenerChanged || optionsChanged)) {
         unbind();
         when && bind();
+      } else if (!listenerExists) {
+        dispose();
       }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [listener, options, when]);
     useUnmountEffect(function () {
-      unbind();
+      dispose();
     });
     return [bind, unbind];
   };
-  /* eslint-enable */
 
   var useClickOutside = function useClickOutside(ref, callback) {
     var isOutsideClicked = function isOutsideClicked(event) {
@@ -4174,20 +4183,20 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       setDisplayOrder = _React$useState4[1];
     React__namespace.useEffect(function () {
       if (isVisible) {
-        if (!(group in groupToDisplayedElements)) {
+        if (!groupToDisplayedElements[group]) {
           groupToDisplayedElements[group] = [];
         }
-        var newDisplayOrder = groupToDisplayedElements[group].length + 1;
-        groupToDisplayedElements[group].push(uid);
+        var newDisplayOrder = groupToDisplayedElements[group].push(uid);
         setDisplayOrder(newDisplayOrder);
         return function () {
-          delete groupToDisplayedElements[group][newDisplayOrder];
-          var lastOrder = groupToDisplayedElements[group].findLastIndex(function (el) {
-            return el !== undefined;
-          });
+          delete groupToDisplayedElements[group][newDisplayOrder - 1];
 
           // Reduce array length, by removing undefined elements at the end of array:
-          groupToDisplayedElements[group].splice(lastOrder + 1);
+          var lastIndex = groupToDisplayedElements[group].length - 1;
+          var lastOrder = utils.ObjectUtils.findLastIndex(groupToDisplayedElements[group], function (el) {
+            return el !== undefined;
+          });
+          if (lastOrder !== lastIndex) groupToDisplayedElements[group].splice(lastOrder + 1);
           setDisplayOrder(undefined);
         };
       }
@@ -4413,6 +4422,37 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
   };
   /* eslint-enable */
 
+  /**
+   * Hook to merge properties including custom merge function for things like Tailwind merge.
+   */
+  var useMergeProps = function useMergeProps() {
+    var context = React.useContext(PrimeReact.PrimeReactContext);
+    return function () {
+      for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+        props[_key] = arguments[_key];
+      }
+      return utils.mergeProps(props, context === null || context === void 0 ? void 0 : context.ptOptions);
+    };
+  };
+
+  /* eslint-disable */
+
+  /**
+   * Custom hook to run a mount effect only once.
+   * @param {*} fn the callback function
+   * @returns the hook
+   */
+  var useMountEffect = function useMountEffect(fn) {
+    var mounted = React__namespace.useRef(false);
+    return React__namespace.useEffect(function () {
+      if (!mounted.current) {
+        mounted.current = true;
+        return fn && fn();
+      }
+    }, []);
+  };
+  /* eslint-enable */
+
   function _typeof(o) {
     "@babel/helpers - typeof";
 
@@ -4454,44 +4494,6 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
     return obj;
   }
 
-  function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(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.
-   */
-  var useMergeProps = function useMergeProps() {
-    var context = React.useContext(PrimeReact.PrimeReactContext);
-    return function () {
-      var _context$ptOptions;
-      var options = _objectSpread$2({}, (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++) {
-        props[_key] = arguments[_key];
-      }
-      return utils._mergeProps(props, options);
-    };
-  };
-
-  /* eslint-disable */
-
-  /**
-   * Custom hook to run a mount effect only once.
-   * @param {*} fn the callback function
-   * @returns the hook
-   */
-  var useMountEffect = function useMountEffect(fn) {
-    var mounted = React__namespace.useRef(false);
-    return React__namespace.useEffect(function () {
-      if (!mounted.current) {
-        mounted.current = true;
-        return fn && fn();
-      }
-    }, []);
-  };
-  /* eslint-enable */
-
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var useMouse = function useMouse() {
@@ -4753,18 +4755,18 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
     });
   }
 
-  /* eslint-disable */
   var useOverlayScrollListener = function useOverlayScrollListener(_ref) {
     var target = _ref.target,
       listener = _ref.listener,
       options = _ref.options,
       _ref$when = _ref.when,
       when = _ref$when === void 0 ? true : _ref$when;
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var targetRef = React__namespace.useRef(null);
     var listenerRef = React__namespace.useRef(null);
-    var scrollableParents = React__namespace.useRef([]);
+    var scrollableParentsRef = React__namespace.useRef([]);
+    var prevListener = usePrevious(listener);
     var prevOptions = usePrevious(options);
-    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var bind = function bind() {
       var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
@@ -4773,7 +4775,7 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       }
       if (!listenerRef.current && targetRef.current) {
         var hideOnScroll = context ? context.hideOverlaysOnDocumentScrolling : PrimeReact__default["default"].hideOverlaysOnDocumentScrolling;
-        var nodes = scrollableParents.current = utils.DomHandler.getScrollableParents(targetRef.current, hideOnScroll);
+        var nodes = scrollableParentsRef.current = utils.DomHandler.getScrollableParents(targetRef.current, hideOnScroll);
         listenerRef.current = function (event) {
           return listener && listener(event);
         };
@@ -4784,33 +4786,49 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
     };
     var unbind = function unbind() {
       if (listenerRef.current) {
-        var nodes = scrollableParents.current;
+        var nodes = scrollableParentsRef.current;
         nodes.forEach(function (node) {
           return node.removeEventListener('scroll', listenerRef.current, options);
         });
         listenerRef.current = null;
       }
     };
-    React__namespace.useEffect(function () {
+    var dispose = function dispose() {
+      unbind();
+      // #5927 prevent memory leak by releasing
+      scrollableParentsRef.current = null;
+      prevListener = null;
+      prevOptions = null;
+    };
+    var updateTarget = React__namespace.useCallback(function () {
       if (when) {
         targetRef.current = utils.DomHandler.getTargetElement(target);
       } else {
         unbind();
         targetRef.current = null;
       }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [target, when]);
     React__namespace.useEffect(function () {
-      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+      updateTarget();
+    }, [updateTarget]);
+    React__namespace.useEffect(function () {
+      var listenerChanged = "".concat(prevListener) !== "".concat(listener);
+      var optionsChanged = prevOptions !== options;
+      var listenerExists = listenerRef.current;
+      if (listenerExists && (listenerChanged || optionsChanged)) {
         unbind();
         when && bind();
+      } else if (!listenerExists) {
+        dispose();
       }
-    }, [listener, options]);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [listener, options, when]);
     useUnmountEffect(function () {
-      unbind();
+      dispose();
     });
     return [bind, unbind];
   };
-  /* eslint-enable */
 
   var useResizeListener = function useResizeListener(_ref) {
     var listener = _ref.listener,
@@ -4829,7 +4847,9 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       overlay = _ref.overlay,
       _listener = _ref.listener,
       _ref$when = _ref.when,
-      when = _ref$when === void 0 ? true : _ref$when;
+      when = _ref$when === void 0 ? true : _ref$when,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'click' : _ref$type;
     var targetRef = React__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
 
@@ -4841,7 +4861,7 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
      */
     var _useEventListener = useEventListener({
         target: 'window',
-        type: 'click',
+        type: type,
         listener: function listener(event) {
           _listener && _listener(event, {
             type: 'outside',
@@ -5032,20 +5052,35 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       id = _options$id === void 0 ? undefined : _options$id,
       _options$media = options.media,
       media = _options$media === void 0 ? undefined : _options$media;
+    var getCurrentStyleRef = function getCurrentStyleRef(styleContainer) {
+      var existingStyle = styleContainer.querySelector("style[data-primereact-style-id=\"".concat(name, "\"]"));
+      if (existingStyle) {
+        return existingStyle;
+      }
+      if (id !== undefined) {
+        var existingElement = document.getElementById(id);
+        if (existingElement) {
+          return existingElement;
+        }
+      }
+
+      // finally if not found create the new style
+      return document.createElement('style');
+    };
     var update = function update(newCSS) {
       isLoaded && css !== newCSS && (styleRef.current.textContent = newCSS);
     };
     var load = function load() {
       if (!document || isLoaded) return;
       var styleContainer = (context === null || context === void 0 ? void 0 : context.styleContainer) || document.head;
-      styleRef.current = styleContainer.querySelector("style[data-primereact-style-id=\"".concat(name, "\"]")) || document.getElementById(id) || document.createElement('style');
+      styleRef.current = getCurrentStyleRef(styleContainer);
       if (!styleRef.current.isConnected) {
         styleRef.current.type = 'text/css';
-        id && (styleRef.current.id = id);
-        media && (styleRef.current.media = media);
+        if (id) styleRef.current.id = id;
+        if (media) styleRef.current.media = media;
         utils.DomHandler.addNonce(styleRef.current, context && context.nonce || PrimeReact__default["default"].nonce);
         styleContainer.appendChild(styleRef.current);
-        name && styleRef.current.setAttribute('data-primereact-style-id', name);
+        if (name) styleRef.current.setAttribute('data-primereact-style-id', name);
       }
       styleRef.current.textContent = css;
       setIsLoaded(true);
@@ -9584,7 +9619,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
 })({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.portal, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.virtualscroller = (function (exports, React, hooks, utils, componentbase, spinner, api) {
+this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner, utils, componentbase) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -9764,6 +9799,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = VirtualScrollerBase.getProps(inProps, context);
     var prevProps = hooks.usePrevious(inProps) || {};
@@ -10064,7 +10100,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
               rows: 0,
               cols: firstState.cols
             } : 0 : firstState,
-            last: Math.min(props.step ? props.step : last, props.items.length)
+            last: Math.min(props.step ? props.step : last, (props.items || []).length)
           };
           props.onLazyLoad && props.onLazyLoad(lazyLoadState.current);
         });
@@ -10095,9 +10131,10 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
       }
     };
     var getLast = function getLast() {
+      var _ref2;
       var last = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       var isCols = arguments.length > 1 ? arguments[1] : undefined;
-      return props.items ? Math.min(isCols ? (props.columns || props.items[0]).length : props.items.length, last) : 0;
+      return props.items ? Math.min(isCols ? ((_ref2 = props.columns || props.items[0]) === null || _ref2 === void 0 ? void 0 : _ref2.length) || 0 : (props.items || []).length, last) : 0;
     };
     var getContentPosition = function getContentPosition() {
       if (_contentRef.current) {
@@ -10272,8 +10309,8 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
         props.onScrollIndexChange && props.onScrollIndexChange(newState);
         if (props.lazy && isPageChanged(first)) {
           var newLazyLoadState = {
-            first: props.step ? Math.min(getPageByFirst(first) * props.step, props.items.length - props.step) : first,
-            last: Math.min(props.step ? (getPageByFirst(first) + 1) * props.step : last, props.items.length)
+            first: props.step ? Math.min(getPageByFirst(first) * props.step, (props.items || []).length - props.step) : first,
+            last: Math.min(props.step ? (getPageByFirst(first) + 1) * props.step : last, (props.items || []).length)
           };
           var isLazyStateChanged = !lazyLoadState.current || lazyLoadState.current.first !== newLazyLoadState.first || lazyLoadState.current.last !== newLazyLoadState.last;
           isLazyStateChanged && props.onLazyLoad && props.onLazyLoad(newLazyLoadState);
@@ -10312,9 +10349,9 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
       }
       resizeTimeout.current = setTimeout(function () {
         if (elementRef.current) {
-          var _ref2 = [utils.DomHandler.getWidth(elementRef.current), utils.DomHandler.getHeight(elementRef.current)],
-            width = _ref2[0],
-            height = _ref2[1];
+          var _ref3 = [utils.DomHandler.getWidth(elementRef.current), utils.DomHandler.getHeight(elementRef.current)],
+            width = _ref3[0],
+            height = _ref3[1];
           var isDiffWidth = width !== defaultWidth.current,
             isDiffHeight = height !== defaultHeight.current;
           var reinit = both ? isDiffWidth || isDiffHeight : horizontal ? isDiffWidth : vertical ? isDiffHeight : false;
@@ -10342,7 +10379,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
       };
     };
     var loaderOptions = function loaderOptions(index, extOptions) {
-      var count = loaderArrState.length;
+      var count = loaderArrState.length || 0;
       return _objectSpread({
         index: index,
         count: count,
@@ -10434,7 +10471,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
     };
     var createLoader = function createLoader() {
       var iconClassName = 'p-virtualscroller-loading-icon';
-      var loadingIconProps = utils.mergeProps({
+      var loadingIconProps = mergeProps({
         className: iconClassName
       }, ptm('loadingIcon'));
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, _extends({}, loadingIconProps, {
@@ -10462,7 +10499,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
           };
           content = utils.ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
         }
-        var loaderProps = utils.mergeProps({
+        var loaderProps = mergeProps({
           className: className
         }, ptm('loader'));
         return /*#__PURE__*/React__namespace.createElement("div", loaderProps, content);
@@ -10471,7 +10508,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
     };
     var createSpacer = function createSpacer() {
       if (props.showSpacer) {
-        var spacerProps = utils.mergeProps({
+        var spacerProps = mergeProps({
           ref: _spacerRef,
           style: spacerStyle.current,
           className: 'p-virtualscroller-spacer'
@@ -10496,7 +10533,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
       var className = utils.classNames('p-virtualscroller-content', {
         'p-virtualscroller-loading': loadingState
       });
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         ref: _contentRef,
         style: contentStyle.current,
         className: className
@@ -10555,7 +10592,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
       var loader = createLoader();
       var _content = createContent();
       var spacer = createSpacer();
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         ref: elementRef,
         className: className,
         tabIndex: props.tabIndex,
@@ -10575,7 +10612,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils, compo
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.componentbase, primereact.icons.spinner, primereact.api);
+})({}, React, primereact.api, primereact.hooks, primereact.icons.spinner, primereact.utils, primereact.componentbase);
 
 this.primereact = this.primereact || {};
 this.primereact.terminalservice = (function (exports, utils) {
@@ -10685,85 +10722,21 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     return obj;
   }
 
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-
-  function _iterableToArrayLimit(r, l) {
-    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-    if (null != t) {
-      var e,
-        n,
-        i,
-        u,
-        a = [],
-        f = !0,
-        o = !1;
-      try {
-        if (i = (t = t.call(r)).next, 0 === l) {
-          if (Object(t) !== t) return;
-          f = !1;
-        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-      } catch (r) {
-        o = !0, n = r;
-      } finally {
-        try {
-          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-        } finally {
-          if (o) throw n;
-        }
-      }
-      return a;
-    }
-  }
-
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
-
   var classes = {
-    icon: 'p-checkbox-icon p-c',
-    input: function input(_ref) {
+    box: 'p-checkbox-box',
+    input: 'p-checkbox-input',
+    icon: 'p-checkbox-icon',
+    root: function root(_ref) {
       var props = _ref.props,
-        checked = _ref.checked,
-        focusedState = _ref.focusedState;
-      return utils.classNames('p-checkbox-box', {
+        checked = _ref.checked;
+      return utils.classNames('p-checkbox p-component', {
         'p-highlight': checked,
         'p-disabled': props.disabled,
-        'p-focus': focusedState
-      });
-    },
-    root: function root(_ref2) {
-      var props = _ref2.props,
-        checked = _ref2.checked,
-        focusedState = _ref2.focusedState;
-      return utils.classNames('p-checkbox p-component', {
-        'p-checkbox-checked': checked,
-        'p-checkbox-disabled': props.disabled,
-        'p-checkbox-focused': focusedState
+        'p-invalid': props.invalid,
+        'p-variant-filled': props.variant === 'filled'
       });
     }
   };
-  var styles = "\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.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Checkbox',
@@ -10776,6 +10749,7 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
       id: null,
       inputId: null,
       inputRef: null,
+      invalid: false,
       name: null,
       onChange: null,
       onClick: null,
@@ -10792,8 +10766,7 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
       children: undefined
     },
     css: {
-      classes: classes,
-      styles: styles
+      classes: classes
     }
   });
 
@@ -10803,15 +10776,8 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = CheckboxBase.getProps(inProps, context);
-    var _React$useState = React__namespace.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focusedState = _React$useState2[0],
-      setFocusedState = _React$useState2[1];
     var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
         props: props,
-        state: {
-          focused: focusedState
-        },
         context: {
           checked: props.checked === props.trueValue,
           disabled: props.disabled
@@ -10821,20 +10787,19 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
       cx = _CheckboxBase$setMeta.cx,
       isUnstyled = _CheckboxBase$setMeta.isUnstyled;
     componentbase.useHandleStyle(CheckboxBase.css.styles, isUnstyled, {
-      name: 'checkbox',
-      styled: true
+      name: 'checkbox'
     });
     var elementRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
-    var _onClick = function onClick(event) {
-      if (props.disabled || props.readOnly) {
+    var isChecked = function isChecked() {
+      return props.checked === props.trueValue;
+    };
+    var _onChange = function onChange(event) {
+      if (props.disabled || props.readonly) {
         return;
       }
-      if (props.onChange || props.onClick) {
+      if (props.onChange) {
         var _checked = isChecked();
-        var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
-        var isInputToggled = event.target === inputRef.current;
-        var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
         var value = _checked ? props.falseValue : props.trueValue;
         var eventData = {
           originalEvent: event,
@@ -10854,33 +10819,22 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
             checked: value
           }
         };
-        props.onClick && props.onClick(eventData);
+        props.onChange && props.onChange(eventData);
 
         // do not continue if the user defined click wants to prevent
         if (event.defaultPrevented) {
           return;
         }
-        if (isInputToggled || isCheckboxToggled) {
-          props.onChange && props.onChange(eventData);
-        }
         utils.DomHandler.focus(inputRef.current);
-        event.preventDefault();
       }
     };
     var _onFocus = function onFocus() {
-      setFocusedState(true);
+      var _props$onFocus;
+      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
     };
     var _onBlur = function onBlur() {
-      setFocusedState(false);
-    };
-    var _onKeyDown = function onKeyDown(event) {
-      if (event.code === 'Space' || event.key === ' ') {
-        // event.key is for Android support
-        _onClick(event);
-      }
-    };
-    var isChecked = function isChecked() {
-      return props.checked === props.trueValue;
+      var _props$onBlur;
+      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
@@ -10910,66 +10864,66 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     var checked = isChecked();
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = CheckboxBase.getOtherProps(props);
-    var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
-    var iconProps = mergeProps({
-      className: cx('icon')
-    }, ptm('icon'));
-    var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
-    var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
-      props: props,
-      checked: checked
-    });
     var rootProps = mergeProps({
       id: props.id,
       className: utils.classNames(props.className, cx('root', {
-        checked: checked,
-        focusedState: focusedState
+        checked: checked
       })),
       style: props.style,
-      onClick: function onClick(e) {
-        return _onClick(e);
-      },
       'data-p-highlight': checked,
       'data-p-disabled': props.disabled,
       onContextMenu: props.onContextMenu,
       onMouseDown: props.onMouseDown
     }, otherProps, ptm('root'));
-    var hiddenInputWrapperProps = mergeProps({
-      className: 'p-hidden-accessible'
-    }, ptm('hiddenInputWrapper'));
-    var hiddenInputProps = mergeProps(_objectSpread({
-      id: props.inputId,
-      type: 'checkbox',
-      name: props.name,
-      tabIndex: props.tabIndex,
-      defaultChecked: checked,
-      onFocus: function onFocus(e) {
-        return _onFocus();
-      },
-      onBlur: function onBlur(e) {
-        return _onBlur();
-      },
-      onKeyDown: function onKeyDown(e) {
-        return _onKeyDown(e);
-      },
-      disabled: props.disabled,
-      readOnly: props.readOnly,
-      required: props.required
-    }, ariaProps), ptm('hiddenInput'));
-    var inputProps = mergeProps({
-      className: cx('input', {
-        checked: checked,
-        focusedState: focusedState
-      }),
-      'data-p-highlight': checked,
-      'data-p-disabled': props.disabled,
-      'data-p-focus': focusedState
-    }, ptm('input'));
+    var createInputElement = function createInputElement() {
+      var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
+      var inputProps = mergeProps(_objectSpread({
+        id: props.inputId,
+        type: 'checkbox',
+        className: cx('input'),
+        name: props.name,
+        tabIndex: props.tabIndex,
+        defaultChecked: checked,
+        onFocus: function onFocus(e) {
+          return _onFocus();
+        },
+        onBlur: function onBlur(e) {
+          return _onBlur();
+        },
+        onChange: function onChange(e) {
+          return _onChange(e);
+        },
+        disabled: props.disabled,
+        readOnly: props.readOnly,
+        required: props.required,
+        'aria-invalid': props.invalid,
+        checked: isChecked()
+      }, ariaProps), ptm('input'));
+      return /*#__PURE__*/React__namespace.createElement("input", _extends({
+        ref: inputRef
+      }, inputProps));
+    };
+    var createBoxElement = function createBoxElement() {
+      var iconProps = mergeProps({
+        className: cx('icon')
+      }, ptm('icon'));
+      var boxProps = mergeProps({
+        className: cx('box', {
+          checked: checked
+        }),
+        'data-p-highlight': checked,
+        'data-p-disabled': props.disabled
+      }, ptm('box'));
+      var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
+      var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+        props: props,
+        checked: checked
+      });
+      return /*#__PURE__*/React__namespace.createElement("div", boxProps, checkboxIcon);
+    };
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef
-    }, rootProps), /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", _extends({
-      ref: inputRef
-    }, hiddenInputProps))), /*#__PURE__*/React__namespace.createElement("div", inputProps, checkboxIcon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    }, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip,
       pt: ptm('tooltip')
@@ -11387,7 +11341,8 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
         isFilled = _ref.isFilled;
       return utils.classNames('p-inputtext p-component', {
         'p-disabled': props.disabled,
-        'p-filled': isFilled
+        'p-filled': isFilled,
+        'p-invalid': props.invalid
       }, props.className);
     }
   };
@@ -11397,6 +11352,7 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
       __parentMetadata: null,
       children: undefined,
       className: null,
+      invalid: false,
       keyfilter: null,
       onBeforeInput: null,
       onInput: null,
@@ -11469,9 +11425,9 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var rootProps = mergeProps({
-      className: utils.classNames(props.className, cx('root', {
+      className: cx('root', {
         isFilled: isFilled
-      })),
+      }),
       onBeforeInput: onBeforeInput,
       onInput: onInput,
       onKeyDown: onKeyDown,
@@ -11661,7 +11617,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         'p-inputwrapper-focus': focusedState,
         'p-inputnumber-buttons-stacked': stacked,
         'p-inputnumber-buttons-horizontal': horizontal,
-        'p-inputnumber-buttons-vertical': vertical
+        'p-inputnumber-buttons-vertical': vertical,
+        'p-invalid': props.invalid
       });
     },
     buttonGroup: 'p-inputnumber-button-group',
@@ -11704,6 +11661,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       inputMode: null,
       inputRef: null,
       inputStyle: null,
+      invalid: false,
       locale: undefined,
       localeMatcher: undefined,
       max: null,
@@ -12021,6 +11979,10 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       if (props.disabled || props.readOnly) {
         return;
       }
+      if (event.shiftKey || event.altKey) {
+        isSpecialChar.current = true;
+        return;
+      }
       if (props.onKeyDown) {
         props.onKeyDown(event);
 
@@ -12030,17 +11992,10 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         }
       }
       lastValue.current = event.target.value;
-      if (event.shiftKey || event.altKey) {
-        isSpecialChar.current = true;
-        return;
-      }
       var selectionStart = event.target.selectionStart;
       var selectionEnd = event.target.selectionEnd;
       var inputValue = event.target.value;
       var newValueStr = null;
-      if (event.altKey) {
-        event.preventDefault();
-      }
       switch (event.code) {
         //up
         case 'ArrowUp':
@@ -12070,6 +12025,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
 
         //enter and tab
         case 'Tab':
+        case 'NumpadEnter':
         case 'Enter':
           newValueStr = validateValue(parseValue(inputValue));
           inputRef.current.value = formatValue(newValueStr);
@@ -12169,33 +12125,18 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
             updateModel(event, props.min);
           }
           break;
-      }
-    };
-    var onInputKeyUp = function onInputKeyUp(event) {
-      if (props.disabled || props.readOnly) {
-        return;
-      }
-      if (props.onKeyUp) {
-        props.onKeyUp(event);
-
-        // do not continue if the user defined event wants to prevent
-        if (event.defaultPrevented) {
-          return;
-        }
-      }
-      var code = event.which || event.keyCode;
-      if (code !== 13) {
-        // to submit a form
-        event.preventDefault();
-      }
-      var _char = String.fromCharCode(code);
-      var _isDecimalSign = isDecimalSign(_char);
-      var _isMinusSign = isMinusSign(_char);
-      if (48 <= code && code <= 57 || _isMinusSign || _isDecimalSign) {
-        insert(event, _char, {
-          isDecimalSign: _isDecimalSign,
-          isMinusSign: _isMinusSign
-        });
+        default:
+          event.preventDefault();
+          var _char = event.key;
+          var _isDecimalSign = isDecimalSign(_char);
+          var _isMinusSign = isMinusSign(_char);
+          if ((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(_char) >= 0 && Number(_char) <= 9 || _isMinusSign || _isDecimalSign) {
+            insert(event, _char, {
+              isDecimalSign: _isDecimalSign,
+              isMinusSign: _isMinusSign
+            });
+          }
+          break;
       }
     };
     var onPaste = function onPaste(event) {
@@ -12691,7 +12632,6 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         name: props.name,
         autoFocus: props.autoFocus,
         onKeyDown: onInputKeyDown,
-        onKeyPress: onInputKeyUp,
         onInput: onInput,
         onClick: onInputClick,
         onPointerDown: onInputPointerDown,
@@ -12995,6 +12935,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var mergeProps = hooks.useMergeProps();
     var messageInfo = props.message,
       parentMetaData = props.metaData,
       _props$ptCallbacks = props.ptCallbacks,
@@ -13045,7 +12986,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     var createCloseIcon = function createCloseIcon() {
       if (closable !== false) {
         var ariaLabel = api.localeOption('close');
-        var buttonIconProps = utils.mergeProps({
+        var buttonIconProps = mergeProps({
           className: cx('uimessage.buttonicon')
         }, getPTOptions('buttonicon', parentParams), ptmo(pt, 'buttonicon', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
@@ -13054,7 +12995,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
         var _closeIcon2 = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, buttonIconProps), {
           props: props
         });
-        var buttonProps = utils.mergeProps({
+        var buttonProps = mergeProps({
           type: 'button',
           className: cx('uimessage.button'),
           'aria-label': ariaLabel,
@@ -13068,7 +13009,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     };
     var createMessage = function createMessage() {
       if (props.message) {
-        var iconProps = utils.mergeProps({
+        var iconProps = mergeProps({
           className: cx('uimessage.icon')
         }, getPTOptions('icon', parentParams), ptmo(pt, 'icon', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
@@ -13093,12 +13034,12 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
         var iconContent = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, iconProps), {
           props: props
         });
-        var summaryProps = utils.mergeProps({
+        var summaryProps = mergeProps({
           className: cx('uimessage.summary')
         }, getPTOptions('summary', parentParams), ptmo(pt, 'summary', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
         })));
-        var detailProps = utils.mergeProps({
+        var detailProps = mergeProps({
           className: cx('uimessage.detail')
         }, getPTOptions('detail', parentParams), ptmo(pt, 'detail', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
@@ -13109,13 +13050,13 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     };
     var closeIcon = createCloseIcon();
     var message = createMessage();
-    var wrapperProps = utils.mergeProps({
+    var wrapperProps = mergeProps({
       className: utils.classNames(_contentClassName, cx('uimessage.wrapper')),
       style: contentStyle
     }, getPTOptions('wrapper', parentParams), ptmo(pt, 'wrapper', _objectSpread$1(_objectSpread$1({}, params), {}, {
       hostName: props.hostName
     })));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: ref,
       className: utils.classNames(_className, cx('uimessage.root', {
         severity: severity
@@ -13206,7 +13147,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
           return msg._pId !== messageInfo._pId && !utils.ObjectUtils.deepEquals(msg.message, removeMessage);
         });
       });
-      props.onRemove && props.onRemove(removeMessage);
+      props.onRemove && props.onRemove(removeMessage.message || removeMessage);
     };
     var onClose = function onClose(messageInfo) {
       remove(messageInfo);
@@ -13485,7 +13426,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, hoo
 })({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, spinner, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple) {
+this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, spinner, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple, check, iconbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13629,6 +13570,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         overlayVisibleState = _ref.overlayVisibleState;
       return utils.classNames('p-dropdown p-component p-inputwrapper', {
         'p-disabled': props.disabled,
+        'p-invalid': props.invalid,
         'p-focus': focusedState,
         'p-dropdown-clearable': props.showClear && !props.disabled,
         'p-inputwrapper-filled': utils.ObjectUtils.isNotEmpty(props.value),
@@ -13651,6 +13593,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         'p-dropdown-item-empty': !optionGroupLabel || optionGroupLabel.length === 0
       });
     },
+    itemGroupLabel: 'p-dropdown-item-group-label',
     dropdownIcon: 'p-dropdown-trigger-icon p-clickable',
     loadingIcon: 'p-dropdown-trigger-icon p-clickable',
     clearIcon: 'p-dropdown-clear-icon p-clickable',
@@ -13679,14 +13622,18 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         disabled = _ref7.disabled,
         label = _ref7.label,
         index = _ref7.index,
-        focusedOptionIndex = _ref7.focusedOptionIndex;
+        focusedOptionIndex = _ref7.focusedOptionIndex,
+        highlightOnSelect = _ref7.highlightOnSelect;
       return utils.classNames('p-dropdown-item', {
-        'p-highlight': selected,
+        'p-highlight': selected && highlightOnSelect,
         'p-disabled': disabled,
         'p-focus': index === focusedOptionIndex,
         'p-dropdown-item-empty': !label || label.length === 0
       });
     },
+    itemLabel: 'p-dropdown-item-label',
+    checkIcon: 'p-dropdown-check-icon',
+    blankIcon: 'p-dropdown-blank-icon',
     wrapper: 'p-dropdown-items-wrapper',
     header: 'p-dropdown-header',
     footer: 'p-dropdown-footer',
@@ -13721,6 +13668,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       dropdownIcon: null,
       editable: false,
       emptyFilterMessage: null,
+      highlightOnSelect: true,
+      checkmark: false,
       emptyMessage: null,
       filter: false,
       filterBy: null,
@@ -13735,6 +13684,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       id: null,
       inputId: null,
       inputRef: null,
+      invalid: false,
       itemTemplate: null,
       loading: false,
       loadingIcon: null,
@@ -13783,6 +13733,24 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     }
   });
 
+  var BlankIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var pti = iconbase.IconBase.getPTI(inProps);
+    return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+      ref: ref,
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, pti), /*#__PURE__*/React__namespace.createElement("rect", {
+      width: "1",
+      height: "1",
+      fill: "currentColor",
+      fillOpacity: "0"
+    }));
+  }));
+  BlankIcon.displayName = 'BlankIcon';
+
   var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = hooks.useMergeProps();
     var ptm = props.ptm,
@@ -13792,7 +13760,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       option = props.option,
       label = props.label,
       index = props.index,
-      focusedOptionIndex = props.focusedOptionIndex;
+      focusedOptionIndex = props.focusedOptionIndex,
+      checkmark = props.checkmark,
+      highlightOnSelect = props.highlightOnSelect;
     var getPTOptions = function getPTOptions(key) {
       return ptm(key, {
         context: {
@@ -13818,7 +13788,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         disabled: disabled,
         label: label,
         index: index,
-        focusedOptionIndex: focusedOptionIndex
+        focusedOptionIndex: focusedOptionIndex,
+        highlightOnSelect: highlightOnSelect
       })),
       style: props.style,
       onClick: function onClick(e) {
@@ -13830,7 +13801,23 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       'data-p-focused': focusedOptionIndex === index,
       'data-p-disabled': disabled
     }, getPTOptions('item'));
-    return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    var itemGroupLabelProps = mergeProps({
+      className: cx('itemLabel')
+    }, getPTOptions('itemLabel'));
+    var iconRenderer = function iconRenderer() {
+      if (selected) {
+        var checkIconProps = mergeProps({
+          className: cx('checkIcon')
+        }, getPTOptions('checIcon'));
+        return /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkIconProps);
+      } else {
+        var blankIconProps = mergeProps({
+          className: cx('blankIcon')
+        }, getPTOptions('blankIcon'));
+        return /*#__PURE__*/React__namespace.createElement(BlankIcon, blankIconProps);
+      }
+    };
+    return /*#__PURE__*/React__namespace.createElement("li", itemProps, checkmark && iconRenderer(), /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   });
   DropdownItem.displayName = 'DropdownItem';
 
@@ -13906,10 +13893,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           style: style,
           template: props.itemTemplate,
           selected: props.isSelected(option),
+          highlightOnSelect: props.highlightOnSelect,
           disabled: disabled,
           onClick: props.onOptionClick,
           ptm: ptm,
-          cx: cx
+          cx: cx,
+          checkmark: props.checkmark
         });
       });
     };
@@ -13938,9 +13927,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           style: style,
           'data-p-highlight': props.selected
         }, getPTOptions('itemGroup'));
+        var itemGroupLabelProps = mergeProps({
+          className: cx('itemGroupLabel')
+        }, getPTOptions('itemGroupLabel'));
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
           key: key
-        }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
+        }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, groupContent)), groupChildrenContent);
       } else {
         var optionLabel = props.getOptionLabel(option);
         var optionKey = index + '_' + props.getOptionRenderKey(option);
@@ -13954,10 +13946,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           style: style,
           template: props.itemTemplate,
           selected: props.isSelected(option),
+          highlightOnSelect: props.highlightOnSelect,
           disabled: disabled,
           onClick: props.onOptionClick,
           ptm: ptm,
-          cx: cx
+          cx: cx,
+          checkmark: props.checkmark
         });
       }
     };
@@ -14142,20 +14136,17 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       setFilterState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(false),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
-      clicked = _React$useState4[0],
-      setClicked = _React$useState4[1];
-    var _React$useState5 = React__namespace.useState(false),
+      focusedState = _React$useState4[0],
+      setFocusedState = _React$useState4[1];
+    var _React$useState5 = React__namespace.useState(-1),
       _React$useState6 = _slicedToArray(_React$useState5, 2),
-      focusedState = _React$useState6[0],
-      setFocusedState = _React$useState6[1];
-    var _React$useState7 = React__namespace.useState(-1),
+      focusedOptionIndex = _React$useState6[0],
+      setFocusedOptionIndex = _React$useState6[1];
+    var _React$useState7 = React__namespace.useState(false),
       _React$useState8 = _slicedToArray(_React$useState7, 2),
-      focusedOptionIndex = _React$useState8[0],
-      setFocusedOptionIndex = _React$useState8[1];
-    var _React$useState9 = React__namespace.useState(false),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      overlayVisibleState = _React$useState10[0],
-      setOverlayVisibleState = _React$useState10[1];
+      overlayVisibleState = _React$useState8[0],
+      setOverlayVisibleState = _React$useState8[1];
+    var clickedRef = React__namespace.useRef(false);
     var elementRef = React__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
     var firstHiddenFocusableElementOnOverlay = React__namespace.useRef(null);
@@ -14256,7 +14247,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         utils.DomHandler.focus(focusInputRef.current);
         overlayVisibleState ? hide() : show();
       }
-      setClicked(true);
+      clickedRef.current = true;
     };
     var onInputFocus = function onInputFocus(event) {
       if (props.showOnFocus && !overlayVisibleState) {
@@ -14354,12 +14345,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           break;
         default:
           if (!metaKey && utils.ObjectUtils.isPrintableCharacter(event.key)) {
-            !overlayVisibleState && show();
+            !overlayVisibleState && !props.editable && show();
             !props.editable && searchOptions(event, event.key);
           }
           break;
       }
-      setClicked(false);
+      clickedRef.current = false;
     };
     var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
       switch (event.code) {
@@ -14480,7 +14471,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         show();
         props.editable && changeFocusedOptionIndex(event, findSelectedOptionIndex());
       } else {
-        var optionIndex = focusedOptionIndex !== -1 ? findNextOptionIndex(focusedOptionIndex) : clicked ? findFirstOptionIndex() : findFirstFocusedOptionIndex();
+        var optionIndex = focusedOptionIndex !== -1 ? findNextOptionIndex(focusedOptionIndex) : clickedRef.current ? findFirstOptionIndex() : findFirstFocusedOptionIndex();
         changeFocusedOptionIndex(event, optionIndex);
       }
       event.preventDefault();
@@ -14494,7 +14485,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         state.overlayVisible && hide();
         event.preventDefault();
       } else {
-        var optionIndex = focusedOptionIndex !== -1 ? findPrevOptionIndex(focusedOptionIndex) : clicked ? findLastOptionIndex() : findLastFocusedOptionIndex();
+        var optionIndex = focusedOptionIndex !== -1 ? findPrevOptionIndex(focusedOptionIndex) : clickedRef.current ? findLastOptionIndex() : findLastFocusedOptionIndex();
         changeFocusedOptionIndex(event, optionIndex);
         !overlayVisibleState && show();
         event.preventDefault();
@@ -14575,11 +14566,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }
     };
     var onEditableInputChange = function onEditableInputChange(event) {
-      !overlayVisibleState && show();
       var searchIndex = null;
       if (event.target.value) {
         searchIndex = visibleOptions.findIndex(function (item) {
-          return item.name.toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase());
+          return getOptionLabel(item).toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase());
         });
       }
       setFocusedOptionIndex(searchIndex);
@@ -14660,7 +14650,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var selectItem = function selectItem(event) {
       if (selectedOption !== event.option) {
         updateEditableLabel(event.option);
+        setFocusedOptionIndex(-1);
         var optionValue = getOptionValue(event.option);
+        var selectedOptionIndex = findOptionIndexInList(event.option, visibleOptions);
         if (props.onChange) {
           props.onChange({
             originalEvent: event.originalEvent,
@@ -14678,6 +14670,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
             }
           });
         }
+        changeFocusedOptionIndex(event.originalEvent, selectedOptionIndex);
       }
     };
     var getSelectedOptionIndex = function getSelectedOptionIndex(options) {
@@ -14717,10 +14710,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     };
     var hide = function hide() {
       setOverlayVisibleState(false);
-      setClicked(false);
+      clickedRef.current = false;
     };
     var onFocus = function onFocus() {
-      if (props.editable) {
+      if (props.editable && !overlayVisibleState && clickedRef.current === false) {
         utils.DomHandler.focus(inputRef.current);
       }
     };
@@ -14764,6 +14757,11 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var updateEditableLabel = function updateEditableLabel(option) {
       if (inputRef.current) {
         inputRef.current.value = option ? getOptionLabel(option) : props.value || '';
+
+        // #1413 NVDA screenreader
+        if (focusInputRef.current) {
+          focusInputRef.current.value = inputRef.current.value;
+        }
       }
     };
     var getOptionLabel = function getOptionLabel(option) {
@@ -14798,6 +14796,11 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         var label = selectedOption ? getOptionLabel(selectedOption) : null;
         var value = label || props.value || '';
         inputRef.current.value = value;
+
+        // #1413 NVDA screenreader
+        if (focusInputRef.current) {
+          focusInputRef.current.value = value;
+        }
       }
     };
     var getSelectedOption = function getSelectedOption() {
@@ -14893,12 +14896,17 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       return /*#__PURE__*/React__namespace.createElement("div", hiddenSelectedMessageProps, /*#__PURE__*/React__namespace.createElement("select", selectProps, /*#__PURE__*/React__namespace.createElement("option", optionProps, option.label)));
     };
     var createKeyboardHelper = function createKeyboardHelper() {
+      var value = utils.ObjectUtils.isNotEmpty(selectedOption) ? getOptionLabel(selectedOption) : null;
+      if (props.editable) {
+        value = value || props.value || '';
+      }
       var hiddenSelectedMessageProps = mergeProps({
         className: 'p-hidden-accessible'
       }, ptm('hiddenSelectedMessage'));
       var inputProps = mergeProps(_objectSpread({
         ref: focusInputRef,
         id: props.inputId,
+        defaultValue: value,
         type: 'text',
         readOnly: true,
         'aria-haspopup': 'listbox',
@@ -15093,7 +15101,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple, primereact.icons.check, primereact.iconbase);
 
 this.primereact = this.primereact || {};
 this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple, utils) {
@@ -15328,6 +15336,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       closable: true,
       closeIcon: null,
       closeOnEscape: true,
+      content: null,
       contentClassName: null,
       contentStyle: null,
       dismissableMask: false,
@@ -15416,7 +15425,8 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     var focusElementOnHide = React__namespace.useRef(null);
     var maximized = props.onMaximize ? props.maximized : maximizedState;
     var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
-    var displayOrder = hooks.useDisplayOrder('dialog', visibleState);
+    var isCloseOnEscape = props.closable && props.closeOnEscape && visibleState;
+    var displayOrder = hooks.useDisplayOrder('dialog', isCloseOnEscape);
     var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread(_objectSpread({
         props: props
       }, props.__parentMetadata), {}, {
@@ -15435,11 +15445,9 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     });
     hooks.useGlobalOnEscapeKey({
       callback: function callback(event) {
-        if (props.closable && props.closeOnEscape) {
-          onClose(event);
-        }
+        onClose(event);
       },
-      when: visibleState && displayOrder,
+      when: isCloseOnEscape && displayOrder,
       priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
     });
     var _useEventListener = hooks.useEventListener({
@@ -15685,7 +15693,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     };
     var onExiting = function onExiting() {
       if (props.modal) {
-        utils.DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
+        !isUnstyled() && utils.DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
       }
     };
     var onExited = function onExited() {
@@ -16346,7 +16354,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
     var props = CurrentPageReportBase.getProps(inProps, context);
     var report = {
       currentPage: props.page + 1,
-      totalPages: props.pageCount,
+      totalPages: props.totalPages,
       first: Math.min(props.first + 1, props.totalRecords),
       last: Math.min(props.first + props.rows, props.totalRecords),
       rows: props.rows,
@@ -16516,127 +16524,127 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
 
   var locales = {
     en: {
-      startsWith: 'Starts with',
+      accept: 'Yes',
+      addRule: 'Add Rule',
+      am: 'AM',
+      apply: 'Apply',
+      cancel: 'Cancel',
+      choose: 'Choose',
+      chooseDate: 'Choose Date',
+      chooseMonth: 'Choose Month',
+      chooseYear: 'Choose Year',
+      clear: 'Clear',
+      completed: 'Completed',
       contains: 'Contains',
-      notContains: 'Not contains',
+      custom: 'Custom',
+      dateAfter: 'Date is after',
+      dateBefore: 'Date is before',
+      dateFormat: 'mm/dd/yy',
+      dateIs: 'Date is',
+      dateIsNot: 'Date is not',
+      dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+      dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+      dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+      emptyFilterMessage: 'No results found',
+      emptyMessage: 'No available options',
+      emptySearchMessage: 'No results found',
+      emptySelectionMessage: 'No selected item',
       endsWith: 'Ends with',
       equals: 'Equals',
-      notEquals: 'Not equals',
-      noFilter: 'No Filter',
+      fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
       filter: 'Filter',
-      lt: 'Less than',
-      lte: 'Less than or equal to',
+      firstDayOfWeek: 0,
       gt: 'Greater than',
       gte: 'Greater than or equal to',
-      dateIs: 'Date is',
-      dateIsNot: 'Date is not',
-      dateBefore: 'Date is before',
-      dateAfter: 'Date is after',
-      custom: 'Custom',
-      clear: 'Clear',
-      close: 'Close',
-      apply: 'Apply',
+      lt: 'Less than',
+      lte: 'Less than or equal to',
       matchAll: 'Match All',
       matchAny: 'Match Any',
-      addRule: 'Add Rule',
-      removeRule: 'Remove Rule',
-      accept: 'Yes',
-      reject: 'No',
-      choose: 'Choose',
-      upload: 'Upload',
-      cancel: 'Cancel',
-      completed: 'Completed',
-      pending: 'Pending',
-      fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
-      dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-      dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-      dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+      medium: 'Medium',
       monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
       monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-      chooseYear: 'Choose Year',
-      chooseMonth: 'Choose Month',
-      chooseDate: 'Choose Date',
-      prevDecade: 'Previous Decade',
       nextDecade: 'Next Decade',
-      prevYear: 'Previous Year',
-      nextYear: 'Next Year',
-      prevMonth: 'Previous Month',
-      nextMonth: 'Next Month',
-      prevHour: 'Previous Hour',
       nextHour: 'Next Hour',
-      prevMinute: 'Previous Minute',
       nextMinute: 'Next Minute',
-      prevSecond: 'Previous Second',
+      nextMonth: 'Next Month',
       nextSecond: 'Next Second',
-      prevMilliSecond: 'Previous Second',
-      nextMilliSecond: 'Next Second',
-      am: 'am',
-      pm: 'pm',
-      today: 'Today',
+      nextYear: 'Next Year',
+      noFilter: 'No Filter',
+      notContains: 'Not contains',
+      notEquals: 'Not equals',
       now: 'Now',
-      weekHeader: 'Wk',
-      firstDayOfWeek: 0,
+      passwordPrompt: 'Enter a password',
+      pending: 'Pending',
+      pm: 'PM',
+      prevDecade: 'Previous Decade',
+      prevHour: 'Previous Hour',
+      prevMinute: 'Previous Minute',
+      prevMonth: 'Previous Month',
+      prevSecond: 'Previous Second',
+      prevYear: 'Previous Year',
+      reject: 'No',
+      removeRule: 'Remove Rule',
+      searchMessage: '{0} results are available',
+      selectionMessage: '{0} items selected',
       showMonthAfterYear: false,
-      dateFormat: 'mm/dd/yy',
-      weak: 'Weak',
-      medium: 'Medium',
+      startsWith: 'Starts with',
       strong: 'Strong',
-      passwordPrompt: 'Enter a password',
-      emptyFilterMessage: 'No available options',
-      emptyMessage: 'No results found',
+      today: 'Today',
+      upload: 'Upload',
+      weak: 'Weak',
+      weekHeader: 'Wk',
       aria: {
-        trueLabel: 'True',
-        falseLabel: 'False',
-        nullLabel: 'Not Selected',
-        star: '1 star',
-        stars: '{star} stars',
-        selectAll: 'All items selected',
-        unselectAll: 'All items unselected',
+        cancelEdit: 'Cancel Edit',
         close: 'Close',
-        previous: 'Previous',
-        next: 'Next',
-        navigation: 'Navigation',
-        scrollTop: 'Scroll Top',
-        moveTop: 'Move Top',
-        moveUp: 'Move Up',
-        moveDown: 'Move Down',
-        moveBottom: 'Move Bottom',
-        moveToTarget: 'Move to Target',
-        moveToSource: 'Move to Source',
-        moveAllToTarget: 'Move All to Target',
-        moveAllToSource: 'Move All to Source',
-        pageLabel: 'Page {page}',
+        collapseRow: 'Row Collapsed',
+        editRow: 'Edit Row',
+        expandRow: 'Row Expanded',
+        falseLabel: 'False',
+        filterConstraint: 'Filter Constraint',
+        filterOperator: 'Filter Operator',
         firstPageLabel: 'First Page',
+        gridView: 'Grid View',
+        hideFilterMenu: 'Hide Filter Menu',
+        jumpToPageDropdownLabel: 'Jump to Page Dropdown',
+        jumpToPageInputLabel: 'Jump to Page Input',
         lastPageLabel: 'Last Page',
+        listView: 'List View',
+        moveAllToSource: 'Move All to Source',
+        moveAllToTarget: 'Move All to Target',
+        moveBottom: 'Move Bottom',
+        moveDown: 'Move Down',
+        moveToSource: 'Move to Source',
+        moveToTarget: 'Move to Target',
+        moveTop: 'Move Top',
+        moveUp: 'Move Up',
+        navigation: 'Navigation',
+        next: 'Next',
         nextPageLabel: 'Next Page',
+        nullLabel: 'Not Selected',
+        pageLabel: 'Page {page}',
+        otpLabel: 'Please enter one time password character {0}',
+        passwordHide: 'Hide Password',
+        passwordShow: 'Show Password',
+        previous: 'Previous',
         previousPageLabel: 'Previous Page',
+        rotateLeft: 'Rotate Left',
+        rotateRight: 'Rotate Right',
         rowsPerPageLabel: 'Rows per page',
-        jumpToPageDropdownLabel: 'Jump to Page Dropdown',
-        jumpToPageInputLabel: 'Jump to Page Input',
+        saveEdit: 'Save Edit',
+        scrollTop: 'Scroll Top',
+        selectAll: 'All items selected',
         selectRow: 'Row Selected',
-        unselectRow: 'Row Unselected',
-        expandRow: 'Row Expanded',
-        collapseRow: 'Row Collapsed',
         showFilterMenu: 'Show Filter Menu',
-        hideFilterMenu: 'Hide Filter Menu',
-        filterOperator: 'Filter Operator',
-        filterConstraint: 'Filter Constraint',
-        editRow: 'Row Edit',
-        saveEdit: 'Save Edit',
-        cancelEdit: 'Cancel Edit',
-        listView: 'List View',
-        gridView: 'Grid View',
         slide: 'Slide',
         slideNumber: '{slideNumber}',
+        star: '1 star',
+        stars: '{star} stars',
+        trueLabel: 'True',
+        unselectAll: 'All items unselected',
+        unselectRow: 'Row Unselected',
         zoomImage: 'Zoom Image',
         zoomIn: 'Zoom In',
-        zoomOut: 'Zoom Out',
-        rotateRight: 'Rotate Right',
-        rotateLeft: 'Rotate Left',
-        selectLabel: 'Select',
-        unselectLabel: 'Unselect',
-        expandLabel: 'Expand',
-        collapseLabel: 'Collapse'
+        zoomOut: 'Zoom Out'
       }
     }
   };
@@ -17022,12 +17030,12 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
     });
     var elementRef = React__namespace.useRef(null);
     var page = Math.floor(props.first / props.rows);
-    var pageCount = Math.ceil(props.totalRecords / props.rows);
+    var totalPages = Math.ceil(props.totalRecords / props.rows);
     var isFirstPage = page === 0;
-    var isLastPage = page === pageCount - 1;
-    var isEmpty = pageCount === 0;
+    var isLastPage = page === totalPages - 1;
+    var isEmpty = totalPages === 0;
     var calculatePageLinkBoundaries = function calculatePageLinkBoundaries() {
-      var numberOfPages = pageCount;
+      var numberOfPages = totalPages;
       var visiblePages = Math.min(props.pageLinkSize, numberOfPages);
 
       //calculate range, keep current in middle if necessary
@@ -17050,14 +17058,14 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
       return pageLinks;
     };
     var changePage = function changePage(first, rows) {
-      var pc = pageCount;
+      var pc = totalPages;
       var p = Math.floor(first / rows);
       if (p >= 0 && p < pc) {
         var newPageState = {
           first: first,
           rows: rows,
           page: p,
-          pageCount: pc
+          totalPages: pc
         };
         if (props.onPageChange) {
           props.onPageChange(newPageState);
@@ -17080,7 +17088,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
       event.preventDefault();
     };
     var changePageToLast = function changePageToLast(event) {
-      changePage((pageCount - 1) * props.rows, props.rows);
+      changePage((totalPages - 1) * props.rows, props.rows);
       event.preventDefault();
     };
     var onRowsChange = function onRowsChange(event) {
@@ -17097,7 +17105,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
     });
     hooks.useUpdateEffect(function () {
       if (page > 0 && props.first >= props.totalRecords) {
-        changePage((pageCount - 1) * props.rows, props.rows);
+        changePage((totalPages - 1) * props.rows, props.rows);
       }
     }, [props.totalRecords]);
     var createElement = function createElement(key, template) {
@@ -17107,6 +17115,10 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
           element = /*#__PURE__*/React__namespace.createElement(FirstPageLink, {
             hostName: "Paginator",
             key: key,
+            page: page,
+            totalPages: totalPages,
+            totalRecords: props.totalRecords,
+            rows: props.rows,
             onClick: changePageToFirst,
             disabled: isFirstPage || isEmpty,
             template: template,
@@ -17119,6 +17131,10 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
           element = /*#__PURE__*/React__namespace.createElement(PrevPageLink, {
             hostName: "Paginator",
             key: key,
+            page: page,
+            totalPages: totalPages,
+            totalRecords: props.totalRecords,
+            rows: props.rows,
             onClick: changePageToPrev,
             disabled: isFirstPage || isEmpty,
             template: template,
@@ -17131,6 +17147,10 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
           element = /*#__PURE__*/React__namespace.createElement(NextPageLink, {
             hostName: "Paginator",
             key: key,
+            page: page,
+            totalPages: totalPages,
+            totalRecords: props.totalRecords,
+            rows: props.rows,
             onClick: changePageToNext,
             disabled: isLastPage || isEmpty,
             template: template,
@@ -17143,6 +17163,10 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
           element = /*#__PURE__*/React__namespace.createElement(LastPageLink, {
             hostName: "Paginator",
             key: key,
+            page: page,
+            totalPages: totalPages,
+            totalRecords: props.totalRecords,
+            rows: props.rows,
             onClick: changePageToLast,
             disabled: isLastPage || isEmpty,
             template: template,
@@ -17155,10 +17179,11 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
           element = /*#__PURE__*/React__namespace.createElement(PageLinks, {
             hostName: "Paginator",
             key: key,
-            value: updatePageLinks(),
             page: page,
+            totalPages: totalPages,
+            totalRecords: props.totalRecords,
             rows: props.rows,
-            pageCount: pageCount,
+            value: updatePageLinks(),
             onClick: onPageLinkClick,
             template: template,
             ptm: ptm,
@@ -17171,7 +17196,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
             key: key,
             value: props.rows,
             page: page,
-            pageCount: pageCount,
+            totalPages: totalPages,
             totalRecords: props.totalRecords,
             options: props.rowsPerPageOptions,
             onChange: onRowsChange,
@@ -17190,10 +17215,10 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
             reportTemplate: props.currentPageReportTemplate,
             key: key,
             page: page,
-            pageCount: pageCount,
-            first: props.first,
-            rows: props.rows,
+            totalPages: totalPages,
             totalRecords: props.totalRecords,
+            rows: props.rows,
+            first: props.first,
             template: template,
             ptm: ptm
           });
@@ -17204,7 +17229,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
             key: key,
             rows: props.rows,
             page: page,
-            pageCount: pageCount,
+            totalPages: totalPages,
             onChange: changePage,
             disabled: isEmpty,
             template: template,
@@ -17239,7 +17264,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
       }
       return null;
     };
-    if (!props.alwaysShow && pageCount <= 1) {
+    if (!props.alwaysShow && totalPages <= 1) {
       return null;
     } else {
       var leftContent = utils.ObjectUtils.getJSXElement(props.leftContent, props);
@@ -18138,7 +18163,9 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         var nodeIconProps = mergeProps({
           className: utils.classNames(icon, cx('nodeIcon'))
         }, getPTOptions('nodeIcon'));
-        return /*#__PURE__*/React__namespace.createElement("span", nodeIconProps);
+        return utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, nodeIconProps), {
+          props: props
+        });
       }
       return null;
     };
@@ -18177,6 +18204,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       if (props.dragdropScope) {
         var droppointProps = mergeProps({
           className: cx('droppoint'),
+          role: 'treeitem',
           onDrop: function onDrop(event) {
             return onDropPoint(event, position);
           },
@@ -18374,10 +18402,16 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         var event = childFocusEvent.current;
         var nodeElement = event.target.getAttribute('data-pc-section') === 'toggler' ? event.target.closest('[role="treeitem"]') : event.target;
         var listElement = nodeElement.children[1];
-        var childElement = listElement.children[0];
-        nodeElement.tabIndex = '-1';
-        childElement.tabIndex = '0';
-        childElement.focus();
+        if (listElement) {
+          if (nodeElement) {
+            nodeElement.tabIndex = '-1';
+          }
+          var childElement = listElement.children[0];
+          if (childElement) {
+            childElement.tabIndex = '0';
+            childElement.focus();
+          }
+        }
         childFocusEvent.current = null;
       }
     }, [expandedKeys]);
@@ -18413,7 +18447,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       } else return value;
     };
     var onDrop = function onDrop(event) {
-      if (validateDropNode(dragState.current.path, event.path)) {
+      var _dragState$current;
+      if (validateDropNode((_dragState$current = dragState.current) === null || _dragState$current === void 0 ? void 0 : _dragState$current.path, event.path)) {
         var value = cloneValue(props.value);
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
@@ -18491,7 +18526,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       }
     };
     var validateDropPoint = function validateDropPoint(event) {
-      var _validateDrop = validateDrop(dragState.current.path, event.path);
+      var _dragState$current2;
+      var _validateDrop = validateDrop((_dragState$current2 = dragState.current) === null || _dragState$current2 === void 0 ? void 0 : _dragState$current2.path, event.path);
       if (_validateDrop) {
         //child dropped to next sibling's drop point
         if (event.position === -1 && areSiblings(dragState.current.path, event.path) && dragState.current.index + 1 === event.index) {
@@ -18693,7 +18729,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     };
     var createEmptyMessageNode = function createEmptyMessageNode() {
       var emptyMessageProps = mergeProps({
-        className: utils.classNames(props.contentClassName, cx('emptyMessage'))
+        className: utils.classNames(props.contentClassName, cx('emptyMessage')),
+        role: 'treeitem'
       }, ptm('emptyMessage'));
       var message = utils.ObjectUtils.getJSXElement(props.emptyMessage, props) || api.localeOption('emptyMessage');
       return /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, /*#__PURE__*/React__namespace.createElement("span", {