primereact 8.5.0 → 8.6.0

package/primereact.all.esm.js

@@ -3,7 +3,7 @@ import { CSSTransition as CSSTransition$1, TransitionGroup } from 'react-transit
 import ReactDOM from 'react-dom';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -16,7 +16,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -112,28 +111,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$g(arr, i) || _nonIterableRest();
 }
 
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
 var FilterMatchMode = Object.freeze({
   STARTS_WITH: 'startsWith',
   CONTAINS: 'contains',
@@ -154,394 +131,6 @@ var FilterMatchMode = Object.freeze({
   CUSTOM: 'custom'
 });
 
-var PrimeReact = /*#__PURE__*/_createClass(function PrimeReact() {
-  _classCallCheck(this, PrimeReact);
-});
-
-_defineProperty(PrimeReact, "ripple", false);
-
-_defineProperty(PrimeReact, "inputStyle", 'outlined');
-
-_defineProperty(PrimeReact, "locale", 'en');
-
-_defineProperty(PrimeReact, "appendTo", null);
-
-_defineProperty(PrimeReact, "cssTransition", true);
-
-_defineProperty(PrimeReact, "autoZIndex", true);
-
-_defineProperty(PrimeReact, "nonce", null);
-
-_defineProperty(PrimeReact, "nullSortOrder", 1);
-
-_defineProperty(PrimeReact, "zIndex", {
-  modal: 1100,
-  overlay: 1000,
-  menu: 1000,
-  tooltip: 1100,
-  toast: 1200
-});
-
-_defineProperty(PrimeReact, "filterMatchModeOptions", {
-  text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
-  numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
-  date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
-});
-
-function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var locales = {
-  en: {
-    startsWith: 'Starts with',
-    contains: 'Contains',
-    notContains: 'Not contains',
-    endsWith: 'Ends with',
-    equals: 'Equals',
-    notEquals: 'Not equals',
-    noFilter: 'No Filter',
-    lt: 'Less than',
-    lte: 'Less than or equal to',
-    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',
-    apply: 'Apply',
-    matchAll: 'Match All',
-    matchAny: 'Match Any',
-    addRule: 'Add Rule',
-    removeRule: 'Remove Rule',
-    accept: 'Yes',
-    reject: 'No',
-    choose: 'Choose',
-    upload: 'Upload',
-    cancel: 'Cancel',
-    dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-    dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
-    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'],
-    today: 'Today',
-    weekHeader: 'Wk',
-    firstDayOfWeek: 0,
-    dateFormat: 'mm/dd/yy',
-    weak: 'Weak',
-    medium: 'Medium',
-    strong: 'Strong',
-    passwordPrompt: 'Enter a password',
-    emptyFilterMessage: 'No available options',
-    emptyMessage: 'No results found',
-    aria: {
-      trueLabel: 'True',
-      falseLabel: 'False',
-      nullLabel: 'Not Selected',
-      pageLabel: 'Page',
-      firstPageLabel: 'First Page',
-      lastPageLabel: 'Last Page',
-      nextPageLabel: 'Next Page',
-      previousPageLabel: 'Previous Page'
-    }
-  }
-};
-
-function locale(locale) {
-  locale && (PrimeReact.locale = locale);
-  return {
-    locale: PrimeReact.locale,
-    options: locales[PrimeReact.locale]
-  };
-}
-
-function addLocale(locale, options) {
-  locales[locale] = _objectSpread$z(_objectSpread$z({}, locales['en']), options);
-}
-
-function updateLocaleOption(key, value, locale) {
-  localeOptions(locale)[key] = value;
-}
-
-function updateLocaleOptions(options, locale) {
-  var _locale = locale || PrimeReact.locale;
-
-  locales[_locale] = _objectSpread$z(_objectSpread$z({}, locales[_locale]), options);
-}
-
-function localeOption(key, locale) {
-  var _locale = locale || PrimeReact.locale;
-
-  try {
-    return localeOptions(_locale)[key];
-  } catch (error) {
-    throw new Error("The ".concat(key, " option is not found in the current locale('").concat(_locale, "')."));
-  }
-}
-
-function ariaLabel(key) {
-  var _locale = PrimeReact.locale;
-
-  try {
-    return localeOptions(_locale)['aria'][key];
-  } catch (error) {
-    throw new Error("The ".concat(key, " option is not found in the current locale('").concat(_locale, "')."));
-  }
-}
-
-function localeOptions(locale) {
-  var _locale = locale || PrimeReact.locale;
-
-  return locales[_locale];
-}
-
-var PrimeIcons = Object.freeze({
-  ALIGN_CENTER: 'pi pi-align-center',
-  ALIGN_JUSTIFY: 'pi pi-align-justify',
-  ALIGN_LEFT: 'pi pi-align-left',
-  ALIGN_RIGHT: 'pi pi-align-right',
-  AMAZON: 'pi pi-amazon',
-  ANDROID: 'pi pi-android',
-  ANGLE_DOUBLE_DOWN: 'pi pi-angle-double-down',
-  ANGLE_DOUBLE_LEFT: 'pi pi-angle-double-left',
-  ANGLE_DOUBLE_RIGHT: 'pi pi-angle-double-right',
-  ANGLE_DOUBLE_UP: 'pi pi-angle-double-up',
-  ANGLE_DOWN: 'pi pi-angle-down',
-  ANGLE_LEFT: 'pi pi-angle-left',
-  ANGLE_RIGHT: 'pi pi-angle-right',
-  ANGLE_UP: 'pi pi-angle-up',
-  APPLE: 'pi pi-apple',
-  ARROW_CIRCLE_DOWN: 'pi pi-arrow-circle-down',
-  ARROW_CIRCLE_LEFT: 'pi pi-arrow-circle-left',
-  ARROW_CIRCLE_RIGHT: 'pi pi-arrow-circle-right',
-  ARROW_CIRCLE_UP: 'pi pi-arrow-circle-up',
-  ARROW_DOWN: 'pi pi-arrow-down',
-  ARROW_DOWN_LEFT: 'pi pi-arrow-down-left',
-  ARROW_DOWN_RIGHT: 'pi pi-arrow-down-right',
-  ARROW_LEFT: 'pi pi-arrow-left',
-  ARROW_RIGHT: 'pi pi-arrow-right',
-  ARROW_UP: 'pi pi-arrow-up',
-  ARROW_UP_LEFT: 'pi pi-arrow-up-left',
-  ARROW_UP_RIGHT: 'pi pi-arrow-up-right',
-  ARROWS_H: 'pi pi-arrows-h',
-  ARROWS_V: 'pi pi-arrows-v',
-  AT: 'pi pi-at',
-  BACKWARD: 'pi pi-backward',
-  BAN: 'pi pi-ban',
-  BARS: 'pi pi-bars',
-  BELL: 'pi pi-bell',
-  BOLT: 'pi pi-bolt',
-  BOOK: 'pi pi-book',
-  BOOKMARK: 'pi pi-bookmark',
-  BOOKMARK_FILL: 'pi pi-bookmark-fill',
-  BOX: 'pi pi-box',
-  BRIEFCASE: 'pi pi-briefcase',
-  BUILDING: 'pi pi-building',
-  CALENDAR: 'pi pi-calendar',
-  CALENDAR_MINUS: 'pi pi-calendar-minus',
-  CALENDAR_PLUS: 'pi pi-calendar-plus',
-  CALENDAR_TIMES: 'pi pi-calendar-times',
-  CAMERA: 'pi pi-camera',
-  CAR: 'pi pi-car',
-  CARET_DOWN: 'pi pi-caret-down',
-  CARET_LEFT: 'pi pi-caret-left',
-  CARET_RIGHT: 'pi pi-caret-right',
-  CARET_UP: 'pi pi-caret-up',
-  CHART_BAR: 'pi pi-chart-bar',
-  CHART_LINE: 'pi pi-chart-line',
-  CHART_PIE: 'pi pi-chart-pie',
-  CHECK: 'pi pi-check',
-  CHECK_CIRCLE: 'pi pi-check-circle',
-  CHECK_SQUARE: 'pi pi-check-square',
-  CHEVRON_CIRCLE_DOWN: 'pi pi-chevron-circle-down',
-  CHEVRON_CIRCLE_LEFT: 'pi pi-chevron-circle-left',
-  CHEVRON_CIRCLE_RIGHT: 'pi pi-chevron-circle-right',
-  CHEVRON_CIRCLE_UP: 'pi pi-chevron-circle-up',
-  CHEVRON_DOWN: 'pi pi-chevron-down',
-  CHEVRON_LEFT: 'pi pi-chevron-left',
-  CHEVRON_RIGHT: 'pi pi-chevron-right',
-  CHEVRON_UP: 'pi pi-chevron-up',
-  CIRCLE: 'pi pi-circle',
-  CIRCLE_FILL: 'pi pi-circle-fill',
-  CLOCK: 'pi pi-clock',
-  CLONE: 'pi pi-clone',
-  CLOUD: 'pi pi-cloud',
-  CLOUD_DOWNLOAD: 'pi pi-cloud-download',
-  CLOUD_UPLOAD: 'pi pi-cloud-upload',
-  CODE: 'pi pi-code',
-  COG: 'pi pi-cog',
-  COMMENT: 'pi pi-comment',
-  COMMENTS: 'pi pi-comments',
-  COMPASS: 'pi pi-compass',
-  COPY: 'pi pi-copy',
-  CREDIT_CARD: 'pi pi-credit-card',
-  DATABASE: 'pi pi-database',
-  DESKTOP: 'pi pi-desktop',
-  DIRECTIONS: 'pi pi-directions',
-  DIRECTIONS_ALT: 'pi pi-directions-alt',
-  DISCORD: 'pi pi-discord',
-  DOLLAR: 'pi pi-dollar',
-  DOWNLOAD: 'pi pi-download',
-  EJECT: 'pi pi-eject',
-  ELLIPSIS_H: 'pi pi-ellipsis-h',
-  ELLIPSIS_V: 'pi pi-ellipsis-v',
-  ENVELOPE: 'pi pi-envelope',
-  EURO: 'pi pi-euro',
-  EXCLAMATION_CIRCLE: 'pi pi-exclamation-circle',
-  EXCLAMATION_TRIANGLE: 'pi pi-exclamation-triangle',
-  EXTERNAL_LINK: 'pi pi-external-link',
-  EYE: 'pi pi-eye',
-  EYE_SLASH: 'pi pi-eye-slash',
-  FACEBOOK: 'pi pi-facebook',
-  FAST_BACKWARD: 'pi pi-fast-backward',
-  FAST_FORWARD: 'pi pi-fast-forward',
-  FILE: 'pi pi-file',
-  FILE_EXCEL: 'pi pi-file-excel',
-  FILE_PDF: 'pi pi-file-pdf',
-  FILTER: 'pi pi-filter',
-  FILTER_FILL: 'pi pi-filter-fill',
-  FILTER_SLASH: 'pi pi-filter-slash',
-  FLAG: 'pi pi-flag',
-  FLAG_FILL: 'pi pi-flag-fill',
-  FOLDER: 'pi pi-folder',
-  FOLDER_OPEN: 'pi pi-folder-open',
-  FORWARD: 'pi pi-forward',
-  GITHUB: 'pi pi-github',
-  GLOBE: 'pi pi-globe',
-  GOOGLE: 'pi pi-google',
-  HASHTAG: 'pi pi-hashtag',
-  HEART: 'pi pi-heart',
-  HEART_FILL: 'pi pi-heart-fill',
-  HISTORY: 'pi pi-history',
-  HOME: 'pi pi-home',
-  ID_CARD: 'pi pi-id-card',
-  IMAGE: 'pi pi-image',
-  IMAGES: 'pi pi-images',
-  INBOX: 'pi pi-inbox',
-  INFO: 'pi pi-info',
-  INFO_CIRCLE: 'pi pi-info-circle',
-  INSTAGRAM: 'pi pi-instagram',
-  KEY: 'pi pi-key',
-  LINK: 'pi pi-link',
-  LINKEDIN: 'pi pi-linkedin',
-  LIST: 'pi pi-list',
-  LOCK: 'pi pi-lock',
-  LOCK_OPEN: 'pi pi-lock-open',
-  MAP: 'pi pi-map',
-  MAP_MARKER: 'pi pi-map-marker',
-  MICROSOFT: 'pi pi-microsoft',
-  MINUS: 'pi pi-minus',
-  MINUS_CIRCLE: 'pi pi-minus-circle',
-  MOBILE: 'pi pi-mobile',
-  MONEY_BILL: 'pi pi-money-bill',
-  MOON: 'pi pi-moon',
-  PALETTE: 'pi pi-palette',
-  PAPERCLIP: 'pi pi-paperclip',
-  PAUSE: 'pi pi-pause',
-  PAYPAL: 'pi pi-paypal',
-  PENCIL: 'pi pi-pencil',
-  PERCENTAGE: 'pi pi-percentage',
-  PHONE: 'pi pi-phone',
-  PLAY: 'pi pi-play',
-  PLUS: 'pi pi-plus',
-  PLUS_CIRCLE: 'pi pi-plus-circle',
-  POUND: 'pi pi-pound',
-  POWER_OFF: 'pi pi-power-off',
-  PRIME: 'pi pi-prime',
-  PRINT: 'pi pi-print',
-  QRCODE: 'pi pi-qrcode',
-  QUESTION: 'pi pi-question',
-  QUESTION_CIRCLE: 'pi pi-question-circle',
-  REDDIT: 'pi pi-reddit',
-  REFRESH: 'pi pi-refresh',
-  REPLAY: 'pi pi-replay',
-  REPLY: 'pi pi-reply',
-  SAVE: 'pi pi-save',
-  SEARCH: 'pi pi-search',
-  SEARCH_MINUS: 'pi pi-search-minus',
-  SEARCH_PLUS: 'pi pi-search-plus',
-  SEND: 'pi pi-send',
-  SERVER: 'pi pi-server',
-  SHARE_ALT: 'pi pi-share-alt',
-  SHIELD: 'pi pi-shield',
-  SHOPPING_BAG: 'pi pi-shopping-bag',
-  SHOPPING_CART: 'pi pi-shopping-cart',
-  SIGN_IN: 'pi pi-sign-in',
-  SIGN_OUT: 'pi pi-sign-out',
-  SITEMAP: 'pi pi-sitemap',
-  SLACK: 'pi pi-slack',
-  SLIDERS_H: 'pi pi-sliders-h',
-  SLIDERS_V: 'pi pi-sliders-v',
-  SORT: 'pi pi-sort',
-  SORT_ALPHA_DOWN: 'pi pi-sort-alpha-down',
-  SORT_ALPHA_ALT_DOWN: 'pi pi-sort-alpha-alt-down',
-  SORT_ALPHA_UP: 'pi pi-sort-alpha-up',
-  SORT_ALPHA_ALT_UP: 'pi pi-sort-alpha-alt-up',
-  SORT_ALT: 'pi pi-sort-alt',
-  SORT_ALT_SLASH: 'pi pi-sort-slash',
-  SORT_AMOUNT_DOWN: 'pi pi-sort-amount-down',
-  SORT_AMOUNT_DOWN_ALT: 'pi pi-sort-amount-down-alt',
-  SORT_AMOUNT_UP: 'pi pi-sort-amount-up',
-  SORT_AMOUNT_UP_ALT: 'pi pi-sort-amount-up-alt',
-  SORT_DOWN: 'pi pi-sort-down',
-  SORT_NUMERIC_DOWN: 'pi pi-sort-numeric-down',
-  SORT_NUMERIC_ALT_DOWN: 'pi pi-sort-numeric-alt-down',
-  SORT_NUMERIC_UP: 'pi pi-sort-numeric-up',
-  SORT_NUMERIC_ALT_UP: 'pi pi-sort-numeric-alt-up',
-  SORT_UP: 'pi pi-sort-up',
-  SPINNER: 'pi pi-spinner',
-  STAR: 'pi pi-star',
-  STAR_FILL: 'pi pi-star-fill',
-  STEP_BACKWARD: 'pi pi-step-backward',
-  STEP_BACKWARD_ALT: 'pi pi-step-backward-alt',
-  STEP_FORWARD: 'pi pi-step-forward',
-  STEP_FORWARD_ALT: 'pi pi-step-forward-alt',
-  STOP: 'pi pi-stop',
-  STOP_CIRCLE: 'pi pi-stop-circle',
-  SUN: 'pi pi-sun',
-  SYNC: 'pi pi-sync',
-  TABLE: 'pi pi-table',
-  TABLET: 'pi pi-tablet',
-  TAG: 'pi pi-tag',
-  TAGS: 'pi pi-tags',
-  TELEGRAM: 'pi pi-telegram',
-  TH_LARGE: 'pi pi-th-large',
-  THUMBS_DOWN: 'pi pi-thumbs-down',
-  THUMBS_UP: 'pi pi-thumbs-up',
-  TICKET: 'pi pi-ticket',
-  TIMES: 'pi pi-times',
-  TIMES_CIRCLE: 'pi pi-times-circle',
-  TRASH: 'pi pi-trash',
-  TWITTER: 'pi pi-twitter',
-  UNDO: 'pi pi-undo',
-  UNLOCK: 'pi pi-unlock',
-  UPLOAD: 'pi pi-upload',
-  USER: 'pi pi-user',
-  USER_EDIT: 'pi pi-user-edit',
-  USER_MINUS: 'pi pi-user-minus',
-  USER_PLUS: 'pi pi-user-plus',
-  USERS: 'pi pi-users',
-  VIDEO: 'pi pi-video',
-  VIMEO: 'pi pi-vimeo',
-  VOLUME_DOWN: 'pi pi-volume-down',
-  VOLUME_OFF: 'pi pi-volume-off',
-  VOLUME_UP: 'pi pi-volume-up',
-  WALLET: 'pi pi-wallet',
-  WHATSAPP: 'pi pi-whatsapp',
-  WIFI: 'pi pi-wifi',
-  WINDOW_MAXIMIZE: 'pi pi-window-maximize',
-  WINDOW_MINIMIZE: 'pi pi-window-minimize',
-  YOUTUBE: 'pi pi-youtube'
-});
-
-var MessageSeverity = Object.freeze({
-  SUCCESS: 'success',
-  INFO: 'info',
-  WARN: 'warn',
-  ERROR: 'error'
-});
-
 var FilterOperator = Object.freeze({
   AND: 'and',
   OR: 'or'
@@ -550,17 +139,11 @@ var FilterOperator = Object.freeze({
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function classNames() {
@@ -600,6 +183,31 @@ function classNames() {
   return undefined;
 }
 
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+
 function _createForOfIteratorHelper$f(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$f(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray$f(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$f(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$f(o, minLen); }
@@ -613,7 +221,15 @@ var DomHandler = /*#__PURE__*/function () {
 
   _createClass(DomHandler, null, [{
     key: "innerWidth",
-    value: function innerWidth(el) {
+    value:
+    /**
+     * All data- properties like data-test-id
+     */
+
+    /**
+     * All ARIA properties like aria-label and focus-target for https://www.npmjs.com/package/@q42/floating-focus-a11y
+     */
+    function innerWidth(el) {
       if (el) {
         var width = el.offsetWidth;
         var style = getComputedStyle(el);
@@ -1712,6 +1328,10 @@ var DomHandler = /*#__PURE__*/function () {
   return DomHandler;
 }();
 
+_defineProperty(DomHandler, "DATA_PROPS", ['data-']);
+
+_defineProperty(DomHandler, "ARIA_PROPS", ['aria', 'focus-target']);
+
 var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
   function ConnectedOverlayScrollHandler(element) {
     var listener = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
@@ -1774,9 +1394,9 @@ function EventBus() {
   };
 }
 
-function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function mask(el, options) {
   var defaultOptions = {
     mask: null,
@@ -1789,7 +1409,7 @@ function mask(el, options) {
     onFocus: null,
     onBlur: null
   };
-  options = _objectSpread$y(_objectSpread$y({}, defaultOptions), options);
+  options = _objectSpread$z(_objectSpread$z({}, defaultOptions), options);
   var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
 
   var caret = function caret(first, last) {
@@ -2389,6 +2009,33 @@ var ObjectUtils = /*#__PURE__*/function () {
         return result;
       }, {});
     }
+    /**
+     * Removes keys from a JSON object that start with a string such as "data" to get all "data-id" type properties.
+     *
+     * @param {any} obj the JSON object to reduce
+     * @param {string[]} startsWiths the string(s) to check if the property starts with this key
+     * @returns the JSON object containing only the key/values that match the startsWith string
+     */
+
+  }, {
+    key: "reduceKeys",
+    value: function reduceKeys(obj, startsWiths) {
+      var result = {};
+
+      if (!obj || !startsWiths || startsWiths.length === 0) {
+        return result;
+      }
+
+      Object.keys(obj).filter(function (key) {
+        return startsWiths.some(function (value) {
+          return key.startsWith(value);
+        });
+      }).forEach(function (key) {
+        result[key] = obj[key];
+        delete obj[key];
+      });
+      return result;
+    }
   }, {
     key: "reorderArray",
     value: function reorderArray(value, from, to) {
@@ -2490,24 +2137,31 @@ var ObjectUtils = /*#__PURE__*/function () {
       var order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
       var locale = arguments.length > 3 ? arguments[3] : undefined;
       var nullSortOrder = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-      var result = null;
+      var result = ObjectUtils.compare(value1, value2, locale, order); // nullSortOrder == 1 means Excel like sort nulls at bottom
+
+      var finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;
+      return finalSortOrder * result;
+    }
+  }, {
+    key: "compare",
+    value: function compare(value1, value2, locale) {
+      var order = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+      var result = -1;
       var emptyValue1 = this.isEmpty(value1);
       var emptyValue2 = this.isEmpty(value2);
       if (emptyValue1 && emptyValue2) result = 0;else if (emptyValue1) result = order;else if (emptyValue2) result = -order;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, locale, {
         numeric: true
-      });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0; // nullSortOrder == 1 means Excel like sort nulls at bottom
-
-      var finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;
-      return finalSortOrder * result;
+      });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+      return result;
     }
   }]);
 
   return ObjectUtils;
 }();
 
-function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var IconUtils = /*#__PURE__*/function () {
   function IconUtils() {
@@ -2530,7 +2184,7 @@ var IconUtils = /*#__PURE__*/function () {
         }));
 
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$x({
+          var defaultContentOptions = _objectSpread$y({
             iconProps: iconProps,
             element: content
           }, options);
@@ -2850,6 +2504,406 @@ var FilterService = {
   }
 };
 
+var PrimeReact = /*#__PURE__*/_createClass(function PrimeReact() {
+  _classCallCheck(this, PrimeReact);
+});
+
+_defineProperty(PrimeReact, "ripple", false);
+
+_defineProperty(PrimeReact, "inputStyle", 'outlined');
+
+_defineProperty(PrimeReact, "locale", 'en');
+
+_defineProperty(PrimeReact, "appendTo", null);
+
+_defineProperty(PrimeReact, "cssTransition", true);
+
+_defineProperty(PrimeReact, "autoZIndex", true);
+
+_defineProperty(PrimeReact, "nonce", null);
+
+_defineProperty(PrimeReact, "nullSortOrder", 1);
+
+_defineProperty(PrimeReact, "zIndex", {
+  modal: 1100,
+  overlay: 1000,
+  menu: 1000,
+  tooltip: 1100,
+  toast: 1200
+});
+
+_defineProperty(PrimeReact, "filterMatchModeOptions", {
+  text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
+  numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
+  date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
+});
+
+function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var locales = {
+  en: {
+    startsWith: 'Starts with',
+    contains: 'Contains',
+    notContains: 'Not contains',
+    endsWith: 'Ends with',
+    equals: 'Equals',
+    notEquals: 'Not equals',
+    noFilter: 'No Filter',
+    filter: 'Filter',
+    lt: 'Less than',
+    lte: 'Less than or equal to',
+    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',
+    matchAll: 'Match All',
+    matchAny: 'Match Any',
+    addRule: 'Add Rule',
+    removeRule: 'Remove Rule',
+    accept: 'Yes',
+    reject: 'No',
+    choose: 'Choose',
+    upload: 'Upload',
+    cancel: 'Cancel',
+    dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+    dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    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'],
+    today: 'Today',
+    weekHeader: 'Wk',
+    firstDayOfWeek: 0,
+    dateFormat: 'mm/dd/yy',
+    weak: 'Weak',
+    medium: 'Medium',
+    strong: 'Strong',
+    passwordPrompt: 'Enter a password',
+    emptyFilterMessage: 'No available options',
+    emptyMessage: 'No results found',
+    aria: {
+      trueLabel: 'True',
+      falseLabel: 'False',
+      nullLabel: 'Not Selected',
+      pageLabel: 'Page',
+      firstPageLabel: 'First Page',
+      lastPageLabel: 'Last Page',
+      nextPageLabel: 'Next Page',
+      previousPageLabel: 'Previous Page',
+      selectLabel: 'Select',
+      unselectLabel: 'Unselect',
+      expandLabel: 'Expand',
+      collapseLabel: 'Collapse'
+    }
+  }
+};
+
+function locale(locale) {
+  locale && (PrimeReact.locale = locale);
+  return {
+    locale: PrimeReact.locale,
+    options: locales[PrimeReact.locale]
+  };
+}
+
+function addLocale(locale, options) {
+  locales[locale] = _objectSpread$x(_objectSpread$x({}, locales['en']), options);
+}
+
+function updateLocaleOption(key, value, locale) {
+  localeOptions(locale)[key] = value;
+}
+
+function updateLocaleOptions(options, locale) {
+  var _locale = locale || PrimeReact.locale;
+
+  locales[_locale] = _objectSpread$x(_objectSpread$x({}, locales[_locale]), options);
+}
+
+function localeOption$1(key, locale) {
+  var _locale = locale || PrimeReact.locale;
+
+  try {
+    return localeOptions(_locale)[key];
+  } catch (error) {
+    throw new Error("The ".concat(key, " option is not found in the current locale('").concat(_locale, "')."));
+  }
+}
+
+function ariaLabel(key) {
+  var _locale = PrimeReact.locale;
+
+  try {
+    return localeOptions(_locale)['aria'][key];
+  } catch (error) {
+    throw new Error("The ".concat(key, " option is not found in the current locale('").concat(_locale, "')."));
+  }
+}
+
+function localeOptions(locale) {
+  var _locale = locale || PrimeReact.locale;
+
+  return locales[_locale];
+}
+
+var MessageSeverity = Object.freeze({
+  SUCCESS: 'success',
+  INFO: 'info',
+  WARN: 'warn',
+  ERROR: 'error'
+});
+
+var PrimeIcons = Object.freeze({
+  ALIGN_CENTER: 'pi pi-align-center',
+  ALIGN_JUSTIFY: 'pi pi-align-justify',
+  ALIGN_LEFT: 'pi pi-align-left',
+  ALIGN_RIGHT: 'pi pi-align-right',
+  AMAZON: 'pi pi-amazon',
+  ANDROID: 'pi pi-android',
+  ANGLE_DOUBLE_DOWN: 'pi pi-angle-double-down',
+  ANGLE_DOUBLE_LEFT: 'pi pi-angle-double-left',
+  ANGLE_DOUBLE_RIGHT: 'pi pi-angle-double-right',
+  ANGLE_DOUBLE_UP: 'pi pi-angle-double-up',
+  ANGLE_DOWN: 'pi pi-angle-down',
+  ANGLE_LEFT: 'pi pi-angle-left',
+  ANGLE_RIGHT: 'pi pi-angle-right',
+  ANGLE_UP: 'pi pi-angle-up',
+  APPLE: 'pi pi-apple',
+  ARROW_CIRCLE_DOWN: 'pi pi-arrow-circle-down',
+  ARROW_CIRCLE_LEFT: 'pi pi-arrow-circle-left',
+  ARROW_CIRCLE_RIGHT: 'pi pi-arrow-circle-right',
+  ARROW_CIRCLE_UP: 'pi pi-arrow-circle-up',
+  ARROW_DOWN: 'pi pi-arrow-down',
+  ARROW_DOWN_LEFT: 'pi pi-arrow-down-left',
+  ARROW_DOWN_RIGHT: 'pi pi-arrow-down-right',
+  ARROW_LEFT: 'pi pi-arrow-left',
+  ARROW_RIGHT: 'pi pi-arrow-right',
+  ARROW_UP: 'pi pi-arrow-up',
+  ARROW_UP_LEFT: 'pi pi-arrow-up-left',
+  ARROW_UP_RIGHT: 'pi pi-arrow-up-right',
+  ARROWS_H: 'pi pi-arrows-h',
+  ARROWS_V: 'pi pi-arrows-v',
+  AT: 'pi pi-at',
+  BACKWARD: 'pi pi-backward',
+  BAN: 'pi pi-ban',
+  BARS: 'pi pi-bars',
+  BELL: 'pi pi-bell',
+  BOLT: 'pi pi-bolt',
+  BOOK: 'pi pi-book',
+  BOOKMARK: 'pi pi-bookmark',
+  BOOKMARK_FILL: 'pi pi-bookmark-fill',
+  BOX: 'pi pi-box',
+  BRIEFCASE: 'pi pi-briefcase',
+  BUILDING: 'pi pi-building',
+  CALENDAR: 'pi pi-calendar',
+  CALENDAR_MINUS: 'pi pi-calendar-minus',
+  CALENDAR_PLUS: 'pi pi-calendar-plus',
+  CALENDAR_TIMES: 'pi pi-calendar-times',
+  CAMERA: 'pi pi-camera',
+  CAR: 'pi pi-car',
+  CARET_DOWN: 'pi pi-caret-down',
+  CARET_LEFT: 'pi pi-caret-left',
+  CARET_RIGHT: 'pi pi-caret-right',
+  CARET_UP: 'pi pi-caret-up',
+  CHART_BAR: 'pi pi-chart-bar',
+  CHART_LINE: 'pi pi-chart-line',
+  CHART_PIE: 'pi pi-chart-pie',
+  CHECK: 'pi pi-check',
+  CHECK_CIRCLE: 'pi pi-check-circle',
+  CHECK_SQUARE: 'pi pi-check-square',
+  CHEVRON_CIRCLE_DOWN: 'pi pi-chevron-circle-down',
+  CHEVRON_CIRCLE_LEFT: 'pi pi-chevron-circle-left',
+  CHEVRON_CIRCLE_RIGHT: 'pi pi-chevron-circle-right',
+  CHEVRON_CIRCLE_UP: 'pi pi-chevron-circle-up',
+  CHEVRON_DOWN: 'pi pi-chevron-down',
+  CHEVRON_LEFT: 'pi pi-chevron-left',
+  CHEVRON_RIGHT: 'pi pi-chevron-right',
+  CHEVRON_UP: 'pi pi-chevron-up',
+  CIRCLE: 'pi pi-circle',
+  CIRCLE_FILL: 'pi pi-circle-fill',
+  CLOCK: 'pi pi-clock',
+  CLONE: 'pi pi-clone',
+  CLOUD: 'pi pi-cloud',
+  CLOUD_DOWNLOAD: 'pi pi-cloud-download',
+  CLOUD_UPLOAD: 'pi pi-cloud-upload',
+  CODE: 'pi pi-code',
+  COG: 'pi pi-cog',
+  COMMENT: 'pi pi-comment',
+  COMMENTS: 'pi pi-comments',
+  COMPASS: 'pi pi-compass',
+  COPY: 'pi pi-copy',
+  CREDIT_CARD: 'pi pi-credit-card',
+  DATABASE: 'pi pi-database',
+  DESKTOP: 'pi pi-desktop',
+  DIRECTIONS: 'pi pi-directions',
+  DIRECTIONS_ALT: 'pi pi-directions-alt',
+  DISCORD: 'pi pi-discord',
+  DOLLAR: 'pi pi-dollar',
+  DOWNLOAD: 'pi pi-download',
+  EJECT: 'pi pi-eject',
+  ELLIPSIS_H: 'pi pi-ellipsis-h',
+  ELLIPSIS_V: 'pi pi-ellipsis-v',
+  ENVELOPE: 'pi pi-envelope',
+  EURO: 'pi pi-euro',
+  EXCLAMATION_CIRCLE: 'pi pi-exclamation-circle',
+  EXCLAMATION_TRIANGLE: 'pi pi-exclamation-triangle',
+  EXTERNAL_LINK: 'pi pi-external-link',
+  EYE: 'pi pi-eye',
+  EYE_SLASH: 'pi pi-eye-slash',
+  FACEBOOK: 'pi pi-facebook',
+  FAST_BACKWARD: 'pi pi-fast-backward',
+  FAST_FORWARD: 'pi pi-fast-forward',
+  FILE: 'pi pi-file',
+  FILE_EXCEL: 'pi pi-file-excel',
+  FILE_PDF: 'pi pi-file-pdf',
+  FILTER: 'pi pi-filter',
+  FILTER_FILL: 'pi pi-filter-fill',
+  FILTER_SLASH: 'pi pi-filter-slash',
+  FLAG: 'pi pi-flag',
+  FLAG_FILL: 'pi pi-flag-fill',
+  FOLDER: 'pi pi-folder',
+  FOLDER_OPEN: 'pi pi-folder-open',
+  FORWARD: 'pi pi-forward',
+  GITHUB: 'pi pi-github',
+  GLOBE: 'pi pi-globe',
+  GOOGLE: 'pi pi-google',
+  HASHTAG: 'pi pi-hashtag',
+  HEART: 'pi pi-heart',
+  HEART_FILL: 'pi pi-heart-fill',
+  HISTORY: 'pi pi-history',
+  HOME: 'pi pi-home',
+  ID_CARD: 'pi pi-id-card',
+  IMAGE: 'pi pi-image',
+  IMAGES: 'pi pi-images',
+  INBOX: 'pi pi-inbox',
+  INFO: 'pi pi-info',
+  INFO_CIRCLE: 'pi pi-info-circle',
+  INSTAGRAM: 'pi pi-instagram',
+  KEY: 'pi pi-key',
+  LINK: 'pi pi-link',
+  LINKEDIN: 'pi pi-linkedin',
+  LIST: 'pi pi-list',
+  LOCK: 'pi pi-lock',
+  LOCK_OPEN: 'pi pi-lock-open',
+  MAP: 'pi pi-map',
+  MAP_MARKER: 'pi pi-map-marker',
+  MICROSOFT: 'pi pi-microsoft',
+  MINUS: 'pi pi-minus',
+  MINUS_CIRCLE: 'pi pi-minus-circle',
+  MOBILE: 'pi pi-mobile',
+  MONEY_BILL: 'pi pi-money-bill',
+  MOON: 'pi pi-moon',
+  PALETTE: 'pi pi-palette',
+  PAPERCLIP: 'pi pi-paperclip',
+  PAUSE: 'pi pi-pause',
+  PAYPAL: 'pi pi-paypal',
+  PENCIL: 'pi pi-pencil',
+  PERCENTAGE: 'pi pi-percentage',
+  PHONE: 'pi pi-phone',
+  PLAY: 'pi pi-play',
+  PLUS: 'pi pi-plus',
+  PLUS_CIRCLE: 'pi pi-plus-circle',
+  POUND: 'pi pi-pound',
+  POWER_OFF: 'pi pi-power-off',
+  PRIME: 'pi pi-prime',
+  PRINT: 'pi pi-print',
+  QRCODE: 'pi pi-qrcode',
+  QUESTION: 'pi pi-question',
+  QUESTION_CIRCLE: 'pi pi-question-circle',
+  REDDIT: 'pi pi-reddit',
+  REFRESH: 'pi pi-refresh',
+  REPLAY: 'pi pi-replay',
+  REPLY: 'pi pi-reply',
+  SAVE: 'pi pi-save',
+  SEARCH: 'pi pi-search',
+  SEARCH_MINUS: 'pi pi-search-minus',
+  SEARCH_PLUS: 'pi pi-search-plus',
+  SEND: 'pi pi-send',
+  SERVER: 'pi pi-server',
+  SHARE_ALT: 'pi pi-share-alt',
+  SHIELD: 'pi pi-shield',
+  SHOPPING_BAG: 'pi pi-shopping-bag',
+  SHOPPING_CART: 'pi pi-shopping-cart',
+  SIGN_IN: 'pi pi-sign-in',
+  SIGN_OUT: 'pi pi-sign-out',
+  SITEMAP: 'pi pi-sitemap',
+  SLACK: 'pi pi-slack',
+  SLIDERS_H: 'pi pi-sliders-h',
+  SLIDERS_V: 'pi pi-sliders-v',
+  SORT: 'pi pi-sort',
+  SORT_ALPHA_DOWN: 'pi pi-sort-alpha-down',
+  SORT_ALPHA_ALT_DOWN: 'pi pi-sort-alpha-alt-down',
+  SORT_ALPHA_UP: 'pi pi-sort-alpha-up',
+  SORT_ALPHA_ALT_UP: 'pi pi-sort-alpha-alt-up',
+  SORT_ALT: 'pi pi-sort-alt',
+  SORT_ALT_SLASH: 'pi pi-sort-slash',
+  SORT_AMOUNT_DOWN: 'pi pi-sort-amount-down',
+  SORT_AMOUNT_DOWN_ALT: 'pi pi-sort-amount-down-alt',
+  SORT_AMOUNT_UP: 'pi pi-sort-amount-up',
+  SORT_AMOUNT_UP_ALT: 'pi pi-sort-amount-up-alt',
+  SORT_DOWN: 'pi pi-sort-down',
+  SORT_NUMERIC_DOWN: 'pi pi-sort-numeric-down',
+  SORT_NUMERIC_ALT_DOWN: 'pi pi-sort-numeric-alt-down',
+  SORT_NUMERIC_UP: 'pi pi-sort-numeric-up',
+  SORT_NUMERIC_ALT_UP: 'pi pi-sort-numeric-alt-up',
+  SORT_UP: 'pi pi-sort-up',
+  SPINNER: 'pi pi-spinner',
+  STAR: 'pi pi-star',
+  STAR_FILL: 'pi pi-star-fill',
+  STEP_BACKWARD: 'pi pi-step-backward',
+  STEP_BACKWARD_ALT: 'pi pi-step-backward-alt',
+  STEP_FORWARD: 'pi pi-step-forward',
+  STEP_FORWARD_ALT: 'pi pi-step-forward-alt',
+  STOP: 'pi pi-stop',
+  STOP_CIRCLE: 'pi pi-stop-circle',
+  SUN: 'pi pi-sun',
+  SYNC: 'pi pi-sync',
+  TABLE: 'pi pi-table',
+  TABLET: 'pi pi-tablet',
+  TAG: 'pi pi-tag',
+  TAGS: 'pi pi-tags',
+  TELEGRAM: 'pi pi-telegram',
+  TH_LARGE: 'pi pi-th-large',
+  THUMBS_DOWN: 'pi pi-thumbs-down',
+  THUMBS_UP: 'pi pi-thumbs-up',
+  TICKET: 'pi pi-ticket',
+  TIMES: 'pi pi-times',
+  TIMES_CIRCLE: 'pi pi-times-circle',
+  TRASH: 'pi pi-trash',
+  TWITTER: 'pi pi-twitter',
+  UNDO: 'pi pi-undo',
+  UNLOCK: 'pi pi-unlock',
+  UPLOAD: 'pi pi-upload',
+  USER: 'pi pi-user',
+  USER_EDIT: 'pi pi-user-edit',
+  USER_MINUS: 'pi pi-user-minus',
+  USER_PLUS: 'pi pi-user-plus',
+  USERS: 'pi pi-users',
+  VIDEO: 'pi pi-video',
+  VIMEO: 'pi pi-vimeo',
+  VOLUME_DOWN: 'pi pi-volume-down',
+  VOLUME_OFF: 'pi pi-volume-off',
+  VOLUME_UP: 'pi pi-volume-up',
+  WALLET: 'pi pi-wallet',
+  WHATSAPP: 'pi pi-whatsapp',
+  WIFI: 'pi pi-wifi',
+  WINDOW_MAXIMIZE: 'pi pi-window-maximize',
+  WINDOW_MINIMIZE: 'pi pi-window-minimize',
+  YOUTUBE: 'pi pi-youtube'
+});
+
+var SortOrder = Object.freeze({
+  DESC: -1,
+  UNSORTED: 0,
+  ASC: 1
+});
+
 var usePrevious = function usePrevious(newValue) {
   var ref = React.useRef(undefined);
   React.useEffect(function () {
@@ -3354,6 +3408,11 @@ function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AccordionTab = function AccordionTab() {};
+
+var shouldUseTab = function shouldUseTab(tab) {
+  return tab && tab.props.__TYPE === 'AccordionTab';
+};
+
 var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3368,10 +3427,6 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
 
-  var shouldUseTab = function shouldUseTab(tab) {
-    return tab && tab.props.__TYPE === 'AccordionTab';
-  };
-
   var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
     if (!tab.props.disabled) {
       var selected = isSelected(index);
@@ -3425,6 +3480,10 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   });
 
+  if (!idState) {
+    return null;
+  }
+
   var createTabHeader = function createTabHeader(tab, selected, index) {
     var style = _objectSpread$v(_objectSpread$v({}, tab.props.style || {}), tab.props.headerStyle || {});
 
@@ -3444,6 +3503,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
       props: props,
       selected: selected
     });
+    var label = selected ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
     return /*#__PURE__*/React.createElement("div", {
       className: className,
       style: style
@@ -3457,7 +3517,8 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClick: function onClick(e) {
         return onTabHeaderClick(e, tab, index);
       },
-      tabIndex: tabIndex
+      tabIndex: tabIndex,
+      "aria-label": label
     }, icon, header));
   };
 
@@ -4318,7 +4379,8 @@ Button.defaultProps = {
   tooltipOptions: null,
   disabled: false,
   loading: false,
-  loadingIcon: 'pi pi-spinner pi-spin'
+  loadingIcon: 'pi pi-spinner pi-spin',
+  visible: true
 };
 
 var KeyFilter = {
@@ -4528,7 +4590,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
 
   var _useResizeListener = useResizeListener({
     listener: function listener(event) {
-      return onResize(event);
+      return onResize();
     }
   }),
       _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
@@ -4538,7 +4600,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     target: 'window',
     type: 'orientationchange',
     listener: function listener(event) {
-      return onResize(event);
+      return onResize();
     }
   }),
       _useEventListener2 = _slicedToArray(_useEventListener, 1),
@@ -5380,6 +5442,15 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
   };
 
   var createContent = function createContent() {
+    if (props.showEmptyMessage && ObjectUtils.isEmpty(props.suggestions)) {
+      var emptyMessage = props.emptyMessage || localeOption$1('emptyMessage');
+      return /*#__PURE__*/React.createElement("ul", {
+        className: "p-autocomplete-items"
+      }, /*#__PURE__*/React.createElement("li", {
+        className: "p-autocomplete-item"
+      }, emptyMessage));
+    }
+
     if (props.virtualScrollerOptions) {
       var virtualScrollerProps = _objectSpread$t(_objectSpread$t({}, props.virtualScrollerOptions), {
         style: _objectSpread$t(_objectSpread$t({}, props.virtualScrollerOptions.style), {
@@ -5889,7 +5960,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   });
   useUpdateEffect(function () {
     if (searchingState) {
-      ObjectUtils.isNotEmpty(props.suggestions) ? show() : hide();
+      ObjectUtils.isNotEmpty(props.suggestions) || props.showEmptyMessage ? show() : hide();
       setSearchingState(false);
     }
   }, [props.suggestions]);
@@ -5930,7 +6001,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     var className = classNames('p-autocomplete-input', props.inputClassName, {
       'p-autocomplete-dd-input': props.dropdown
     });
-    return /*#__PURE__*/React.createElement(InputText, {
+    return /*#__PURE__*/React.createElement(InputText, _extends({
       ref: inputRef,
       id: props.inputId,
       type: props.type,
@@ -5941,8 +6012,6 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       "aria-controls": ariaControls,
       "aria-haspopup": "listbox",
       "aria-expanded": overlayVisibleState,
-      "aria-labelledby": props['aria-labelledby'],
-      "aria-label": props['aria-label'],
       className: className,
       style: props.inputStyle,
       autoComplete: "off",
@@ -5962,7 +6031,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       onContextMenu: props.onContextMenu,
       onClick: props.onClick,
       onDoubleClick: props.onDblClick
-    });
+    }, ariaProps, dataProps));
   };
 
   var createChips = function createChips() {
@@ -5992,7 +6061,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     var ariaControls = overlayVisibleState ? idState + '_list' : null;
     return /*#__PURE__*/React.createElement("li", {
       className: "p-autocomplete-input-token"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", _extends({
       ref: inputRef,
       type: props.type,
       disabled: props.disabled,
@@ -6002,8 +6071,6 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       "aria-controls": ariaControls,
       "aria-haspopup": "listbox",
       "aria-expanded": overlayVisibleState,
-      "aria-labelledby": props['aria-labelledby'],
-      "aria-label": props['aria-label'],
       autoComplete: "off",
       tabIndex: props.tabIndex,
       onChange: onInputChange,
@@ -6017,7 +6084,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       onKeyPress: props.onKeyPress,
       onFocus: onMultiInputFocus,
       onBlur: onMultiInputBlur
-    }));
+    }, ariaProps, dataProps)));
   };
 
   var createMultipleAutoComplete = function createMultipleAutoComplete() {
@@ -6038,12 +6105,14 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var createDropdown = function createDropdown() {
     if (props.dropdown) {
+      var ariaLabel = props.dropdownAriaLabel || props.placeholder || localeOption$1('choose');
       return /*#__PURE__*/React.createElement(Button, {
         type: "button",
         icon: props.dropdownIcon,
         className: "p-autocomplete-dropdown",
         disabled: props.disabled,
-        onClick: onDropdownClick
+        onClick: onDropdownClick,
+        "aria-label": ariaLabel
       });
     }
 
@@ -6067,6 +6136,8 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   var listId = idState + '_list';
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, AutoComplete.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-autocomplete p-component p-inputwrapper', {
     'p-autocomplete-dd': props.dropdown,
     'p-autocomplete-multiple': props.multiple,
@@ -6106,65 +6177,65 @@ AutoComplete.displayName = 'AutoComplete';
 AutoComplete.defaultProps = {
   __TYPE: 'AutoComplete',
   id: null,
-  inputRef: null,
-  value: null,
-  name: null,
-  type: 'text',
-  suggestions: null,
-  field: null,
-  optionGroupLabel: null,
-  optionGroupChildren: null,
-  optionGroupTemplate: null,
-  forceSelection: false,
+  appendTo: null,
+  autoFocus: false,
   autoHighlight: false,
-  virtualScrollerOptions: null,
-  scrollHeight: '200px',
+  className: null,
+  completeMethod: null,
+  delay: 300,
+  disabled: false,
   dropdown: false,
-  dropdownMode: 'blank',
   dropdownAutoFocus: true,
-  multiple: false,
-  minLength: 1,
-  delay: 300,
-  style: null,
-  className: null,
+  dropdownIcon: 'pi pi-chevron-down',
+  dropdownMode: 'blank',
+  emptyMessage: null,
+  field: null,
+  forceSelection: false,
+  inputClassName: null,
   inputId: null,
+  inputRef: null,
   inputStyle: null,
-  inputClassName: null,
+  itemTemplate: null,
+  maxLength: null,
+  minLength: 1,
+  multiple: false,
+  name: null,
+  onBlur: null,
+  onChange: null,
+  onClear: null,
+  onClick: null,
+  onContextMenu: null,
+  onDblClick: null,
+  onDropdownClick: null,
+  onFocus: null,
+  onHide: null,
+  onKeyPress: null,
+  onKeyUp: null,
+  onMouseDown: null,
+  onSelect: null,
+  onShow: null,
+  onUnselect: null,
+  optionGroupChildren: null,
+  optionGroupLabel: null,
+  optionGroupTemplate: null,
   panelClassName: null,
   panelStyle: null,
   placeholder: null,
   readOnly: false,
-  disabled: false,
-  maxLength: null,
+  removeIcon: 'pi pi-times-circle',
+  scrollHeight: '200px',
+  selectedItemTemplate: null,
+  showEmptyMessage: false,
   size: null,
-  appendTo: null,
+  style: null,
+  suggestions: null,
   tabIndex: null,
-  autoFocus: false,
   tooltip: null,
   tooltipOptions: null,
-  completeMethod: null,
-  itemTemplate: null,
-  selectedItemTemplate: null,
   transitionOptions: null,
-  dropdownIcon: 'pi pi-chevron-down',
-  removeIcon: 'pi pi-times-circle',
-  'aria-label': null,
-  'aria-labelledby': null,
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  onSelect: null,
-  onUnselect: null,
-  onDropdownClick: null,
-  onClick: null,
-  onDblClick: null,
-  onMouseDown: null,
-  onKeyUp: null,
-  onKeyPress: null,
-  onContextMenu: null,
-  onClear: null,
-  onShow: null,
-  onHide: null
+  type: 'text',
+  value: null,
+  virtualScrollerOptions: null
 };
 
 var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -6694,7 +6765,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       unbindOverlayListener = _useOverlayListener2[1];
 
   var getDateFormat = function getDateFormat() {
-    return props.dateFormat || localeOption('dateFormat', props.locale);
+    return props.dateFormat || localeOption$1('dateFormat', props.locale);
   };
 
   var onInputFocus = function onInputFocus(event) {
@@ -8206,7 +8277,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var getSundayIndex = function getSundayIndex() {
-    var firstDayOfWeek = localeOption('firstDayOfWeek', props.locale);
+    var firstDayOfWeek = localeOption$1('firstDayOfWeek', props.locale);
     return firstDayOfWeek > 0 ? 7 - firstDayOfWeek : 0;
   };
 
@@ -9074,6 +9145,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     if (props.value) {
       updateInputfield(props.value);
+      setValue(props.value);
     }
 
     return function () {
@@ -9085,28 +9157,11 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   }, [props.view]);
   useUpdateEffect(function () {
     if (!props.onViewDateChange && !viewStateChanged.current) {
-      var propValue = props.value;
-
-      if (Array.isArray(propValue)) {
-        propValue = propValue[0];
-      }
-
-      var prevPropValue = previousValue;
-
-      if (Array.isArray(prevPropValue)) {
-        prevPropValue = prevPropValue[0];
-      }
-
-      if (!prevPropValue && propValue || propValue && propValue instanceof Date && propValue.getTime() !== prevPropValue.getTime()) {
-        var viewDate = props.viewDate && isValidDate(props.viewDate) ? props.viewDate : propValue && isValidDate(propValue) ? propValue : new Date();
-        validateDate(viewDate);
-        setViewDateState(viewDate);
-        viewStateChanged.current = true;
-      }
+      setValue(props.value);
     }
   }, [props.onViewDateChange, props.value]);
   useUpdateEffect(function () {
-    if (previousValue !== props.value && (!viewStateChanged || !visible)) {
+    if (previousValue !== props.value && (!viewStateChanged.current || !visible)) {
       updateInputfield(props.value);
     }
   }, [props.value, visible]);
@@ -9147,6 +9202,25 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     };
   });
 
+  var setValue = function setValue(propValue) {
+    if (Array.isArray(propValue)) {
+      propValue = propValue[0];
+    }
+
+    var prevPropValue = previousValue;
+
+    if (Array.isArray(prevPropValue)) {
+      prevPropValue = prevPropValue[0];
+    }
+
+    if (!prevPropValue && propValue || propValue && propValue instanceof Date && propValue.getTime() !== prevPropValue.getTime()) {
+      var viewDate = props.viewDate && isValidDate(props.viewDate) ? props.viewDate : propValue && isValidDate(propValue) ? propValue : new Date();
+      validateDate(viewDate);
+      setViewDateState(viewDate);
+      viewStateChanged.current = true;
+    }
+  };
+
   var createBackwardNavigator = function createBackwardNavigator(isVisible) {
     var navigatorProps = isVisible ? {
       onClick: onPrevButtonClick,
@@ -9186,7 +9260,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var createTitleMonthElement = function createTitleMonthElement(month) {
-    var monthNames = localeOption('monthNames', props.locale);
+    var monthNames = localeOption$1('monthNames', props.locale);
 
     if (props.monthNavigator && props.view !== 'month') {
       var viewDate = getViewDate();
@@ -9335,7 +9409,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         scope: "col",
         key: "wn",
         className: "p-datepicker-weekheader p-disabled"
-      }, /*#__PURE__*/React.createElement("span", null, localeOption('weekHeader', props.locale)));
+      }, /*#__PURE__*/React.createElement("span", null, localeOption$1('weekHeader', props.locale)));
       return [weekHeader].concat(_toConsumableArray(dayNames));
     }
 
@@ -9435,7 +9509,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   var monthPickerValues = function monthPickerValues() {
     var monthPickerValues = [];
-    var monthNamesShort = localeOption('monthNamesShort', props.locale);
+    var monthNamesShort = localeOption$1('monthNamesShort', props.locale);
 
     for (var i = 0; i <= 11; i++) {
       monthPickerValues.push(monthNamesShort[i]);
@@ -9859,89 +9933,89 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 Calendar.displayName = 'Calendar';
 Calendar.defaultProps = {
   __TYPE: 'Calendar',
-  id: null,
-  inputRef: null,
-  name: null,
-  value: null,
-  visible: false,
-  viewDate: null,
-  style: null,
+  appendTo: null,
+  ariaLabelledBy: null,
+  autoZIndex: true,
+  baseZIndex: 0,
   className: null,
+  clearButtonClassName: 'p-button-secondary',
+  dateFormat: null,
+  dateTemplate: null,
+  decadeTemplate: null,
+  disabled: false,
+  disabledDates: null,
+  disabledDays: null,
+  footerTemplate: null,
+  headerTemplate: null,
+  hideOnDateTimeSelect: false,
+  hourFormat: '24',
+  icon: 'pi pi-calendar',
+  iconPos: 'right',
+  id: null,
   inline: false,
-  selectionMode: 'single',
-  inputId: null,
-  inputStyle: null,
   inputClassName: null,
+  inputId: null,
   inputMode: 'none',
-  required: false,
-  readOnlyInput: false,
+  inputRef: null,
+  inputStyle: null,
   keepInvalid: false,
+  locale: null,
   mask: null,
-  disabled: false,
-  tabIndex: null,
+  maxDate: null,
+  maxDateCount: null,
+  minDate: null,
+  monthNavigator: false,
+  monthNavigatorTemplate: null,
+  name: null,
+  numberOfMonths: 1,
+  onBlur: null,
+  onChange: null,
+  onClearButtonClick: null,
+  onFocus: null,
+  onHide: null,
+  onInput: null,
+  onMonthChange: null,
+  onSelect: null,
+  onShow: null,
+  onTodayButtonClick: null,
+  onViewDateChange: null,
+  onVisibleChange: null,
+  panelClassName: null,
+  panelStyle: null,
   placeholder: null,
+  readOnlyInput: false,
+  required: false,
+  selectOtherMonths: false,
+  selectionMode: 'single',
+  shortYearCutoff: '+10',
+  showButtonBar: false,
   showIcon: false,
-  icon: 'pi pi-calendar',
-  iconPos: 'right',
+  showMillisec: false,
+  showMinMaxRange: false,
   showOnFocus: true,
-  numberOfMonths: 1,
-  view: 'date',
-  touchUI: false,
-  showTime: false,
-  timeOnly: false,
+  showOtherMonths: true,
   showSeconds: false,
-  showMillisec: false,
-  hourFormat: '24',
+  showTime: false,
+  showWeek: false,
   stepHour: 1,
+  stepMillisec: 1,
   stepMinute: 1,
   stepSecond: 1,
-  stepMillisec: 1,
-  shortYearCutoff: '+10',
-  hideOnDateTimeSelect: false,
-  showWeek: false,
-  locale: null,
-  dateFormat: null,
-  panelStyle: null,
-  panelClassName: null,
-  monthNavigator: false,
-  yearNavigator: false,
-  yearRange: null,
-  disabledDates: null,
-  disabledDays: null,
-  minDate: null,
-  maxDate: null,
-  maxDateCount: null,
-  showMinMaxRange: false,
-  showOtherMonths: true,
-  selectOtherMonths: false,
-  showButtonBar: false,
+  style: null,
+  tabIndex: null,
+  timeOnly: false,
   todayButtonClassName: 'p-button-secondary',
-  clearButtonClassName: 'p-button-secondary',
-  autoZIndex: true,
-  baseZIndex: 0,
-  appendTo: null,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
-  dateTemplate: null,
-  decadeTemplate: null,
-  headerTemplate: null,
-  footerTemplate: null,
-  monthNavigatorTemplate: null,
-  yearNavigatorTemplate: null,
+  touchUI: false,
   transitionOptions: null,
-  onVisibleChange: null,
-  onFocus: null,
-  onBlur: null,
-  onInput: null,
-  onSelect: null,
-  onChange: null,
-  onViewDateChange: null,
-  onTodayButtonClick: null,
-  onClearButtonClick: null,
-  onShow: null,
-  onHide: null,
-  onMonthChange: null
+  value: null,
+  view: 'date',
+  viewDate: null,
+  visible: false,
+  yearNavigator: false,
+  yearNavigatorTemplate: null,
+  yearRange: null
 };
 
 var Captcha = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -11207,7 +11281,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     var value = props.value ? getOptionLabel(props.value) : undefined;
     return /*#__PURE__*/React.createElement("div", {
       className: "p-hidden-accessible"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", _extends({
       ref: inputRef,
       type: "text",
       id: props.inputId,
@@ -11219,9 +11293,8 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       onBlur: onInputBlur,
       onKeyDown: onInputKeyDown,
       tabIndex: props.tabIndex,
-      "aria-haspopup": "listbox",
-      "aria-labelledby": props.ariaLabelledBy
-    }));
+      "aria-haspopup": "listbox"
+    }, ariaProps)));
   };
 
   var createLabel = function createLabel() {
@@ -11291,7 +11364,6 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   };
 
   var createElement = function createElement() {
-    var otherProps = ObjectUtils.findDiffKeys(props, CascadeSelect.defaultProps);
     var className = classNames('p-cascadeselect p-component p-inputwrapper', {
       'p-disabled': props.disabled,
       'p-focus': focusedState,
@@ -11312,6 +11384,9 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     }), keyboardHelper, labelElement, dropdownIcon, overlay);
   };
 
+  var otherProps = ObjectUtils.findDiffKeys(props, CascadeSelect.defaultProps);
+  ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var element = createElement();
   return element;
 }));
@@ -11536,6 +11611,8 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var checked = isChecked();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-checkbox p-component', {
     'p-checkbox-checked': checked,
     'p-checkbox-disabled': props.disabled,
@@ -11563,22 +11640,20 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onMouseDown: props.onMouseDown
   }), /*#__PURE__*/React.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", _extends({
     ref: inputRef,
     type: "checkbox",
     id: props.inputId,
     name: props.name,
     tabIndex: props.tabIndex,
     defaultChecked: checked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required
-  })), /*#__PURE__*/React.createElement("div", {
+  }, ariaProps, dataProps))), /*#__PURE__*/React.createElement("div", {
     className: boxClass
   }, icon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
@@ -11605,8 +11680,6 @@ Checkbox.defaultProps = {
   icon: 'pi pi-check',
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
   onChange: null,
   onMouseDown: null,
   onContextMenu: null
@@ -11946,7 +12019,7 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   var createInput = function createInput() {
     return /*#__PURE__*/React.createElement("li", {
       className: "p-chips-input-token"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", _extends({
       ref: inputRef,
       id: props.inputId,
       placeholder: props.placeholder,
@@ -11957,9 +12030,8 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       onPaste: onPaste,
       onFocus: onFocus,
       onBlur: onBlur,
-      "aria-labelledby": props.ariaLabelledBy,
       readOnly: props.readOnly
-    }));
+    }, ariaProps)));
   };
 
   var createItems = function createItems() {
@@ -11982,6 +12054,7 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
 
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, Chips.defaultProps);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-chips p-component p-inputwrapper', {
     'p-inputwrapper-filled': isFilled,
     'p-inputwrapper-focus': focusedState
@@ -12877,34 +12950,38 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onKeyDown = function onKeyDown(event) {
     var currentTarget = event.currentTarget;
 
-    if (currentTarget && currentTarget.primeDialogParams) {
-      var params = currentTarget.primeDialogParams;
-      var paramLength = params.length;
-      var dialogId = params[paramLength - 1] ? params[paramLength - 1].id : undefined;
+    if (!currentTarget || !currentTarget.primeDialogParams) {
+      return;
+    }
 
-      if (dialogId === idState && props.closeOnEscape) {
-        var dialog = document.getElementById(dialogId);
+    var params = currentTarget.primeDialogParams;
+    var paramLength = params.length;
+    var dialogId = params[paramLength - 1] ? params[paramLength - 1].id : undefined;
 
-        if (event.which === 27) {
-          onClose(event);
-          event.stopImmediatePropagation();
-          params.splice(paramLength - 1, 1);
-        } else if (event.which === 9) {
-          event.preventDefault();
-          var focusableElements = DomHandler.getFocusableElements(dialog);
+    if (dialogId !== idState) {
+      return;
+    }
 
-          if (focusableElements && focusableElements.length > 0) {
-            if (!document.activeElement) {
-              focusableElements[0].focus();
-            } else {
-              var focusedIndex = focusableElements.indexOf(document.activeElement);
+    var dialog = document.getElementById(dialogId);
 
-              if (event.shiftKey) {
-                if (focusedIndex === -1 || focusedIndex === 0) focusableElements[focusableElements.length - 1].focus();else focusableElements[focusedIndex - 1].focus();
-              } else {
-                if (focusedIndex === -1 || focusedIndex === focusableElements.length - 1) focusableElements[0].focus();else focusableElements[focusedIndex + 1].focus();
-              }
-            }
+    if (props.closable && props.closeOnEscape && event.key === 'Escape') {
+      onClose(event);
+      event.stopImmediatePropagation();
+      params.splice(paramLength - 1, 1);
+    } else if (event.key === 'Tab') {
+      event.preventDefault();
+      var focusableElements = DomHandler.getFocusableElements(dialog);
+
+      if (focusableElements && focusableElements.length > 0) {
+        if (!document.activeElement) {
+          focusableElements[0].focus();
+        } else {
+          var focusedIndex = focusableElements.indexOf(document.activeElement);
+
+          if (event.shiftKey) {
+            if (focusedIndex === -1 || focusedIndex === 0) focusableElements[focusableElements.length - 1].focus();else focusableElements[focusedIndex - 1].focus();
+          } else {
+            if (focusedIndex === -1 || focusedIndex === focusableElements.length - 1) focusableElements[0].focus();else focusableElements[focusedIndex + 1].focus();
           }
         }
       }
@@ -13110,14 +13187,12 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
       bindDocumentResizeEndListener();
     }
 
-    if (props.closable) {
-      bindDocumentKeyDownListener();
-      var newParam = {
-        id: idState,
-        hasBlockScroll: props.blockScroll
-      };
-      document.primeDialogParams = document.primeDialogParams ? [].concat(_toConsumableArray(document.primeDialogParams), [newParam]) : [newParam];
-    }
+    bindDocumentKeyDownListener();
+    var newParam = {
+      id: idState,
+      hasBlockScroll: props.blockScroll
+    };
+    document.primeDialogParams = document.primeDialogParams ? [].concat(_toConsumableArray(document.primeDialogParams), [newParam]) : [newParam];
   };
 
   var unbindGlobalListeners = function unbindGlobalListeners() {
@@ -13220,14 +13295,16 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var createCloseIcon = function createCloseIcon() {
     if (props.closable) {
+      var ariaLabel = props.ariaCloseIconLabel || localeOption$1('close');
       return /*#__PURE__*/React.createElement("button", {
         ref: closeRef,
         type: "button",
         className: "p-dialog-header-icon p-dialog-header-close p-link",
-        "aria-label": props.ariaCloseIconLabel,
+        "aria-label": ariaLabel,
         onClick: onClose
       }, /*#__PURE__*/React.createElement("span", {
-        className: "p-dialog-header-close-icon pi pi-times"
+        className: "p-dialog-header-close-icon pi pi-times",
+        "aria-hidden": "true"
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
 
@@ -13404,7 +13481,7 @@ Dialog.defaultProps = {
   maximizable: false,
   blockScroll: false,
   icons: null,
-  ariaCloseIconLabel: 'Close',
+  ariaCloseIconLabel: null,
   focusOnShow: true,
   minX: 0,
   minY: 0,
@@ -13480,8 +13557,8 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     return ObjectUtils.getPropValue(getPropValue(key), param);
   };
 
-  var acceptLabel = getPropValue('acceptLabel') || localeOption('accept');
-  var rejectLabel = getPropValue('rejectLabel') || localeOption('reject');
+  var acceptLabel = getPropValue('acceptLabel') || localeOption$1('accept');
+  var rejectLabel = getPropValue('rejectLabel') || localeOption$1('reject');
 
   var accept = function accept() {
     callbackFromProp('accept');
@@ -13691,8 +13768,8 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     return ObjectUtils.getPropValue(getPropValue(key), param);
   };
 
-  var acceptLabel = getPropValue('acceptLabel') || localeOption('accept');
-  var rejectLabel = getPropValue('rejectLabel') || localeOption('reject');
+  var acceptLabel = getPropValue('acceptLabel') || localeOption$1('accept');
+  var rejectLabel = getPropValue('rejectLabel') || localeOption$1('reject');
 
   var _useOverlayListener = useOverlayListener({
     target: getPropValue('target'),
@@ -14553,7 +14630,7 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   var createEmptyMessage = function createEmptyMessage() {
-    var content = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption('emptyMessage');
+    var content = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption$1('emptyMessage');
     return /*#__PURE__*/React.createElement("li", null, content);
   };
 
@@ -15657,7 +15734,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var createInputElement = function createInputElement() {
     var className = classNames('p-inputnumber-input', props.inputClassName);
     var valueToRender = formattedValue(props.value);
-    return /*#__PURE__*/React.createElement(InputText, {
+    return /*#__PURE__*/React.createElement(InputText, _extends({
       ref: inputRef,
       id: props.inputId,
       style: props.inputStyle,
@@ -15687,9 +15764,8 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       max: props.max,
       "aria-valuemin": props.min,
       "aria-valuemax": props.max,
-      "aria-valuenow": props.value,
-      "aria-labelledby": props.ariaLabelledBy
-    });
+      "aria-valuenow": props.value
+    }, ariaProps, dataProps));
   };
 
   var createUpButton = function createUpButton() {
@@ -15751,6 +15827,8 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
 
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, InputNumber.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-inputnumber p-component p-inputwrapper', {
     'p-inputwrapper-filled': props.value != null && props.value.toString().length > 0,
     'p-inputwrapper-focus': focusedState,
@@ -15773,54 +15851,54 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
 InputNumber.displayName = 'InputNumber';
 InputNumber.defaultProps = {
   __TYPE: 'InputNumber',
-  value: null,
-  inputRef: null,
-  format: true,
-  showButtons: false,
+  allowEmpty: true,
+  ariaLabelledBy: null,
+  autoFocus: false,
   buttonLayout: 'stacked',
-  incrementButtonClassName: null,
+  className: null,
+  currency: undefined,
+  currencyDisplay: undefined,
   decrementButtonClassName: null,
-  incrementButtonIcon: 'pi pi-angle-up',
   decrementButtonIcon: 'pi pi-angle-down',
+  disabled: false,
+  format: true,
+  id: null,
+  incrementButtonClassName: null,
+  incrementButtonIcon: 'pi pi-angle-up',
+  inputClassName: null,
+  inputId: null,
+  inputMode: null,
+  inputRef: null,
+  inputStyle: null,
   locale: undefined,
   localeMatcher: undefined,
-  mode: 'decimal',
-  suffix: null,
-  prefix: null,
-  currency: undefined,
-  currencyDisplay: undefined,
-  useGrouping: true,
-  minFractionDigits: undefined,
+  max: null,
   maxFractionDigits: undefined,
-  id: null,
-  name: null,
-  type: 'text',
-  allowEmpty: true,
-  step: 1,
   min: null,
-  max: null,
-  disabled: false,
-  required: false,
-  tabIndex: null,
+  minFractionDigits: undefined,
+  mode: 'decimal',
+  name: null,
+  onBlur: null,
+  onChange: null,
+  onFocus: null,
+  onKeyDown: null,
+  onValueChange: null,
   pattern: null,
-  inputMode: null,
   placeholder: null,
+  prefix: null,
   readOnly: false,
+  required: false,
+  showButtons: false,
   size: null,
+  step: 1,
   style: null,
-  className: null,
-  inputId: null,
-  autoFocus: false,
-  inputStyle: null,
-  inputClassName: null,
+  suffix: null,
+  tabIndex: null,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
-  onValueChange: null,
-  onChange: null,
-  onBlur: null,
-  onFocus: null,
-  onKeyDown: null
+  type: 'text',
+  useGrouping: true,
+  value: null
 };
 
 var JumpToPageInput = /*#__PURE__*/React.memo(function (props) {
@@ -16134,7 +16212,7 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   };
 
   var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
-    var message = ObjectUtils.getJSXElement(emptyMessage, props) || localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
+    var message = ObjectUtils.getJSXElement(emptyMessage, props) || localeOption$1(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
     return /*#__PURE__*/React.createElement("li", {
       className: "p-dropdown-empty-message"
     }, message);
@@ -16185,8 +16263,10 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
 
   var createFilterClearIcon = function createFilterClearIcon() {
     if (props.showFilterClear && props.filterValue) {
+      var ariaLabel = localeOption$1('clear');
       return /*#__PURE__*/React.createElement("i", {
         className: "p-dropdown-filter-clear-icon pi pi-times",
+        "aria-label": ariaLabel,
         onClick: function onClick() {
           return props.onFilterClearIconClick(function () {
             return DomHandler.focus(filterInputRef.current);
@@ -16999,14 +17079,14 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     return /*#__PURE__*/React.createElement("div", {
       className: "p-hidden-accessible p-dropdown-hidden-select"
-    }, /*#__PURE__*/React.createElement("select", {
+    }, /*#__PURE__*/React.createElement("select", _extends({
       ref: inputRef,
       required: props.required,
       defaultValue: option.value,
       name: props.name,
       tabIndex: -1,
       "aria-hidden": "true"
-    }, /*#__PURE__*/React.createElement("option", {
+    }, dataProps), /*#__PURE__*/React.createElement("option", {
       value: option.value
     }, option.label)));
   };
@@ -17014,7 +17094,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var createKeyboardHelper = function createKeyboardHelper() {
     return /*#__PURE__*/React.createElement("div", {
       className: "p-hidden-accessible"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", _extends({
       ref: focusInputRef,
       id: props.inputId,
       type: "text",
@@ -17024,10 +17104,8 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       onBlur: onInputBlur,
       onKeyDown: onInputKeyDown,
       disabled: props.disabled,
-      tabIndex: props.tabIndex,
-      "aria-label": props.ariaLabel,
-      "aria-labelledby": props.ariaLabelledBy
-    }));
+      tabIndex: props.tabIndex
+    }, ariaProps)));
   };
 
   var createLabel = function createLabel() {
@@ -17035,7 +17113,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     if (props.editable) {
       var value = label || props.value || '';
-      return /*#__PURE__*/React.createElement("input", {
+      return /*#__PURE__*/React.createElement("input", _extends({
         ref: inputRef,
         type: "text",
         defaultValue: value,
@@ -17046,10 +17124,8 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         onInput: onEditableInputChange,
         onFocus: onEditableInputFocus,
         onBlur: onInputBlur,
-        "aria-label": props.ariaLabel,
-        "aria-labelledby": props.ariaLabelledBy,
         "aria-haspopup": "listbox"
-      });
+      }, ariaProps));
     } else {
       var _className = classNames('p-dropdown-label p-inputtext', {
         'p-placeholder': label === null && props.placeholder,
@@ -17077,11 +17153,13 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   var createDropdownIcon = function createDropdownIcon() {
     var iconClassName = classNames('p-dropdown-trigger-icon p-clickable', props.dropdownIcon);
+    var ariaLabel = props.placeholder || props.ariaLabel;
     return /*#__PURE__*/React.createElement("div", {
       className: "p-dropdown-trigger",
       role: "button",
       "aria-haspopup": "listbox",
-      "aria-expanded": overlayVisibleState
+      "aria-expanded": overlayVisibleState,
+      "aria-label": ariaLabel
     }, /*#__PURE__*/React.createElement("span", {
       className: iconClassName
     }));
@@ -17091,6 +17169,8 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var selectedOption = getSelectedOption();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, Dropdown.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-dropdown p-component p-inputwrapper', {
     'p-disabled': props.disabled,
     'p-focus': focusedState,
@@ -17146,62 +17226,62 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 Dropdown.displayName = 'Dropdown';
 Dropdown.defaultProps = {
   __TYPE: 'Dropdown',
+  appendTo: null,
+  ariaLabel: null,
+  ariaLabelledBy: null,
+  autoFocus: false,
+  className: null,
+  dataKey: null,
+  disabled: false,
+  dropdownIcon: 'pi pi-chevron-down',
+  editable: false,
+  emptyFilterMessage: null,
+  emptyMessage: null,
+  filter: false,
+  filterBy: null,
+  filterInputAutoFocus: true,
+  filterLocale: undefined,
+  filterMatchMode: 'contains',
+  filterPlaceholder: null,
+  filterTemplate: null,
   id: null,
+  inputId: null,
   inputRef: null,
+  itemTemplate: null,
+  maxLength: null,
   name: null,
-  value: null,
-  options: null,
-  optionLabel: null,
-  optionValue: null,
+  onBlur: null,
+  onChange: null,
+  onContextMenu: null,
+  onFilter: null,
+  onFocus: null,
+  onHide: null,
+  onMouseDown: null,
+  onShow: null,
   optionDisabled: null,
-  optionGroupLabel: null,
   optionGroupChildren: null,
+  optionGroupLabel: null,
   optionGroupTemplate: null,
-  filterTemplate: null,
-  valueTemplate: null,
-  itemTemplate: null,
-  style: null,
-  className: null,
-  virtualScrollerOptions: null,
-  scrollHeight: '200px',
-  filter: false,
-  filterBy: null,
-  filterMatchMode: 'contains',
-  filterPlaceholder: null,
-  filterLocale: undefined,
-  emptyMessage: null,
-  emptyFilterMessage: null,
-  editable: false,
+  optionLabel: null,
+  optionValue: null,
+  options: null,
+  panelClassName: null,
+  panelStyle: null,
   placeholder: null,
   required: false,
-  disabled: false,
-  appendTo: null,
-  tabIndex: null,
-  autoFocus: false,
-  filterInputAutoFocus: true,
   resetFilterOnHide: false,
-  showFilterClear: false,
-  panelClassName: null,
-  panelStyle: null,
-  dataKey: null,
-  inputId: null,
+  scrollHeight: '200px',
   showClear: false,
-  maxLength: null,
+  showFilterClear: false,
+  showOnFocus: false,
+  style: null,
+  tabIndex: null,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabel: null,
-  ariaLabelledBy: null,
   transitionOptions: null,
-  dropdownIcon: 'pi pi-chevron-down',
-  showOnFocus: false,
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  onMouseDown: null,
-  onContextMenu: null,
-  onShow: null,
-  onHide: null,
-  onFilter: null
+  value: null,
+  valueTemplate: null,
+  virtualScrollerOptions: null
 };
 
 var RowsPerPageDropdown = /*#__PURE__*/React.memo(function (props) {
@@ -17212,12 +17292,15 @@ var RowsPerPageDropdown = /*#__PURE__*/React.memo(function (props) {
       value: opt
     };
   }) : [];
+  var ariaLabel = localeOption$1('choose');
   var element = hasOptions ? /*#__PURE__*/React.createElement(Dropdown, {
     value: props.value,
     options: options,
     onChange: props.onChange,
     appendTo: props.appendTo,
-    disabled: props.disabled
+    disabled: props.disabled,
+    placeholder: ariaLabel,
+    ariaLabel: ariaLabel
   }) : null;
 
   if (props.template) {
@@ -17604,7 +17687,8 @@ var RowCheckbox = /*#__PURE__*/React.memo(function (props) {
     tabIndex: tabIndex,
     onKeyDown: onKeyDown,
     onFocus: onFocus,
-    onBlur: onBlur
+    onBlur: onBlur,
+    "aria-label": props.ariaLabel
   }, /*#__PURE__*/React.createElement("span", {
     className: iconClassName
   })));
@@ -17666,7 +17750,8 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
     onFocus: onFocus,
     onBlur: onBlur,
     onChange: onChange,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    "aria-label": props.ariaLabel
   })), /*#__PURE__*/React.createElement("div", {
     className: boxClassName,
     onClick: onClick,
@@ -18237,15 +18322,25 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         rowIndex: props.rowIndex,
         props: props.tableProps
       }) : true;
+      var label;
+
+      if (showSelection) {
+        var ariaLabelField = props.selectionAriaLabel || props.tableProps.dataKey;
+        var ariaLabelText = ObjectUtils.resolveFieldData(props.rowData, ariaLabelField);
+        label = "".concat(props.selected ? ariaLabel('unselectLabel') : ariaLabel('selectLabel'), " ").concat(ariaLabelText);
+      }
+
       content = showSelection && /*#__PURE__*/React.createElement(React.Fragment, null, selectionMode === 'single' && /*#__PURE__*/React.createElement(RowRadioButton, {
         checked: props.selected,
         onChange: onRadioChange,
         tabIndex: props.tabIndex,
-        tableSelector: props.tableSelector
+        tableSelector: props.tableSelector,
+        ariaLabel: label
       }), selectionMode === 'multiple' && /*#__PURE__*/React.createElement(RowCheckbox, {
         checked: props.selected,
         onChange: onCheckboxChange,
-        tabIndex: props.tabIndex
+        tabIndex: props.tabIndex,
+        ariaLabel: label
       }));
     } else if (rowReorder) {
       var showReorder = props.showRowReorderElement ? props.showRowReorderElement(props.rowData, {
@@ -18258,6 +18353,13 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     } else if (expander) {
       var iconClassName = classNames('p-row-toggler-icon', props.expanded ? props.expandedRowIcon : props.collapsedRowIcon);
       var ariaControls = "".concat(props.tableSelector, "_content_").concat(props.rowIndex, "_expanded");
+
+      var _ariaLabelField = props.selectionAriaLabel || props.tableProps.dataKey;
+
+      var _ariaLabelText = ObjectUtils.resolveFieldData(props.rowData, _ariaLabelField);
+
+      var _label = "".concat(props.expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel'), " ").concat(_ariaLabelText);
+
       var expanderProps = {
         onClick: onRowToggle,
         className: 'p-row-toggler p-link',
@@ -18269,9 +18371,11 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         type: "button",
         "aria-expanded": props.expanded,
         "aria-controls": ariaControls,
-        tabIndex: props.tabIndex
+        tabIndex: props.tabIndex,
+        "aria-label": _label
       }, /*#__PURE__*/React.createElement("span", {
-        className: expanderProps.iconClassName
+        className: expanderProps.iconClassName,
+        "aria-hidden": "true"
       }), /*#__PURE__*/React.createElement(Ripple, null));
 
       if (body) {
@@ -18344,7 +18448,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
           rowEditor: rowEditorProps
         });
       }
-    } else if (body && !editingState) {
+    } else if (body && (!editingState || !editor)) {
       content = body ? ObjectUtils.getJSXElement(body, props.rowData, {
         column: props.column,
         field: field,
@@ -18751,6 +18855,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
           onEditingMetaChange: props.onEditingMetaChange,
           onRowToggle: props.onRowToggle,
           selection: props.selection,
+          selectionAriaLabel: props.tableProps.selectionAriaLabel,
           allowCellSelection: props.allowCellSelection,
           compareSelectionBy: props.compareSelectionBy,
           selectOnEdit: props.selectOnEdit,
@@ -18825,13 +18930,16 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
   };
 
   var iconClassName = classNames('p-row-toggler-icon', props.expanded ? props.expandedRowIcon : props.collapsedRowIcon);
+  var label = props.expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
   return /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: onClick,
     className: "p-row-toggler p-link",
-    tabIndex: props.tabIndex
+    tabIndex: props.tabIndex,
+    "aria-label": label
   }, /*#__PURE__*/React.createElement("span", {
-    className: iconClassName
+    className: iconClassName,
+    "aria-hidden": "true"
   }), /*#__PURE__*/React.createElement(Ripple, null));
 });
 RowTogglerButton.displayName = 'RowTogglerButton';
@@ -19730,7 +19838,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       var _content = ObjectUtils.getJSXElement(props.emptyMessage, {
         props: props.tableProps,
         frozen: props.frozenRow
-      }) || localeOption('emptyMessage');
+      }) || localeOption$1('emptyMessage');
 
       return /*#__PURE__*/React.createElement("tr", {
         className: "p-datatable-emptymessage",
@@ -19849,19 +19957,27 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var createExpansion = function createExpansion(rowData, index, expanded, colSpan) {
     if (expanded && !(isSubheaderGrouping && props.expandableRowGroups)) {
-      var _content3 = ObjectUtils.getJSXElement(props.rowExpansionTemplate, rowData, {
-        index: index
-      });
-
       var id = "".concat(props.tableSelector, "_content_").concat(index, "_expanded");
+      var options = {
+        index: index,
+        customRendering: false
+      };
+
+      var _content3 = ObjectUtils.getJSXElement(props.rowExpansionTemplate, rowData, options); // check if the user wants complete control of the rendering
+
+
+      if (!options.customRendering) {
+        _content3 = /*#__PURE__*/React.createElement("td", {
+          role: "cell",
+          colSpan: colSpan
+        }, _content3);
+      }
+
       return /*#__PURE__*/React.createElement("tr", {
         id: id,
         className: "p-datatable-row-expansion",
         role: "row"
-      }, /*#__PURE__*/React.createElement("td", {
-        role: "cell",
-        colSpan: colSpan
-      }, _content3));
+      }, _content3);
     }
 
     return null;
@@ -20103,7 +20219,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   var matchModes = function matchModes() {
     return getColumnProp('filterMatchModeOptions') || PrimeReact.filterMatchModeOptions[findDataType()].map(function (key) {
       return {
-        label: localeOption(key),
+        label: localeOption$1(key),
         value: key
       };
     });
@@ -20449,32 +20565,36 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
 
   var operatorOptions = function operatorOptions() {
     return [{
-      label: localeOption('matchAll'),
+      label: localeOption$1('matchAll'),
       value: FilterOperator.AND
     }, {
-      label: localeOption('matchAny'),
+      label: localeOption$1('matchAny'),
       value: FilterOperator.OR
     }];
   };
 
+  var filterLabel = function filterLabel() {
+    return localeOption$1('filter');
+  };
+
   var noFilterLabel = function noFilterLabel() {
-    return localeOption('noFilter');
+    return localeOption$1('noFilter');
   };
 
   var removeRuleButtonLabel = function removeRuleButtonLabel() {
-    return localeOption('removeRule');
+    return localeOption$1('removeRule');
   };
 
   var addRuleButtonLabel = function addRuleButtonLabel() {
-    return localeOption('addRule');
+    return localeOption$1('addRule');
   };
 
   var clearButtonLabel = function clearButtonLabel() {
-    return localeOption('clear');
+    return localeOption$1('clear');
   };
 
   var applyButtonLabel = function applyButtonLabel() {
-    return localeOption('apply');
+    return localeOption$1('apply');
   };
 
   var filterCallback = function filterCallback(value) {
@@ -20556,6 +20676,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
         'p-column-filter-menu-button-active': hasFilter()
       });
 
+      var label = filterLabel();
       return /*#__PURE__*/React.createElement("button", {
         ref: iconRef,
         type: "button",
@@ -20563,10 +20684,12 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
         "aria-haspopup": true,
         "aria-expanded": overlayVisibleState,
         onClick: toggleMenu,
-        onKeyDown: onToggleButtonKeyDown
+        onKeyDown: onToggleButtonKeyDown,
+        "aria-label": label
       }, /*#__PURE__*/React.createElement("span", {
-        className: "pi pi-filter-icon pi-filter"
-      }));
+        className: "pi pi-filter-icon pi-filter",
+        "aria-hidden": "true"
+      }), /*#__PURE__*/React.createElement(Ripple, null));
     }
 
     return null;
@@ -20578,13 +20701,16 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
         'p-hidden-space': !hasRowFilter()
       });
 
+      var clearLabel = clearButtonLabel();
       return /*#__PURE__*/React.createElement("button", {
         className: _className2,
         type: "button",
-        onClick: clearFilter
+        onClick: clearFilter,
+        "aria-label": clearLabel
       }, /*#__PURE__*/React.createElement("span", {
-        className: "pi pi-filter-slash"
-      }));
+        className: "pi pi-filter-slash",
+        "aria-hidden": "true"
+      }), /*#__PURE__*/React.createElement(Ripple, null));
     }
 
     return null;
@@ -22278,7 +22404,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var eventMeta;
     columnSortable.current = column.props.sortable;
     columnSortFunction.current = column.props.sortFunction;
-    columnField.current = column.props.sortField;
+    columnField.current = sortField;
 
     if (props.sortMode === 'multiple') {
       var metaKey = event.metaKey || event.ctrlKey;
@@ -22381,7 +22507,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     if (columnSortable.current && columnSortFunction.current) {
       value = columnSortFunction.current({
-        rowData: value,
+        data: data,
         field: field,
         order: order
       });
@@ -22420,11 +22546,12 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return meta.field === columnField.current;
       });
       var field = columnField.current;
-      var order = meta ? meta.order : defaultSortOrder;
+      var order = meta ? meta.order : props.defaultSortOrder;
       value = columnSortFunction.current({
-        rowData: value,
+        data: data,
         field: field,
-        order: order
+        order: order,
+        multiSortMeta: multiSortMeta
       });
     } else {
       value.sort(function (data1, data2) {
@@ -22437,9 +22564,9 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var multisortField = function multisortField(data1, data2, multiSortMeta, index) {
     var value1 = ObjectUtils.resolveFieldData(data1, multiSortMeta[index].field);
-    var value2 = ObjectUtils.resolveFieldData(data2, multiSortMeta[index].field);
+    var value2 = ObjectUtils.resolveFieldData(data2, multiSortMeta[index].field); // check if they are equal handling dates and locales
 
-    if (value1 === value2) {
+    if (ObjectUtils.compare(value1, value2, PrimeReact.locale) === 0) {
       return multiSortMeta.length - 1 > index ? multisortField(data1, data2, multiSortMeta, index + 1) : 0;
     }
 
@@ -23307,6 +23434,7 @@ DataTable.defaultProps = {
   dragSelection: false,
   cellSelection: false,
   selection: null,
+  selectionAriaLabel: null,
   onSelectionChange: null,
   contextMenuSelection: null,
   onContextMenuSelectionChange: null,
@@ -23544,7 +23672,7 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   var createEmptyMessage = function createEmptyMessage() {
     if (!props.loading) {
-      var _content = props.emptyMessage || localeOption('emptyMessage');
+      var _content = props.emptyMessage || localeOption$1('emptyMessage');
 
       return /*#__PURE__*/React.createElement("div", {
         className: "p-col-12 col-12 p-dataview-emptymessage"
@@ -24426,12 +24554,15 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
+      var ariaLabel = localeOption$1('close');
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: "p-message-close p-link",
+        "aria-label": ariaLabel,
         onClick: onClose
       }, /*#__PURE__*/React.createElement("i", {
-        className: "p-message-close-icon pi pi-times"
+        className: "p-message-close-icon pi pi-times",
+        "aria-hidden": "true"
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
 
@@ -24490,7 +24621,7 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   var show = function show(value) {
     if (value) {
-      var messages;
+      var messages = assignIdentifiers(value, true);
 
       if (Array.isArray(value)) {
         for (var i = 0; i < value.length; i++) {
@@ -24506,12 +24637,38 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
 
+  var assignIdentifiers = function assignIdentifiers(value, copy) {
+    var messages;
+
+    if (Array.isArray(value)) {
+      for (var i = 0; i < value.length; i++) {
+        value[i].id = messageIdx$1++;
+
+        if (copy) {
+          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
+        } else {
+          messages = value;
+        }
+      }
+    } else {
+      value.id = messageIdx$1++;
+
+      if (copy) {
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+      } else {
+        messages = [value];
+      }
+    }
+
+    return messages;
+  };
+
   var clear = function clear() {
     setMessagesState([]);
   };
 
   var replace = function replace(value) {
-    var replaced = Array.isArray(value) ? value : [value];
+    var replaced = assignIdentifiers(value, false);
     setMessagesState(replaced);
   };
 
@@ -24683,9 +24840,9 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var uploadedFileCount = React.useRef(0);
   var hasFiles = ObjectUtils.isNotEmpty(filesState);
   var disabled = props.disabled || uploadingState;
-  var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || localeOption('choose');
-  var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || localeOption('upload');
-  var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || localeOption('cancel');
+  var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || localeOption$1('choose');
+  var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || localeOption$1('upload');
+  var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || localeOption$1('cancel');
   var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
   var uploadDisabled = disabled || !hasFiles;
   var cancelDisabled = disabled || !hasFiles;
@@ -25325,91 +25482,6 @@ FileUpload.defaultProps = {
   onRemove: null
 };
 
-var FullCalendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var elementRef = React.useRef(null);
-  var config = React.useRef({});
-  var calendar = React.useRef(null);
-  var prevEvents = usePrevious(props.events);
-  var prevOptions = usePrevious(props.options);
-
-  var initialize = function initialize() {
-    import('@fullcalendar/core').then(function (module) {
-      if (module && module.Calendar) {
-        calendar.current = new module.Calendar(elementRef.current, config.current);
-        calendar.current.render();
-
-        if (props.events) {
-          calendar.current.removeAllEventSources();
-          calendar.current.addEventSource(props.events);
-        }
-      }
-    });
-  };
-
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      getElement: function getElement() {
-        return elementRef.current;
-      }
-    };
-  });
-  useMountEffect(function () {
-    // eslint-disable-next-line no-console
-    console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");
-    config.current = {
-      theme: true
-    };
-
-    if (props.options) {
-      for (var prop in props.options) {
-        config.current[prop] = props.options[prop];
-      }
-    }
-
-    initialize();
-  });
-  useUpdateEffect(function () {
-    if (!calendar.current) {
-      initialize();
-    } else {
-      if (!ObjectUtils.equals(prevEvents, props.events)) {
-        calendar.current.removeAllEventSources();
-        calendar.addEventSource(props.events);
-      }
-
-      if (!ObjectUtils.equals(prevOptions, props.options)) {
-        for (var prop in props.options) {
-          var optionValue = props.options[prop];
-          config.current[prop] = optionValue;
-          calendar.current.setOption(prop, optionValue);
-        }
-      }
-    }
-  });
-  useUnmountEffect(function () {
-    if (calendar.current) {
-      calendar.current.destroy();
-    }
-  });
-  var otherProps = ObjectUtils.findDiffKeys(props, FullCalendar.defaultProps);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: elementRef,
-    id: props.id,
-    style: props.style,
-    className: props.className
-  }, otherProps));
-}));
-FullCalendar.displayName = 'FullCalendar';
-FullCalendar.defaultProps = {
-  __TYPE: 'FullCalendar',
-  id: null,
-  events: [],
-  style: null,
-  className: null,
-  options: null
-};
-
 var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var next = function next() {
     var nextItemIndex = props.activeItemIndex + 1;
@@ -26135,9 +26207,11 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var closeIcon = props.fullScreen && /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "p-galleria-close p-link",
+      "aria-label": localeOption('close'),
       onClick: hide
     }, /*#__PURE__*/React.createElement("span", {
-      className: "p-galleria-close-icon pi pi-times"
+      className: "p-galleria-close-icon pi pi-times",
+      "aria-hidden": "true"
     }), /*#__PURE__*/React.createElement(Ripple, null));
     var header = createHeader();
     var footer = createFooter();
@@ -26585,7 +26659,8 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       className: "pi pi-search-plus"
     })), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
-      type: "button"
+      type: "button",
+      "aria-label": localeOption$1('close')
     }, /*#__PURE__*/React.createElement("i", {
       className: "pi pi-times"
     }))), /*#__PURE__*/React.createElement(CSSTransition, {
@@ -26752,7 +26827,8 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (props, ref) {
         type: "button",
         className: "p-inplace-content-close",
         icon: "pi pi-times",
-        onClick: close
+        onClick: close,
+        "aria-label": localeOption$1('close')
       });
     }
 
@@ -27485,6 +27561,8 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   }, [inputRef, props.inputRef]);
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, InputSwitch.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-inputswitch p-component', {
     'p-inputswitch-checked': checked,
     'p-disabled': props.disabled,
@@ -27501,7 +27579,7 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     "aria-checked": checked
   }), /*#__PURE__*/React.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", _extends({
     ref: inputRef,
     type: "checkbox",
     id: props.inputId,
@@ -27513,10 +27591,8 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     disabled: props.disabled,
     role: "switch",
     tabIndex: props.tabIndex,
-    "aria-checked": checked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label']
-  })), /*#__PURE__*/React.createElement("span", {
+    "aria-checked": checked
+  }, ariaProps, dataProps))), /*#__PURE__*/React.createElement("span", {
     className: "p-inputswitch-slider"
   })), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
@@ -27526,24 +27602,22 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
 InputSwitch.displayName = 'InputSwitch';
 InputSwitch.defaultProps = {
   __TYPE: 'InputSwitch',
-  id: null,
-  inputRef: null,
-  style: null,
+  checked: false,
   className: null,
+  disabled: false,
+  falseValue: false,
+  id: null,
   inputId: null,
+  inputRef: null,
   name: null,
+  onBlur: null,
+  onChange: null,
+  onFocus: null,
+  style: null,
   tabIndex: null,
-  checked: false,
-  trueValue: true,
-  falseValue: false,
-  disabled: false,
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
-  onChange: null,
-  onFocus: null,
-  onBlur: null
+  trueValue: true
 };
 
 var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -28399,14 +28473,12 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
         },
         contentTemplate: function contentTemplate(option) {
           var className = classNames('p-listbox-list', option.className);
-          return /*#__PURE__*/React.createElement("ul", {
+          return /*#__PURE__*/React.createElement("ul", _extends({
             ref: option.contentRef,
             className: className,
             role: "listbox",
-            "aria-multiselectable": props.multiple,
-            "aria-labelledby": props['aria-labelledby'],
-            "aria-label": props['aria-label']
-          }, option.children);
+            "aria-multiselectable": props.multiple
+          }, ariaProps), option.children);
         }
       });
 
@@ -28415,19 +28487,18 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       }, virtualScrollerProps));
     } else {
       var items = createItems();
-      return /*#__PURE__*/React.createElement("ul", {
+      return /*#__PURE__*/React.createElement("ul", _extends({
         className: "p-listbox-list",
         role: "listbox",
-        "aria-multiselectable": props.multiple,
-        "aria-labelledby": props['aria-labelledby'],
-        "aria-label": props['aria-label']
-      }, items);
+        "aria-multiselectable": props.multiple
+      }, ariaProps), items);
     }
   };
 
   var visibleOptions = getVisibleOptions();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, ListBox.defaultProps);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-listbox p-component', {
     'p-disabled': props.disabled
   }, props.className);
@@ -28480,8 +28551,6 @@ ListBox.defaultProps = {
   tabIndex: 0,
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
   onChange: null,
   onFilterValueChange: null
 };
@@ -29362,8 +29431,6 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   }, /*#__PURE__*/React.createElement(InputTextarea, _extends({
     ref: inputRef,
     id: props.inputId,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label'],
     className: inputClassName,
     style: props.inputStyle
   }, inputProps, {
@@ -29378,35 +29445,33 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
 Mention.displayName = 'Mention';
 Mention.defaultProps = {
   __TYPE: 'Mention',
+  autoHighlight: true,
+  className: null,
+  delay: 0,
+  field: null,
+  footerTemplate: null,
+  headerTemplate: null,
   id: null,
+  inputClassName: null,
   inputId: null,
   inputRef: null,
-  style: null,
-  className: null,
-  trigger: '@',
-  suggestions: null,
-  field: null,
   inputStyle: null,
-  inputClassName: null,
+  itemTemplate: null,
   panelClassName: null,
   panelStyle: null,
   scrollHeight: '200px',
-  autoHighlight: true,
-  delay: 0,
-  headerTemplate: null,
-  footerTemplate: null,
-  itemTemplate: null,
-  'aria-label': null,
-  'aria-labelledby': null,
+  style: null,
+  suggestions: null,
   transitionOptions: null,
+  trigger: '@',
+  onBlur: null,
   onChange: null,
+  onFocus: null,
+  onHide: null,
   onInput: null,
   onSearch: null,
   onSelect: null,
-  onFocus: null,
-  onBlur: null,
-  onShow: null,
-  onHide: null
+  onShow: null
 };
 
 var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -30252,9 +30317,11 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
   var closeElement = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "p-multiselect-close p-link",
+    "aria-label": localeOption$1('close'),
     onClick: props.onClose
   }, /*#__PURE__*/React.createElement("span", {
-    className: "p-multiselect-close-icon pi pi-times"
+    className: "p-multiselect-close-icon pi pi-times",
+    "aria-hidden": "true"
   }), /*#__PURE__*/React.createElement(Ripple, null));
   var element = /*#__PURE__*/React.createElement("div", {
     className: "p-multiselect-header"
@@ -30414,7 +30481,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
   };
 
   var createEmptyFilter = function createEmptyFilter() {
-    var emptyFilterMessage = ObjectUtils.getJSXElement(props.emptyFilterMessage, props) || localeOption('emptyFilterMessage');
+    var emptyFilterMessage = ObjectUtils.getJSXElement(props.emptyFilterMessage, props) || localeOption$1('emptyFilterMessage');
     return /*#__PURE__*/React.createElement("li", {
       className: "p-multiselect-empty-message"
     }, emptyFilterMessage);
@@ -31195,6 +31262,8 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var visibleOptions = getVisibleOptions();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, MultiSelect.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-multiselect p-component p-inputwrapper', {
     'p-multiselect-chip': props.display === 'chip',
     'p-disabled': props.disabled,
@@ -31214,7 +31283,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onClick: onClick
   }), /*#__PURE__*/React.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", _extends({
     ref: inputRef,
     id: props.inputId,
     name: props.name,
@@ -31224,11 +31293,10 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     role: "listbox",
-    "aria-labelledby": props.ariaLabelledBy,
     "aria-expanded": overlayVisibleState,
     disabled: props.disabled,
     tabIndex: props.tabIndex
-  })), label, clearIcon, /*#__PURE__*/React.createElement("div", {
+  }, ariaProps, dataProps))), label, clearIcon, /*#__PURE__*/React.createElement("div", {
     className: "p-multiselect-trigger"
   }, IconUtils.getJSXIcon(props.dropdownIcon, {
     className: 'p-multiselect-trigger-icon p-c'
@@ -31271,62 +31339,62 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
 MultiSelect.displayName = 'MultiSelect';
 MultiSelect.defaultProps = {
   __TYPE: 'MultiSelect',
+  appendTo: null,
+  ariaLabelledBy: null,
+  className: null,
+  dataKey: null,
+  disabled: false,
+  display: 'comma',
+  dropdownIcon: 'pi pi-chevron-down',
+  emptyFilterMessage: null,
+  filter: false,
+  filterBy: null,
+  filterLocale: undefined,
+  filterMatchMode: 'contains',
+  filterPlaceholder: null,
+  filterTemplate: null,
+  fixedPlaceholder: false,
   id: null,
+  inputId: null,
   inputRef: null,
+  itemTemplate: null,
+  maxSelectedLabels: null,
   name: null,
-  value: null,
-  options: null,
-  optionLabel: null,
-  optionValue: null,
+  onBlur: null,
+  onChange: null,
+  onFilter: null,
+  onFocus: null,
+  onHide: null,
+  onSelectAll: null,
+  onShow: null,
   optionDisabled: null,
-  optionGroupLabel: null,
   optionGroupChildren: null,
+  optionGroupLabel: null,
   optionGroupTemplate: null,
-  filterTemplate: null,
-  display: 'comma',
-  style: null,
-  className: null,
+  optionLabel: null,
+  optionValue: null,
+  options: null,
   panelClassName: null,
+  panelFooterTemplate: null,
+  panelHeaderTemplate: null,
   panelStyle: null,
-  virtualScrollerOptions: null,
-  scrollHeight: '200px',
   placeholder: null,
-  fixedPlaceholder: false,
-  disabled: false,
-  showClear: false,
-  filter: false,
-  filterBy: null,
-  filterMatchMode: 'contains',
-  filterPlaceholder: null,
-  filterLocale: undefined,
-  emptyFilterMessage: null,
+  removeIcon: 'pi pi-times-circle',
   resetFilterOnHide: false,
+  scrollHeight: '200px',
+  selectAll: false,
+  selectedItemTemplate: null,
+  selectedItemsLabel: '{0} items selected',
+  selectionLimit: null,
+  showClear: false,
+  showSelectAll: true,
+  style: null,
   tabIndex: 0,
-  dataKey: null,
-  inputId: null,
-  appendTo: null,
   tooltip: null,
   tooltipOptions: null,
-  maxSelectedLabels: null,
-  selectionLimit: null,
-  selectedItemsLabel: '{0} items selected',
-  ariaLabelledBy: null,
-  itemTemplate: null,
-  selectedItemTemplate: null,
-  panelHeaderTemplate: null,
-  panelFooterTemplate: null,
   transitionOptions: null,
-  dropdownIcon: 'pi pi-chevron-down',
-  removeIcon: 'pi pi-times-circle',
-  showSelectAll: true,
-  selectAll: false,
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  onShow: null,
-  onHide: null,
-  onFilter: null,
-  onSelectAll: null
+  value: null,
+  virtualScrollerOptions: null
 };
 
 var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -31449,6 +31517,7 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
 
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, MultiStateCheckbox.defaultProps);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-multistatecheckbox p-checkbox p-component', props.className);
   var boxClassName = classNames('p-checkbox-box', {
     'p-highlight': !!selectedOption,
@@ -31465,7 +31534,7 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     style: props.style
   }, otherProps, {
     onClick: onClick
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", _extends({
     className: boxClassName,
     style: selectedOption && selectedOption.style,
     tabIndex: props.tabIndex,
@@ -31473,10 +31542,8 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     role: "checkbox",
-    "aria-checked": ariaChecked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label']
-  }, icon), focusedState && /*#__PURE__*/React.createElement("span", {
+    "aria-checked": ariaChecked
+  }, ariaProps), icon), focusedState && /*#__PURE__*/React.createElement("span", {
     className: "p-sr-only",
     "aria-live": "polite"
   }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
@@ -31500,8 +31567,6 @@ MultiStateCheckbox.defaultProps = {
   readOnly: false,
   empty: true,
   tabIndex: '0',
-  'aria-label': null,
-  'aria-labelledby': null,
   tooltip: null,
   tooltipOptions: null,
   onChange: null
@@ -32506,13 +32571,15 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var createCloseIcon = function createCloseIcon() {
     if (props.showCloseIcon) {
+      var ariaLabel = props.ariaCloseLabel || localeOption$1('close');
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: "p-overlaypanel-close p-link",
         onClick: onCloseClick,
-        "aria-label": props.ariaCloseLabel
+        "aria-label": ariaLabel
       }, /*#__PURE__*/React.createElement("span", {
-        className: "p-overlaypanel-close-icon pi pi-times"
+        className: "p-overlaypanel-close-icon pi pi-times",
+        "aria-hidden": "true"
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
 
@@ -32567,7 +32634,7 @@ OverlayPanel.defaultProps = {
   className: null,
   appendTo: null,
   breakpoints: null,
-  ariaCloseLabel: 'close',
+  ariaCloseLabel: null,
   transitionOptions: null,
   onShow: null,
   onHide: null
@@ -33167,10 +33234,10 @@ PanelMenu.defaultProps = {
 };
 
 var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var promptLabel = props.promptLabel || localeOption('passwordPrompt');
-  var weakLabel = props.weakLabel || localeOption('weak');
-  var mediumLabel = props.mediumLabel || localeOption('medium');
-  var strongLabel = props.strongLabel || localeOption('strong');
+  var promptLabel = props.promptLabel || localeOption$1('passwordPrompt');
+  var weakLabel = props.weakLabel || localeOption$1('weak');
+  var mediumLabel = props.mediumLabel || localeOption$1('medium');
+  var strongLabel = props.strongLabel || localeOption$1('strong');
 
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -33460,7 +33527,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         width: width
       }
     })), /*#__PURE__*/React.createElement("div", {
-      className: "p-password-info"
+      className: "p-password-info ".concat(strength)
     }, infoTextState));
     var panel = /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: overlayRef,
@@ -34531,6 +34598,8 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, RadioButton.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-radiobutton p-component', {
     'p-radiobutton-checked': props.checked,
     'p-radiobutton-disabled': props.disabled,
@@ -34550,21 +34619,19 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onClick: onClick
   }), /*#__PURE__*/React.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", _extends({
     ref: inputRef,
     id: props.inputId,
     type: "radio",
     name: props.name,
     defaultChecked: props.checked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex
-  })), /*#__PURE__*/React.createElement("div", {
+  }, ariaProps, dataProps))), /*#__PURE__*/React.createElement("div", {
     className: boxClassName
   }, /*#__PURE__*/React.createElement("div", {
     className: "p-radiobutton-icon"
@@ -34589,8 +34656,6 @@ RadioButton.defaultProps = {
   tabIndex: null,
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
   onChange: null
 };
 
@@ -34843,9 +34908,9 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var onDocumentMouseMove = function onDocumentMouseMove(event) {
-    if (isXBarClicked) {
+    if (isXBarClicked.current) {
       onMouseMoveForXBar(event);
-    } else if (isYBarClicked) {
+    } else if (isYBarClicked.current) {
       onMouseMoveForYBar(event);
     } else {
       onMouseMoveForXBar(event);
@@ -34863,7 +34928,7 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var onMouseMoveForYBar = function onMouseMoveForYBar(event) {
     var deltaY = event.pageY - lastPageY.current;
-    lastPageY.current = e.pageY;
+    lastPageY.current = event.pageY;
     frame.current = window.requestAnimationFrame(function () {
       contentRef.current.scrollTop += deltaY / scrollYRatio.current;
     });
@@ -35428,14 +35493,16 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var createCloseIcon = function createCloseIcon() {
     if (props.showCloseIcon) {
+      var ariaLabel = props.ariaCloseLabel || localeOption$1('close');
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         ref: closeIconRef,
         className: "p-sidebar-close p-sidebar-icon p-link",
         onClick: onClose,
-        "aria-label": props.ariaCloseLabel
+        "aria-label": ariaLabel
       }, /*#__PURE__*/React.createElement("span", {
-        className: "p-sidebar-close-icon pi pi-times"
+        className: "p-sidebar-close-icon pi pi-times",
+        "aria-hidden": "true"
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
 
@@ -35516,7 +35583,7 @@ Sidebar.defaultProps = {
   baseZIndex: 0,
   dismissable: true,
   showCloseIcon: true,
-  ariaCloseLabel: 'close',
+  ariaCloseLabel: null,
   closeOnEscape: true,
   icons: null,
   modal: true,
@@ -36132,7 +36199,7 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       'p-slider-handle-end': index === 1,
       'p-slider-handle-active': handleIndex.current === index
     });
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement("span", _extends({
       className: className,
       style: style,
       tabIndex: props.tabIndex,
@@ -36149,10 +36216,8 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       "aria-valuemin": props.min,
       "aria-valuemax": props.max,
       "aria-valuenow": leftValue || bottomValue,
-      "aria-labelledby": props['aria-labelledby'],
-      "aria-label": props['aria-label'],
       "aria-orientation": props.orientation
-    });
+    }, ariaProps));
   };
 
   var createRangeSlider = function createRangeSlider() {
@@ -36197,6 +36262,7 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Slider.defaultProps);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-slider p-component', props.className, {
     'p-disabled': props.disabled,
     'p-slider-horizontal': horizontal,
@@ -36227,9 +36293,7 @@ Slider.defaultProps = {
   disabled: false,
   tabIndex: 0,
   onChange: null,
-  onSlideEnd: null,
-  'aria-label': null,
-  'aria-labelledby': null
+  onSlideEnd: null
 };
 
 function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -36503,7 +36567,8 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       className: className,
       icon: icon,
       onClick: onClick,
-      disabled: props.disabled
+      disabled: props.disabled,
+      "aria-label": props['aria-label']
     });
 
     if (props.buttonTemplate) {
@@ -36566,6 +36631,7 @@ SpeedDial.defaultProps = {
   buttonStyle: null,
   buttonClassName: null,
   buttonTemplate: null,
+  'aria-label': null,
   maskStyle: null,
   maskClassName: null,
   showIcon: 'pi pi-plus',
@@ -37790,6 +37856,15 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var onTabHeaderClose = function onTabHeaderClose(event, index) {
+    event.preventDefault(); // give caller a chance to stop the selection
+
+    if (props.onBeforeTabClose && props.onBeforeTabClose({
+      originalEvent: event,
+      index: index
+    }) === false) {
+      return;
+    }
+
     setHiddenTabsState([].concat(_toConsumableArray(hiddenTabsState), [index]));
 
     if (props.onTabClose) {
@@ -37798,12 +37873,22 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
         index: index
       });
     }
-
-    event.preventDefault();
   };
 
   var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
+    if (event) {
+      event.preventDefault();
+    }
+
     if (!tab.props.disabled) {
+      // give caller a chance to stop the selection
+      if (props.onBeforeTabChange && props.onBeforeTabChange({
+        originalEvent: event,
+        index: index
+      }) === false) {
+        return;
+      }
+
       if (props.onTabChange) props.onTabChange({
         originalEvent: event,
         index: index
@@ -37811,10 +37896,6 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
 
     updateScrollBar(index);
-
-    if (event) {
-      event.preventDefault();
-    }
   };
 
   var _onKeyDown = function onKeyDown(event, tab, index) {
@@ -38062,7 +38143,8 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
         ref: prevBtnRef,
         className: "p-tabview-nav-prev p-tabview-nav-btn p-link",
         onClick: navBackward,
-        type: "button"
+        type: "button",
+        "aria-label": ariaLabel('previousPageLabel')
       }, /*#__PURE__*/React.createElement("span", {
         className: "pi pi-chevron-left"
       }), /*#__PURE__*/React.createElement(Ripple, null));
@@ -38077,9 +38159,11 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
         ref: nextBtnRef,
         className: "p-tabview-nav-next p-tabview-nav-btn p-link",
         onClick: navForward,
-        type: "button"
+        type: "button",
+        "aria-label": ariaLabel('nextPageLabel')
       }, /*#__PURE__*/React.createElement("span", {
-        className: "pi pi-chevron-right"
+        className: "pi pi-chevron-right",
+        "aria-hidden": "true"
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
   };
@@ -38102,32 +38186,34 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
 TabPanel.displayName = 'TabPanel';
 TabPanel.defaultProps = {
   __TYPE: 'TabPanel',
+  className: null,
+  closable: false,
+  contentClassName: null,
+  contentStyle: null,
+  disabled: false,
   header: null,
+  headerClassName: null,
+  headerStyle: null,
   headerTemplate: null,
   leftIcon: null,
   rightIcon: null,
-  closable: false,
-  disabled: false,
-  style: null,
-  className: null,
-  headerStyle: null,
-  headerClassName: null,
-  contentStyle: null,
-  contentClassName: null
+  style: null
 };
 TabView.displayName = 'TabView';
 TabView.defaultProps = {
   __TYPE: 'TabView',
   id: null,
   activeIndex: 0,
-  style: null,
   className: null,
-  renderActiveOnly: true,
+  onBeforeTabChange: null,
+  onBeforeTabClose: null,
   onTabChange: null,
   onTabClose: null,
-  scrollable: false,
+  panelContainerClassName: null,
   panelContainerStyle: null,
-  panelContainerClassName: null
+  renderActiveOnly: true,
+  scrollable: false,
+  style: null
 };
 
 var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -38846,9 +38932,14 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       _contentClassName = _messageInfo$message.contentClassName,
       contentStyle = _messageInfo$message.contentStyle;
 
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focused = _React$useState2[0],
+      setFocused = _React$useState2[1];
+
   var _useTimeout = useTimeout(function () {
     onClose();
-  }, life || 3000, !sticky),
+  }, life || 3000, !sticky && !focused),
       _useTimeout2 = _slicedToArray(_useTimeout, 1),
       clearTimer = _useTimeout2[0];
 
@@ -38863,14 +38954,43 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }
   };
 
+  var onMouseEnter = function onMouseEnter(event) {
+    props.onMouseEnter && props.onMouseEnter(event); // do not continue if the user has canceled the event
+
+    if (event.defaultPrevented) {
+      return;
+    } // stop timer while user has focused message
+
+
+    if (!sticky) {
+      clearTimer();
+      setFocused(true);
+    }
+  };
+
+  var onMouseLeave = function onMouseLeave(event) {
+    props.onMouseLeave && props.onMouseLeave(event); // do not continue if the user has canceled the event
+
+    if (event.defaultPrevented) {
+      return;
+    } // restart timer when user has left message
+
+
+    if (!sticky) {
+      setFocused(false);
+    }
+  };
+
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: "p-toast-icon-close p-link",
-        onClick: onClose
+        onClick: onClose,
+        "aria-label": localeOption$1('close')
       }, /*#__PURE__*/React.createElement("span", {
-        className: "p-toast-icon-close-icon pi pi-times"
+        className: "p-toast-icon-close-icon pi pi-times",
+        "aria-hidden": "true"
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
 
@@ -38915,7 +39035,9 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     role: "alert",
     "aria-live": "assertive",
     "aria-atomic": "true",
-    onClick: onClick
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
   }, /*#__PURE__*/React.createElement("div", {
     className: contentClassName,
     style: contentStyle
@@ -38934,28 +39056,43 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
 
   var show = function show(value) {
     if (value) {
-      var messages;
+      var messages = assignIdentifiers(value, true);
+      messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['toast']);
+      setMessagesState(messages);
+    }
+  };
 
-      if (Array.isArray(value)) {
-        var multipleMessages = value.reduce(function (acc, message) {
-          acc.push({
-            _pId: messageIdx++,
-            message: message
-          });
-          return acc;
-        }, []);
+  var assignIdentifiers = function assignIdentifiers(value, copy) {
+    var messages;
+
+    if (Array.isArray(value)) {
+      var multipleMessages = value.reduce(function (acc, message) {
+        acc.push({
+          _pId: messageIdx++,
+          message: message
+        });
+        return acc;
+      }, []);
+
+      if (copy) {
         messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
       } else {
-        var message = {
-          _pId: messageIdx++,
-          message: value
-        };
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
+        messages = multipleMessages;
       }
+    } else {
+      var message = {
+        _pId: messageIdx++,
+        message: value
+      };
 
-      messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['toast']);
-      setMessagesState(messages);
+      if (copy) {
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
+      } else {
+        messages = [message];
+      }
     }
+
+    return messages;
   };
 
   var clear = function clear() {
@@ -38964,7 +39101,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   };
 
   var replace = function replace(value) {
-    var replaced = Array.isArray(value) ? value : [value];
+    var replaced = assignIdentifiers(value, false);
     setMessagesState(replaced);
   };
 
@@ -39026,7 +39163,9 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
         ref: messageRef,
         messageInfo: messageInfo,
         onClick: props.onClick,
-        onClose: onClose
+        onClose: onClose,
+        onMouseEnter: props.onMouseEnter,
+        onMouseLeave: props.onMouseLeave
       }));
     })));
   };
@@ -39050,7 +39189,9 @@ Toast.defaultProps = {
   onClick: null,
   onRemove: null,
   onShow: null,
-  onHide: null
+  onHide: null,
+  onMouseEnter: null,
+  onMouseLeave: null
 };
 
 var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -39782,6 +39923,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
   };
 
   var createToggler = function createToggler() {
+    var label = expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
     var iconClassName = classNames('p-tree-toggler-icon pi pi-fw', {
       'pi-chevron-right': !expanded,
       'pi-chevron-down': expanded
@@ -39790,9 +39932,11 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
       type: "button",
       className: "p-tree-toggler p-link",
       tabIndex: -1,
-      onClick: onTogglerClick
+      onClick: onTogglerClick,
+      "aria-label": label
     }, /*#__PURE__*/React.createElement("span", {
-      className: iconClassName
+      className: iconClassName,
+      "aria-hidden": "true"
     }), /*#__PURE__*/React.createElement(Ripple, null));
 
     if (props.togglerTemplate) {
@@ -40328,13 +40472,11 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
     if (props.value) {
       var rootNodes = createRootChildren();
       var contentClass = classNames('p-tree-container', props.contentClassName);
-      return /*#__PURE__*/React.createElement("ul", {
+      return /*#__PURE__*/React.createElement("ul", _extends({
         className: contentClass,
         role: "tree",
-        "aria-label": props.ariaLabel,
-        "aria-labelledby": props.ariaLabelledBy,
         style: props.contentStyle
-      }, rootNodes);
+      }, ariaProps), rootNodes);
     }
 
     return null;
@@ -40428,6 +40570,7 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
   };
 
   var otherProps = ObjectUtils.findDiffKeys(props, Tree.defaultProps);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-tree p-component', props.className, {
     'p-tree-selectable': props.selectionMode,
     'p-tree-loading': props.loading,
@@ -40937,7 +41080,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var createKeyboardHelper = function createKeyboardHelper() {
     return /*#__PURE__*/React.createElement("div", {
       className: "p-hidden-accessible"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", _extends({
       ref: focusInputRef,
       role: "listbox",
       id: props.inputId,
@@ -40948,10 +41091,8 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       onBlur: onInputBlur,
       onKeyDown: onInputKeyDown,
       disabled: props.disabled,
-      tabIndex: props.tabIndex,
-      "aria-label": props.ariaLabel,
-      "aria-labelledby": props.ariaLabelledBy
-    }));
+      tabIndex: props.tabIndex
+    }, ariaProps)));
   };
 
   var createLabel = function createLabel() {
@@ -41021,7 +41162,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       onFilterValueChange: onFilterValueChange
     }), hasNoOptions && /*#__PURE__*/React.createElement("div", {
       className: "p-treeselect-empty-message"
-    }, props.emptyMessage || localeOption('emptyMessage')));
+    }, props.emptyMessage || localeOption$1('emptyMessage')));
   };
 
   var createFilterElement = function createFilterElement() {
@@ -41065,9 +41206,11 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var closeElement = /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "p-treeselect-close p-link",
-      onClick: hide
+      onClick: hide,
+      "aria-label": localeOption$1('close')
     }, /*#__PURE__*/React.createElement("span", {
-      className: "p-treeselect-close-icon pi pi-times"
+      className: "p-treeselect-close-icon pi pi-times",
+      "aria-hidden": "true"
     }), /*#__PURE__*/React.createElement(Ripple, null));
     var content = /*#__PURE__*/React.createElement("div", {
       className: "p-treeselect-header"
@@ -41096,6 +41239,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var selectedNodes = getSelectedNodes();
   var otherProps = ObjectUtils.findDiffKeys(props, TreeSelect.defaultProps);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-treeselect p-component p-inputwrapper', {
     'p-treeselect-chip': props.display === 'chip',
     'p-disabled': props.disabled,
@@ -41611,6 +41755,7 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
   };
 
   var createToggler = function createToggler() {
+    var label = expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
     var iconClassName = classNames('p-treetable-toggler-icon pi pi-fw', {
       'pi-chevron-right': !expanded,
       'pi-chevron-down': expanded
@@ -41624,9 +41769,11 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
       className: "p-treetable-toggler p-link p-unselectable-text",
       onClick: onTogglerClick,
       tabIndex: -1,
-      style: style
+      style: style,
+      "aria-label": label
     }, /*#__PURE__*/React.createElement("i", {
-      className: iconClassName
+      className: iconClassName,
+      "aria-hidden": "true"
     }), /*#__PURE__*/React.createElement(Ripple, null));
   };
 
@@ -41972,7 +42119,7 @@ var TreeTableBody = /*#__PURE__*/React.memo(function (props) {
     } else {
       var colSpan = props.columns ? props.columns.length : null;
 
-      var _content = props.emptyMessage || localeOption('emptyMessage');
+      var _content = props.emptyMessage || localeOption$1('emptyMessage');
 
       return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
         className: "p-treetable-emptymessage",
@@ -42598,7 +42745,7 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
     listener: function listener(event) {
       if (columnResizing.current) {
         columnResizing.current = false;
-        onColumnResizeEnd(event);
+        onColumnResizeEnd();
       }
     }
   }),
@@ -42727,7 +42874,7 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     if (columnSortable.current && columnSortable.current === 'custom' && columnSortFunction.current) {
       value = columnSortFunction.current({
-        rowData: value,
+        data: data,
         field: getSortField(),
         order: getSortOrder()
       });
@@ -42736,7 +42883,7 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
         var sortField = getSortField();
         var value1 = ObjectUtils.resolveFieldData(node1.data, sortField);
         var value2 = ObjectUtils.resolveFieldData(node2.data, sortField);
-        return ObjectUtils.sort(value1, value2, getSortOrder(), PrimeReact.locale, PrimeReact.nullSortOrder);
+        return compareValuesOnSort(value1, value2, getSortOrder());
       });
 
       for (var i = 0; i < value.length; i++) {
@@ -42772,18 +42919,17 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var multisortField = function multisortField(node1, node2, multiSortMeta, index) {
     var value1 = ObjectUtils.resolveFieldData(node1.data, multiSortMeta[index].field);
-    var value2 = ObjectUtils.resolveFieldData(node2.data, multiSortMeta[index].field);
-    var result = null;
-    if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else {
-      if (value1 === value2) {
-        return multiSortMeta.length - 1 > index ? multisortField(node1, node2, multiSortMeta, index + 1) : 0;
-      } else {
-        if ((typeof value1 === 'string' || value1 instanceof String) && (typeof value2 === 'string' || value2 instanceof String)) return multiSortMeta[index].order * value1.localeCompare(value2, PrimeReact.locale, {
-          numeric: true
-        });else result = value1 < value2 ? -1 : 1;
-      }
+    var value2 = ObjectUtils.resolveFieldData(node2.data, multiSortMeta[index].field); // check if they are equal handling dates and locales
+
+    if (ObjectUtils.compare(value1, value2, PrimeReact.locale) === 0) {
+      return multiSortMeta.length - 1 > index ? multisortField(node1, node2, multiSortMeta, index + 1) : 0;
     }
-    return multiSortMeta[index].order * result;
+
+    return compareValuesOnSort(value1, value2, multiSortMeta[index].order);
+  };
+
+  var compareValuesOnSort = function compareValuesOnSort(value1, value2, order) {
+    return ObjectUtils.sort(value1, value2, order, PrimeReact.locale, PrimeReact.nullSortOrder);
   };
 
   var filter = function filter(value, field, mode) {
@@ -43773,6 +43919,7 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, TriStateCheckbox.defaultProps);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-tristatecheckbox p-checkbox p-component', props.className);
   var boxClassName = classNames('p-checkbox-box', {
     'p-highlight': (props.value || !props.value) && props.value !== null,
@@ -43792,17 +43939,15 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     style: props.style
   }, otherProps, {
     onClick: onClick
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", _extends({
     className: boxClassName,
     tabIndex: props.tabIndex,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     role: "checkbox",
-    "aria-checked": ariaChecked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label']
-  }, /*#__PURE__*/React.createElement("span", {
+    "aria-checked": ariaChecked
+  }, ariaProps), /*#__PURE__*/React.createElement("span", {
     className: iconClassName
   })), focusedState && /*#__PURE__*/React.createElement("span", {
     className: "p-sr-only",
@@ -43822,11 +43967,9 @@ TriStateCheckbox.defaultProps = {
   disabled: false,
   readOnly: false,
   tabIndex: '0',
-  'aria-label': null,
-  'aria-labelledby': null,
   tooltip: null,
   tooltipOptions: null,
   onChange: null
 };
 
-export { Accordion, AccordionTab, AutoComplete, Avatar, AvatarGroup, Badge, BlockUI, BreadCrumb, Button, CSSTransition, Calendar, Captcha, Card, Carousel, CascadeSelect, PrimeReactChart as Chart, Checkbox, Chip, Chips, ColorPicker, Column, ColumnGroup, ConfirmDialog, ConfirmPopup, ConnectedOverlayScrollHandler, ContextMenu, DataScroller, DataTable, DataView, DataViewItem, DataViewLayoutOptions, DeferredContent, Dialog, Divider, Dock, DomHandler, Dropdown, Editor, EventBus, Fieldset, FileUpload, FilterMatchMode, FilterOperator, FilterService, FullCalendar, GMap, Galleria, IconUtils, Image, Inplace, InplaceContent, InplaceDisplay, InputMask, InputNumber, InputSwitch, InputText, InputTextarea, KeyFilter, Knob, ListBox, MegaMenu, Mention, Menu, Menubar, Message, MessageSeverity, Messages, MultiSelect, MultiStateCheckbox, ObjectUtils, OrderList, OrganizationChart, OverlayPanel, OverlayService, Paginator, Panel, PanelMenu, Password, PickList, Portal, PrimeIcons, ProgressBar, ProgressSpinner, RadioButton, Rating, Ripple, Row, ScrollPanel, ScrollTop, SelectButton, Sidebar, Skeleton, SlideMenu, Slider, SpeedDial, SplitButton, Splitter, SplitterPanel, Steps, StyleClass, TabMenu, TabPanel, TabView, Tag, Terminal, TerminalService, TieredMenu, Timeline, Toast, ToggleButton, Toolbar, Tooltip, Tree, TreeSelect, TreeTable, TriStateCheckbox, UniqueComponentId, VirtualScroller, ZIndexUtils, addLocale, ariaLabel, classNames, confirmDialog, confirmPopup, PrimeReact as default, locale, localeOption, localeOptions, mask, updateLocaleOption, updateLocaleOptions, useEventListener, useInterval, useLocalStorage, useMountEffect, useOverlayListener, useOverlayScrollListener, usePrevious, useResizeListener, useSessionStorage, useStorage, useTimeout, useUnmountEffect, useUpdateEffect };
+export { Accordion, AccordionTab, AutoComplete, Avatar, AvatarGroup, Badge, BlockUI, BreadCrumb, Button, CSSTransition, Calendar, Captcha, Card, Carousel, CascadeSelect, PrimeReactChart as Chart, Checkbox, Chip, Chips, ColorPicker, Column, ColumnGroup, ConfirmDialog, ConfirmPopup, ConnectedOverlayScrollHandler, ContextMenu, DataScroller, DataTable, DataView, DataViewItem, DataViewLayoutOptions, DeferredContent, Dialog, Divider, Dock, DomHandler, Dropdown, Editor, EventBus, Fieldset, FileUpload, FilterMatchMode, FilterOperator, FilterService, GMap, Galleria, IconUtils, Image, Inplace, InplaceContent, InplaceDisplay, InputMask, InputNumber, InputSwitch, InputText, InputTextarea, KeyFilter, Knob, ListBox, MegaMenu, Mention, Menu, Menubar, Message, MessageSeverity, Messages, MultiSelect, MultiStateCheckbox, ObjectUtils, OrderList, OrganizationChart, OverlayPanel, OverlayService, Paginator, Panel, PanelMenu, Password, PickList, Portal, PrimeIcons, ProgressBar, ProgressSpinner, RadioButton, Rating, Ripple, Row, ScrollPanel, ScrollTop, SelectButton, Sidebar, Skeleton, SlideMenu, Slider, SortOrder, SpeedDial, SplitButton, Splitter, SplitterPanel, Steps, StyleClass, TabMenu, TabPanel, TabView, Tag, Terminal, TerminalService, TieredMenu, Timeline, Toast, ToggleButton, Toolbar, Tooltip, Tree, TreeSelect, TreeTable, TriStateCheckbox, UniqueComponentId, VirtualScroller, ZIndexUtils, addLocale, ariaLabel, classNames, confirmDialog, confirmPopup, PrimeReact as default, locale, localeOption$1 as localeOption, localeOptions, mask, updateLocaleOption, updateLocaleOptions, useEventListener, useInterval, useLocalStorage, useMountEffect, useOverlayListener, useOverlayScrollListener, usePrevious, useResizeListener, useSessionStorage, useStorage, useTimeout, useUnmountEffect, useUpdateEffect };