primereact 8.5.0 → 8.6.0

package/primereact.all.cjs.js

@@ -30,7 +30,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 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];
 
@@ -43,7 +43,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -139,28 +138,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',
@@ -181,394 +158,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'
@@ -577,17 +166,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() {
@@ -627,6 +210,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); }
@@ -640,7 +248,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);
@@ -1739,6 +1355,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 () {};
@@ -1801,9 +1421,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,
@@ -1816,7 +1436,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) {
@@ -2416,6 +2036,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) {
@@ -2517,24 +2164,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() {
@@ -2557,7 +2211,7 @@ var IconUtils = /*#__PURE__*/function () {
         }));
 
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$x({
+          var defaultContentOptions = _objectSpread$y({
             iconProps: iconProps,
             element: content
           }, options);
@@ -2877,6 +2531,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__namespace.useRef(undefined);
   React__namespace.useEffect(function () {
@@ -3381,6 +3435,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__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3395,10 +3454,6 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.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);
@@ -3452,6 +3507,10 @@ var Accordion = /*#__PURE__*/React__namespace.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 || {});
 
@@ -3471,6 +3530,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       props: props,
       selected: selected
     });
+    var label = selected ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: className,
       style: style
@@ -3484,7 +3544,8 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       onClick: function onClick(e) {
         return onTabHeaderClick(e, tab, index);
       },
-      tabIndex: tabIndex
+      tabIndex: tabIndex,
+      "aria-label": label
     }, icon, header));
   };
 
@@ -4345,7 +4406,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 = {
@@ -4555,7 +4617,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
 
   var _useResizeListener = useResizeListener({
     listener: function listener(event) {
-      return onResize(event);
+      return onResize();
     }
   }),
       _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
@@ -4565,7 +4627,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     target: 'window',
     type: 'orientationchange',
     listener: function listener(event) {
-      return onResize(event);
+      return onResize();
     }
   }),
       _useEventListener2 = _slicedToArray(_useEventListener, 1),
@@ -5407,6 +5469,15 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
   };
 
   var createContent = function createContent() {
+    if (props.showEmptyMessage && ObjectUtils.isEmpty(props.suggestions)) {
+      var emptyMessage = props.emptyMessage || localeOption$1('emptyMessage');
+      return /*#__PURE__*/React__namespace.createElement("ul", {
+        className: "p-autocomplete-items"
+      }, /*#__PURE__*/React__namespace.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), {
@@ -5916,7 +5987,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   });
   useUpdateEffect(function () {
     if (searchingState) {
-      ObjectUtils.isNotEmpty(props.suggestions) ? show() : hide();
+      ObjectUtils.isNotEmpty(props.suggestions) || props.showEmptyMessage ? show() : hide();
       setSearchingState(false);
     }
   }, [props.suggestions]);
@@ -5957,7 +6028,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     var className = classNames('p-autocomplete-input', props.inputClassName, {
       'p-autocomplete-dd-input': props.dropdown
     });
-    return /*#__PURE__*/React__namespace.createElement(InputText, {
+    return /*#__PURE__*/React__namespace.createElement(InputText, _extends({
       ref: inputRef,
       id: props.inputId,
       type: props.type,
@@ -5968,8 +6039,6 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       "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",
@@ -5989,7 +6058,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       onContextMenu: props.onContextMenu,
       onClick: props.onClick,
       onDoubleClick: props.onDblClick
-    });
+    }, ariaProps, dataProps));
   };
 
   var createChips = function createChips() {
@@ -6019,7 +6088,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     var ariaControls = overlayVisibleState ? idState + '_list' : null;
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: "p-autocomplete-input-token"
-    }, /*#__PURE__*/React__namespace.createElement("input", {
+    }, /*#__PURE__*/React__namespace.createElement("input", _extends({
       ref: inputRef,
       type: props.type,
       disabled: props.disabled,
@@ -6029,8 +6098,6 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       "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,
@@ -6044,7 +6111,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       onKeyPress: props.onKeyPress,
       onFocus: onMultiInputFocus,
       onBlur: onMultiInputBlur
-    }));
+    }, ariaProps, dataProps)));
   };
 
   var createMultipleAutoComplete = function createMultipleAutoComplete() {
@@ -6065,12 +6132,14 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 
   var createDropdown = function createDropdown() {
     if (props.dropdown) {
+      var ariaLabel = props.dropdownAriaLabel || props.placeholder || localeOption$1('choose');
       return /*#__PURE__*/React__namespace.createElement(Button, {
         type: "button",
         icon: props.dropdownIcon,
         className: "p-autocomplete-dropdown",
         disabled: props.disabled,
-        onClick: onDropdownClick
+        onClick: onDropdownClick,
+        "aria-label": ariaLabel
       });
     }
 
@@ -6094,6 +6163,8 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   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,
@@ -6133,65 +6204,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__namespace.forwardRef(function (props, ref) {
@@ -6721,7 +6792,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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) {
@@ -8233,7 +8304,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   var getSundayIndex = function getSundayIndex() {
-    var firstDayOfWeek = localeOption('firstDayOfWeek', props.locale);
+    var firstDayOfWeek = localeOption$1('firstDayOfWeek', props.locale);
     return firstDayOfWeek > 0 ? 7 - firstDayOfWeek : 0;
   };
 
@@ -9101,6 +9172,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
     if (props.value) {
       updateInputfield(props.value);
+      setValue(props.value);
     }
 
     return function () {
@@ -9112,28 +9184,11 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   }, [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]);
@@ -9174,6 +9229,25 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     };
   });
 
+  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,
@@ -9213,7 +9287,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   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();
@@ -9362,7 +9436,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         scope: "col",
         key: "wn",
         className: "p-datepicker-weekheader p-disabled"
-      }, /*#__PURE__*/React__namespace.createElement("span", null, localeOption('weekHeader', props.locale)));
+      }, /*#__PURE__*/React__namespace.createElement("span", null, localeOption$1('weekHeader', props.locale)));
       return [weekHeader].concat(_toConsumableArray(dayNames));
     }
 
@@ -9462,7 +9536,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   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]);
@@ -9886,89 +9960,89 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -11234,7 +11308,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var value = props.value ? getOptionLabel(props.value) : undefined;
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-hidden-accessible"
-    }, /*#__PURE__*/React__namespace.createElement("input", {
+    }, /*#__PURE__*/React__namespace.createElement("input", _extends({
       ref: inputRef,
       type: "text",
       id: props.inputId,
@@ -11246,9 +11320,8 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       onBlur: onInputBlur,
       onKeyDown: onInputKeyDown,
       tabIndex: props.tabIndex,
-      "aria-haspopup": "listbox",
-      "aria-labelledby": props.ariaLabelledBy
-    }));
+      "aria-haspopup": "listbox"
+    }, ariaProps)));
   };
 
   var createLabel = function createLabel() {
@@ -11318,7 +11391,6 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   };
 
   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,
@@ -11339,6 +11411,9 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     }), 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;
 }));
@@ -11563,6 +11638,8 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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,
@@ -11590,22 +11667,20 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onMouseDown: props.onMouseDown
   }), /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React__namespace.createElement("input", {
+  }, /*#__PURE__*/React__namespace.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__namespace.createElement("div", {
+  }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("div", {
     className: boxClass
   }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
     target: elementRef,
@@ -11632,8 +11707,6 @@ Checkbox.defaultProps = {
   icon: 'pi pi-check',
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
   onChange: null,
   onMouseDown: null,
   onContextMenu: null
@@ -11973,7 +12046,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var createInput = function createInput() {
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: "p-chips-input-token"
-    }, /*#__PURE__*/React__namespace.createElement("input", {
+    }, /*#__PURE__*/React__namespace.createElement("input", _extends({
       ref: inputRef,
       id: props.inputId,
       placeholder: props.placeholder,
@@ -11984,9 +12057,8 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       onPaste: onPaste,
       onFocus: onFocus,
       onBlur: onBlur,
-      "aria-labelledby": props.ariaLabelledBy,
       readOnly: props.readOnly
-    }));
+    }, ariaProps)));
   };
 
   var createItems = function createItems() {
@@ -12009,6 +12081,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 
   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
@@ -12904,34 +12977,38 @@ var Dialog = /*#__PURE__*/React__namespace.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();
           }
         }
       }
@@ -13137,14 +13214,12 @@ var Dialog = /*#__PURE__*/React__namespace.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() {
@@ -13247,14 +13322,16 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
 
   var createCloseIcon = function createCloseIcon() {
     if (props.closable) {
+      var ariaLabel = props.ariaCloseIconLabel || localeOption$1('close');
       return /*#__PURE__*/React__namespace.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__namespace.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__namespace.createElement(Ripple, null));
     }
 
@@ -13431,7 +13508,7 @@ Dialog.defaultProps = {
   maximizable: false,
   blockScroll: false,
   icons: null,
-  ariaCloseIconLabel: 'Close',
+  ariaCloseIconLabel: null,
   focusOnShow: true,
   minX: 0,
   minY: 0,
@@ -13507,8 +13584,8 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     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');
@@ -13718,8 +13795,8 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     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'),
@@ -14580,7 +14657,7 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
 
   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__namespace.createElement("li", null, content);
   };
 
@@ -15684,7 +15761,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var createInputElement = function createInputElement() {
     var className = classNames('p-inputnumber-input', props.inputClassName);
     var valueToRender = formattedValue(props.value);
-    return /*#__PURE__*/React__namespace.createElement(InputText, {
+    return /*#__PURE__*/React__namespace.createElement(InputText, _extends({
       ref: inputRef,
       id: props.inputId,
       style: props.inputStyle,
@@ -15714,9 +15791,8 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       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() {
@@ -15778,6 +15854,8 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 
   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,
@@ -15800,54 +15878,54 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 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__namespace.memo(function (props) {
@@ -16161,7 +16239,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   };
 
   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__namespace.createElement("li", {
       className: "p-dropdown-empty-message"
     }, message);
@@ -16212,8 +16290,10 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
 
   var createFilterClearIcon = function createFilterClearIcon() {
     if (props.showFilterClear && props.filterValue) {
+      var ariaLabel = localeOption$1('clear');
       return /*#__PURE__*/React__namespace.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);
@@ -17026,14 +17106,14 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-hidden-accessible p-dropdown-hidden-select"
-    }, /*#__PURE__*/React__namespace.createElement("select", {
+    }, /*#__PURE__*/React__namespace.createElement("select", _extends({
       ref: inputRef,
       required: props.required,
       defaultValue: option.value,
       name: props.name,
       tabIndex: -1,
       "aria-hidden": "true"
-    }, /*#__PURE__*/React__namespace.createElement("option", {
+    }, dataProps), /*#__PURE__*/React__namespace.createElement("option", {
       value: option.value
     }, option.label)));
   };
@@ -17041,7 +17121,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var createKeyboardHelper = function createKeyboardHelper() {
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-hidden-accessible"
-    }, /*#__PURE__*/React__namespace.createElement("input", {
+    }, /*#__PURE__*/React__namespace.createElement("input", _extends({
       ref: focusInputRef,
       id: props.inputId,
       type: "text",
@@ -17051,10 +17131,8 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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() {
@@ -17062,7 +17140,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
     if (props.editable) {
       var value = label || props.value || '';
-      return /*#__PURE__*/React__namespace.createElement("input", {
+      return /*#__PURE__*/React__namespace.createElement("input", _extends({
         ref: inputRef,
         type: "text",
         defaultValue: value,
@@ -17073,10 +17151,8 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         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,
@@ -17104,11 +17180,13 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   var createDropdownIcon = function createDropdownIcon() {
     var iconClassName = classNames('p-dropdown-trigger-icon p-clickable', props.dropdownIcon);
+    var ariaLabel = props.placeholder || props.ariaLabel;
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-dropdown-trigger",
       role: "button",
       "aria-haspopup": "listbox",
-      "aria-expanded": overlayVisibleState
+      "aria-expanded": overlayVisibleState,
+      "aria-label": ariaLabel
     }, /*#__PURE__*/React__namespace.createElement("span", {
       className: iconClassName
     }));
@@ -17118,6 +17196,8 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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,
@@ -17173,62 +17253,62 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 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__namespace.memo(function (props) {
@@ -17239,12 +17319,15 @@ var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (props) {
       value: opt
     };
   }) : [];
+  var ariaLabel = localeOption$1('choose');
   var element = hasOptions ? /*#__PURE__*/React__namespace.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) {
@@ -17631,7 +17714,8 @@ var RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
     tabIndex: tabIndex,
     onKeyDown: onKeyDown,
     onFocus: onFocus,
-    onBlur: onBlur
+    onBlur: onBlur,
+    "aria-label": props.ariaLabel
   }, /*#__PURE__*/React__namespace.createElement("span", {
     className: iconClassName
   })));
@@ -17693,7 +17777,8 @@ var RowRadioButton = /*#__PURE__*/React__namespace.memo(function (props) {
     onFocus: onFocus,
     onBlur: onBlur,
     onChange: onChange,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    "aria-label": props.ariaLabel
   })), /*#__PURE__*/React__namespace.createElement("div", {
     className: boxClassName,
     onClick: onClick,
@@ -18264,15 +18349,25 @@ var BodyCell = /*#__PURE__*/React__namespace.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__namespace.createElement(React__namespace.Fragment, null, selectionMode === 'single' && /*#__PURE__*/React__namespace.createElement(RowRadioButton, {
         checked: props.selected,
         onChange: onRadioChange,
         tabIndex: props.tabIndex,
-        tableSelector: props.tableSelector
+        tableSelector: props.tableSelector,
+        ariaLabel: label
       }), selectionMode === 'multiple' && /*#__PURE__*/React__namespace.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, {
@@ -18285,6 +18380,13 @@ var BodyCell = /*#__PURE__*/React__namespace.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',
@@ -18296,9 +18398,11 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         type: "button",
         "aria-expanded": props.expanded,
         "aria-controls": ariaControls,
-        tabIndex: props.tabIndex
+        tabIndex: props.tabIndex,
+        "aria-label": _label
       }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: expanderProps.iconClassName
+        className: expanderProps.iconClassName,
+        "aria-hidden": "true"
       }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
       if (body) {
@@ -18371,7 +18475,7 @@ var BodyCell = /*#__PURE__*/React__namespace.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,
@@ -18778,6 +18882,7 @@ var BodyRow = /*#__PURE__*/React__namespace.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,
@@ -18852,13 +18957,16 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.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__namespace.createElement("button", {
     type: "button",
     onClick: onClick,
     className: "p-row-toggler p-link",
-    tabIndex: props.tabIndex
+    tabIndex: props.tabIndex,
+    "aria-label": label
   }, /*#__PURE__*/React__namespace.createElement("span", {
-    className: iconClassName
+    className: iconClassName,
+    "aria-hidden": "true"
   }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 });
 RowTogglerButton.displayName = 'RowTogglerButton';
@@ -19757,7 +19865,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       var _content = ObjectUtils.getJSXElement(props.emptyMessage, {
         props: props.tableProps,
         frozen: props.frozenRow
-      }) || localeOption('emptyMessage');
+      }) || localeOption$1('emptyMessage');
 
       return /*#__PURE__*/React__namespace.createElement("tr", {
         className: "p-datatable-emptymessage",
@@ -19876,19 +19984,27 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 
   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__namespace.createElement("td", {
+          role: "cell",
+          colSpan: colSpan
+        }, _content3);
+      }
+
       return /*#__PURE__*/React__namespace.createElement("tr", {
         id: id,
         className: "p-datatable-row-expansion",
         role: "row"
-      }, /*#__PURE__*/React__namespace.createElement("td", {
-        role: "cell",
-        colSpan: colSpan
-      }, _content3));
+      }, _content3);
     }
 
     return null;
@@ -20130,7 +20246,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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
       };
     });
@@ -20476,32 +20592,36 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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) {
@@ -20583,6 +20703,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
         'p-column-filter-menu-button-active': hasFilter()
       });
 
+      var label = filterLabel();
       return /*#__PURE__*/React__namespace.createElement("button", {
         ref: iconRef,
         type: "button",
@@ -20590,10 +20711,12 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
         "aria-haspopup": true,
         "aria-expanded": overlayVisibleState,
         onClick: toggleMenu,
-        onKeyDown: onToggleButtonKeyDown
+        onKeyDown: onToggleButtonKeyDown,
+        "aria-label": label
       }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "pi pi-filter-icon pi-filter"
-      }));
+        className: "pi pi-filter-icon pi-filter",
+        "aria-hidden": "true"
+      }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     }
 
     return null;
@@ -20605,13 +20728,16 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
         'p-hidden-space': !hasRowFilter()
       });
 
+      var clearLabel = clearButtonLabel();
       return /*#__PURE__*/React__namespace.createElement("button", {
         className: _className2,
         type: "button",
-        onClick: clearFilter
+        onClick: clearFilter,
+        "aria-label": clearLabel
       }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "pi pi-filter-slash"
-      }));
+        className: "pi pi-filter-slash",
+        "aria-hidden": "true"
+      }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     }
 
     return null;
@@ -22305,7 +22431,7 @@ var DataTable = /*#__PURE__*/React__namespace.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;
@@ -22408,7 +22534,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
 
     if (columnSortable.current && columnSortFunction.current) {
       value = columnSortFunction.current({
-        rowData: value,
+        data: data,
         field: field,
         order: order
       });
@@ -22447,11 +22573,12 @@ var DataTable = /*#__PURE__*/React__namespace.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) {
@@ -22464,9 +22591,9 @@ var DataTable = /*#__PURE__*/React__namespace.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;
     }
 
@@ -23334,6 +23461,7 @@ DataTable.defaultProps = {
   dragSelection: false,
   cellSelection: false,
   selection: null,
+  selectionAriaLabel: null,
   onSelectionChange: null,
   contextMenuSelection: null,
   onContextMenuSelectionChange: null,
@@ -23571,7 +23699,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   var createEmptyMessage = function createEmptyMessage() {
     if (!props.loading) {
-      var _content = props.emptyMessage || localeOption('emptyMessage');
+      var _content = props.emptyMessage || localeOption$1('emptyMessage');
 
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-col-12 col-12 p-dataview-emptymessage"
@@ -24453,12 +24581,15 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
+      var ariaLabel = localeOption$1('close');
       return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: "p-message-close p-link",
+        "aria-label": ariaLabel,
         onClick: onClose
       }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "p-message-close-icon pi pi-times"
+        className: "p-message-close-icon pi pi-times",
+        "aria-hidden": "true"
       }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     }
 
@@ -24517,7 +24648,7 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   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++) {
@@ -24533,12 +24664,38 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
 
+  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);
   };
 
@@ -24710,9 +24867,9 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   var uploadedFileCount = React__namespace.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;
@@ -25352,91 +25509,6 @@ FileUpload.defaultProps = {
   onRemove: null
 };
 
-var FullCalendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-  var elementRef = React__namespace.useRef(null);
-  var config = React__namespace.useRef({});
-  var calendar = React__namespace.useRef(null);
-  var prevEvents = usePrevious(props.events);
-  var prevOptions = usePrevious(props.options);
-
-  var initialize = function initialize() {
-    Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@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__namespace.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__namespace.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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var next = function next() {
     var nextItemIndex = props.activeItemIndex + 1;
@@ -26162,9 +26234,11 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var closeIcon = props.fullScreen && /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: "p-galleria-close p-link",
+      "aria-label": localeOption('close'),
       onClick: hide
     }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-galleria-close-icon pi pi-times"
+      className: "p-galleria-close-icon pi pi-times",
+      "aria-hidden": "true"
     }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     var header = createHeader();
     var footer = createFooter();
@@ -26612,7 +26686,8 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       className: "pi pi-search-plus"
     })), /*#__PURE__*/React__namespace.createElement("button", {
       className: "p-image-action p-link",
-      type: "button"
+      type: "button",
+      "aria-label": localeOption$1('close')
     }, /*#__PURE__*/React__namespace.createElement("i", {
       className: "pi pi-times"
     }))), /*#__PURE__*/React__namespace.createElement(CSSTransition, {
@@ -26779,7 +26854,8 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
         type: "button",
         className: "p-inplace-content-close",
         icon: "pi pi-times",
-        onClick: close
+        onClick: close,
+        "aria-label": localeOption$1('close')
       });
     }
 
@@ -27512,6 +27588,8 @@ var InputSwitch = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   }, [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,
@@ -27528,7 +27606,7 @@ var InputSwitch = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     "aria-checked": checked
   }), /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React__namespace.createElement("input", {
+  }, /*#__PURE__*/React__namespace.createElement("input", _extends({
     ref: inputRef,
     type: "checkbox",
     id: props.inputId,
@@ -27540,10 +27618,8 @@ var InputSwitch = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     disabled: props.disabled,
     role: "switch",
     tabIndex: props.tabIndex,
-    "aria-checked": checked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label']
-  })), /*#__PURE__*/React__namespace.createElement("span", {
+    "aria-checked": checked
+  }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("span", {
     className: "p-inputswitch-slider"
   })), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
     target: elementRef,
@@ -27553,24 +27629,22 @@ var InputSwitch = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -28426,14 +28500,12 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         },
         contentTemplate: function contentTemplate(option) {
           var className = classNames('p-listbox-list', option.className);
-          return /*#__PURE__*/React__namespace.createElement("ul", {
+          return /*#__PURE__*/React__namespace.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);
         }
       });
 
@@ -28442,19 +28514,18 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       }, virtualScrollerProps));
     } else {
       var items = createItems();
-      return /*#__PURE__*/React__namespace.createElement("ul", {
+      return /*#__PURE__*/React__namespace.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);
@@ -28507,8 +28578,6 @@ ListBox.defaultProps = {
   tabIndex: 0,
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
   onChange: null,
   onFilterValueChange: null
 };
@@ -29389,8 +29458,6 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   }, /*#__PURE__*/React__namespace.createElement(InputTextarea, _extends({
     ref: inputRef,
     id: props.inputId,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label'],
     className: inputClassName,
     style: props.inputStyle
   }, inputProps, {
@@ -29405,35 +29472,33 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
 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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -30279,9 +30344,11 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   var closeElement = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: "p-multiselect-close p-link",
+    "aria-label": localeOption$1('close'),
     onClick: props.onClose
   }, /*#__PURE__*/React__namespace.createElement("span", {
-    className: "p-multiselect-close-icon pi pi-times"
+    className: "p-multiselect-close-icon pi pi-times",
+    "aria-hidden": "true"
   }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
   var element = /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-multiselect-header"
@@ -30441,7 +30508,7 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
   };
 
   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__namespace.createElement("li", {
       className: "p-multiselect-empty-message"
     }, emptyFilterMessage);
@@ -31222,6 +31289,8 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   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,
@@ -31241,7 +31310,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     onClick: onClick
   }), /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React__namespace.createElement("input", {
+  }, /*#__PURE__*/React__namespace.createElement("input", _extends({
     ref: inputRef,
     id: props.inputId,
     name: props.name,
@@ -31251,11 +31320,10 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     role: "listbox",
-    "aria-labelledby": props.ariaLabelledBy,
     "aria-expanded": overlayVisibleState,
     disabled: props.disabled,
     tabIndex: props.tabIndex
-  })), label, clearIcon, /*#__PURE__*/React__namespace.createElement("div", {
+  }, ariaProps, dataProps))), label, clearIcon, /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-multiselect-trigger"
   }, IconUtils.getJSXIcon(props.dropdownIcon, {
     className: 'p-multiselect-trigger-icon p-c'
@@ -31298,62 +31366,62 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -31476,6 +31544,7 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
 
   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,
@@ -31492,7 +31561,7 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     style: props.style
   }, otherProps, {
     onClick: onClick
-  }), /*#__PURE__*/React__namespace.createElement("div", {
+  }), /*#__PURE__*/React__namespace.createElement("div", _extends({
     className: boxClassName,
     style: selectedOption && selectedOption.style,
     tabIndex: props.tabIndex,
@@ -31500,10 +31569,8 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     role: "checkbox",
-    "aria-checked": ariaChecked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label']
-  }, icon), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
+    "aria-checked": ariaChecked
+  }, ariaProps), icon), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
     className: "p-sr-only",
     "aria-live": "polite"
   }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
@@ -31527,8 +31594,6 @@ MultiStateCheckbox.defaultProps = {
   readOnly: false,
   empty: true,
   tabIndex: '0',
-  'aria-label': null,
-  'aria-labelledby': null,
   tooltip: null,
   tooltipOptions: null,
   onChange: null
@@ -32533,13 +32598,15 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
 
   var createCloseIcon = function createCloseIcon() {
     if (props.showCloseIcon) {
+      var ariaLabel = props.ariaCloseLabel || localeOption$1('close');
       return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: "p-overlaypanel-close p-link",
         onClick: onCloseClick,
-        "aria-label": props.ariaCloseLabel
+        "aria-label": ariaLabel
       }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-overlaypanel-close-icon pi pi-times"
+        className: "p-overlaypanel-close-icon pi pi-times",
+        "aria-hidden": "true"
       }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     }
 
@@ -32594,7 +32661,7 @@ OverlayPanel.defaultProps = {
   className: null,
   appendTo: null,
   breakpoints: null,
-  ariaCloseLabel: 'close',
+  ariaCloseLabel: null,
   transitionOptions: null,
   onShow: null,
   onHide: null
@@ -33194,10 +33261,10 @@ PanelMenu.defaultProps = {
 };
 
 var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.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__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -33487,7 +33554,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         width: width
       }
     })), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-password-info"
+      className: "p-password-info ".concat(strength)
     }, infoTextState));
     var panel = /*#__PURE__*/React__namespace.createElement(CSSTransition, {
       nodeRef: overlayRef,
@@ -34558,6 +34625,8 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   });
   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,
@@ -34577,21 +34646,19 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     onClick: onClick
   }), /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React__namespace.createElement("input", {
+  }, /*#__PURE__*/React__namespace.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__namespace.createElement("div", {
+  }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("div", {
     className: boxClassName
   }, /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-radiobutton-icon"
@@ -34616,8 +34683,6 @@ RadioButton.defaultProps = {
   tabIndex: null,
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
   onChange: null
 };
 
@@ -34870,9 +34935,9 @@ var ScrollPanel = /*#__PURE__*/React__namespace.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);
@@ -34890,7 +34955,7 @@ var ScrollPanel = /*#__PURE__*/React__namespace.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;
     });
@@ -35455,14 +35520,16 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
 
   var createCloseIcon = function createCloseIcon() {
     if (props.showCloseIcon) {
+      var ariaLabel = props.ariaCloseLabel || localeOption$1('close');
       return /*#__PURE__*/React__namespace.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__namespace.createElement("span", {
-        className: "p-sidebar-close-icon pi pi-times"
+        className: "p-sidebar-close-icon pi pi-times",
+        "aria-hidden": "true"
       }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     }
 
@@ -35543,7 +35610,7 @@ Sidebar.defaultProps = {
   baseZIndex: 0,
   dismissable: true,
   showCloseIcon: true,
-  ariaCloseLabel: 'close',
+  ariaCloseLabel: null,
   closeOnEscape: true,
   icons: null,
   modal: true,
@@ -36159,7 +36226,7 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       'p-slider-handle-end': index === 1,
       'p-slider-handle-active': handleIndex.current === index
     });
-    return /*#__PURE__*/React__namespace.createElement("span", {
+    return /*#__PURE__*/React__namespace.createElement("span", _extends({
       className: className,
       style: style,
       tabIndex: props.tabIndex,
@@ -36176,10 +36243,8 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       "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() {
@@ -36224,6 +36289,7 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     };
   });
   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,
@@ -36254,9 +36320,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; }
@@ -36530,7 +36594,8 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       className: className,
       icon: icon,
       onClick: onClick,
-      disabled: props.disabled
+      disabled: props.disabled,
+      "aria-label": props['aria-label']
     });
 
     if (props.buttonTemplate) {
@@ -36593,6 +36658,7 @@ SpeedDial.defaultProps = {
   buttonStyle: null,
   buttonClassName: null,
   buttonTemplate: null,
+  'aria-label': null,
   maskStyle: null,
   maskClassName: null,
   showIcon: 'pi pi-plus',
@@ -37817,6 +37883,15 @@ var TabView = /*#__PURE__*/React__namespace.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) {
@@ -37825,12 +37900,22 @@ var TabView = /*#__PURE__*/React__namespace.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
@@ -37838,10 +37923,6 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     }
 
     updateScrollBar(index);
-
-    if (event) {
-      event.preventDefault();
-    }
   };
 
   var _onKeyDown = function onKeyDown(event, tab, index) {
@@ -38089,7 +38170,8 @@ var TabView = /*#__PURE__*/React__namespace.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__namespace.createElement("span", {
         className: "pi pi-chevron-left"
       }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
@@ -38104,9 +38186,11 @@ var TabView = /*#__PURE__*/React__namespace.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__namespace.createElement("span", {
-        className: "pi pi-chevron-right"
+        className: "pi pi-chevron-right",
+        "aria-hidden": "true"
       }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     }
   };
@@ -38129,32 +38213,34 @@ var TabView = /*#__PURE__*/React__namespace.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__namespace.forwardRef(function (props, ref) {
@@ -38873,9 +38959,14 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       _contentClassName = _messageInfo$message.contentClassName,
       contentStyle = _messageInfo$message.contentStyle;
 
+  var _React$useState = React__namespace.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];
 
@@ -38890,14 +38981,43 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }
   };
 
+  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__namespace.createElement("button", {
         type: "button",
         className: "p-toast-icon-close p-link",
-        onClick: onClose
+        onClick: onClose,
+        "aria-label": localeOption$1('close')
       }, /*#__PURE__*/React__namespace.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__namespace.createElement(Ripple, null));
     }
 
@@ -38942,7 +39062,9 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     role: "alert",
     "aria-live": "assertive",
     "aria-atomic": "true",
-    onClick: onClick
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
   }, /*#__PURE__*/React__namespace.createElement("div", {
     className: contentClassName,
     style: contentStyle
@@ -38961,28 +39083,43 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 
   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() {
@@ -38991,7 +39128,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   };
 
   var replace = function replace(value) {
-    var replaced = Array.isArray(value) ? value : [value];
+    var replaced = assignIdentifiers(value, false);
     setMessagesState(replaced);
   };
 
@@ -39053,7 +39190,9 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         ref: messageRef,
         messageInfo: messageInfo,
         onClick: props.onClick,
-        onClose: onClose
+        onClose: onClose,
+        onMouseEnter: props.onMouseEnter,
+        onMouseLeave: props.onMouseLeave
       }));
     })));
   };
@@ -39077,7 +39216,9 @@ Toast.defaultProps = {
   onClick: null,
   onRemove: null,
   onShow: null,
-  onHide: null
+  onHide: null,
+  onMouseEnter: null,
+  onMouseLeave: null
 };
 
 var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -39809,6 +39950,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.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
@@ -39817,9 +39959,11 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       type: "button",
       className: "p-tree-toggler p-link",
       tabIndex: -1,
-      onClick: onTogglerClick
+      onClick: onTogglerClick,
+      "aria-label": label
     }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
+      className: iconClassName,
+      "aria-hidden": "true"
     }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
     if (props.togglerTemplate) {
@@ -40355,13 +40499,11 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     if (props.value) {
       var rootNodes = createRootChildren();
       var contentClass = classNames('p-tree-container', props.contentClassName);
-      return /*#__PURE__*/React__namespace.createElement("ul", {
+      return /*#__PURE__*/React__namespace.createElement("ul", _extends({
         className: contentClass,
         role: "tree",
-        "aria-label": props.ariaLabel,
-        "aria-labelledby": props.ariaLabelledBy,
         style: props.contentStyle
-      }, rootNodes);
+      }, ariaProps), rootNodes);
     }
 
     return null;
@@ -40455,6 +40597,7 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   };
 
   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,
@@ -40964,7 +41107,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   var createKeyboardHelper = function createKeyboardHelper() {
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-hidden-accessible"
-    }, /*#__PURE__*/React__namespace.createElement("input", {
+    }, /*#__PURE__*/React__namespace.createElement("input", _extends({
       ref: focusInputRef,
       role: "listbox",
       id: props.inputId,
@@ -40975,10 +41118,8 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       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() {
@@ -41048,7 +41189,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       onFilterValueChange: onFilterValueChange
     }), hasNoOptions && /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-treeselect-empty-message"
-    }, props.emptyMessage || localeOption('emptyMessage')));
+    }, props.emptyMessage || localeOption$1('emptyMessage')));
   };
 
   var createFilterElement = function createFilterElement() {
@@ -41092,9 +41233,11 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     var closeElement = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: "p-treeselect-close p-link",
-      onClick: hide
+      onClick: hide,
+      "aria-label": localeOption$1('close')
     }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-treeselect-close-icon pi pi-times"
+      className: "p-treeselect-close-icon pi pi-times",
+      "aria-hidden": "true"
     }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     var content = /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-treeselect-header"
@@ -41123,6 +41266,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
 
   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,
@@ -41638,6 +41782,7 @@ var TreeTableRow = /*#__PURE__*/React__namespace.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
@@ -41651,9 +41796,11 @@ var TreeTableRow = /*#__PURE__*/React__namespace.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__namespace.createElement("i", {
-      className: iconClassName
+      className: iconClassName,
+      "aria-hidden": "true"
     }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
   };
 
@@ -41999,7 +42146,7 @@ var TreeTableBody = /*#__PURE__*/React__namespace.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__namespace.createElement("tr", null, /*#__PURE__*/React__namespace.createElement("td", {
         className: "p-treetable-emptymessage",
@@ -42625,7 +42772,7 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     listener: function listener(event) {
       if (columnResizing.current) {
         columnResizing.current = false;
-        onColumnResizeEnd(event);
+        onColumnResizeEnd();
       }
     }
   }),
@@ -42754,7 +42901,7 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
 
     if (columnSortable.current && columnSortable.current === 'custom' && columnSortFunction.current) {
       value = columnSortFunction.current({
-        rowData: value,
+        data: data,
         field: getSortField(),
         order: getSortOrder()
       });
@@ -42763,7 +42910,7 @@ var TreeTable = /*#__PURE__*/React__namespace.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++) {
@@ -42799,18 +42946,17 @@ var TreeTable = /*#__PURE__*/React__namespace.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) {
@@ -43800,6 +43946,7 @@ var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
   });
   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,
@@ -43819,17 +43966,15 @@ var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
     style: props.style
   }, otherProps, {
     onClick: onClick
-  }), /*#__PURE__*/React__namespace.createElement("div", {
+  }), /*#__PURE__*/React__namespace.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__namespace.createElement("span", {
+    "aria-checked": ariaChecked
+  }, ariaProps), /*#__PURE__*/React__namespace.createElement("span", {
     className: iconClassName
   })), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
     className: "p-sr-only",
@@ -43849,8 +43994,6 @@ TriStateCheckbox.defaultProps = {
   disabled: false,
   readOnly: false,
   tabIndex: '0',
-  'aria-label': null,
-  'aria-labelledby': null,
   tooltip: null,
   tooltipOptions: null,
   onChange: null
@@ -43900,7 +44043,6 @@ exports.FileUpload = FileUpload;
 exports.FilterMatchMode = FilterMatchMode;
 exports.FilterOperator = FilterOperator;
 exports.FilterService = FilterService;
-exports.FullCalendar = FullCalendar;
 exports.GMap = GMap;
 exports.Galleria = Galleria;
 exports.IconUtils = IconUtils;
@@ -43950,6 +44092,7 @@ exports.Sidebar = Sidebar;
 exports.Skeleton = Skeleton;
 exports.SlideMenu = SlideMenu;
 exports.Slider = Slider;
+exports.SortOrder = SortOrder;
 exports.SpeedDial = SpeedDial;
 exports.SplitButton = SplitButton;
 exports.Splitter = Splitter;
@@ -43982,7 +44125,7 @@ exports.confirmDialog = confirmDialog;
 exports.confirmPopup = confirmPopup;
 exports["default"] = PrimeReact;
 exports.locale = locale;
-exports.localeOption = localeOption;
+exports.localeOption = localeOption$1;
 exports.localeOptions = localeOptions;
 exports.mask = mask;
 exports.updateLocaleOption = updateLocaleOption;