primevue 3.48.0 → 3.49.0

package/core/core.js

@@ -2612,7 +2612,7 @@ this.primevue.calendar.style = (function (BaseStyle) {
           state = _ref2.state;
         return ['p-calendar p-component p-inputwrapper', {
           'p-calendar-w-btn': props.showIcon && props.iconDisplay === 'button',
-          'p-input-icon-right': props.showIcon && props.iconDisplay === 'input',
+          'p-icon-field p-icon-field-right': props.showIcon && props.iconDisplay === 'input',
           'p-calendar-timeonly': props.timeOnly,
           'p-calendar-disabled': props.disabled,
           'p-invalid': props.invalid,
@@ -2629,7 +2629,7 @@ this.primevue.calendar.style = (function (BaseStyle) {
         }];
       },
       dropdownButton: 'p-datepicker-trigger',
-      inputIcon: 'p-datepicker-trigger-icon',
+      inputIcon: 'p-datepicker-trigger-icon p-input-icon',
       panel: function panel(_ref4) {
         var instance = _ref4.instance,
           props = _ref4.props,
@@ -3467,7 +3467,7 @@ this.primevue.dataviewlayoutoptions.style = (function (BaseStyle) {
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
     var classes = {
-      root: 'p-dataview-layout-options p-selectbutton p-buttonset',
+      root: 'p-dataview-layout-options p-selectbutton p-button-group',
       listButton: function listButton(_ref) {
         var props = _ref.props;
         return ['p-button p-button-icon-only', {
@@ -4216,6 +4216,28 @@ this.primevue.inputnumber.style = (function (BaseStyle) {
 
 })(primevue.base.style);
 
+this.primevue = this.primevue || {};
+this.primevue.inputotp = this.primevue.inputotp || {};
+this.primevue.inputotp.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var classes = {
+      root: 'p-inputotp p-component',
+      input: 'p-inputotp-input'
+    };
+    var InputOtpStyle = BaseStyle__default["default"].extend({
+      name: 'inputotp',
+      classes: classes
+    });
+
+    return InputOtpStyle;
+
+})(primevue.base.style);
+
 this.primevue = this.primevue || {};
 this.primevue.inputswitch = this.primevue.inputswitch || {};
 this.primevue.inputswitch.style = (function (BaseStyle) {
@@ -5015,7 +5037,7 @@ this.primevue.password.style = (function (BaseStyle) {
         return ['p-password p-component p-inputwrapper', {
           'p-inputwrapper-filled': instance.filled,
           'p-inputwrapper-focus': instance.focused,
-          'p-input-icon-right': props.toggleMask
+          'p-icon-field p-icon-field-right': props.toggleMask
         }];
       },
       input: function input(_ref3) {
@@ -5024,9 +5046,10 @@ this.primevue.password.style = (function (BaseStyle) {
           'p-disabled': props.disabled
         }];
       },
+      hideIcon: 'p-input-icon',
+      showIcon: 'p-input-icon',
       panel: function panel(_ref4) {
-        _ref4.props;
-          var instance = _ref4.instance;
+        var instance = _ref4.instance;
         return ['p-password-panel p-component', {
           'p-ripple-disabled': instance.$primevue.config.ripple === false
         }];
@@ -5331,7 +5354,7 @@ this.primevue.selectbutton.style = (function (BaseStyle) {
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
-        return ['p-selectbutton p-buttonset p-component', {
+        return ['p-selectbutton p-button-group p-component', {
           'p-disabled': props.disabled,
           'p-invalid': props.invalid
         }];
@@ -6857,6 +6880,14 @@ this.primevue.basecomponent = (function (BaseStyle, utils, vue, usestyle) {
     });
 
     function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+    function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
+    function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+    function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+    function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+    function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+    function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+    function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+    function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
     function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -6997,12 +7028,22 @@ this.primevue.basecomponent = (function (BaseStyle, utils, vue, usestyle) {
             _ref3$mergeProps = _ref3.mergeProps,
             useMergeProps = _ref3$mergeProps === void 0 ? false : _ref3$mergeProps;
           var global = searchInDefaultPT ? searchOut ? this._useGlobalPT(this._getPTClassValue, key, params) : this._useDefaultPT(this._getPTClassValue, key, params) : undefined;
-          var self = searchOut ? undefined : this._usePT(this._getPT(obj, this.$name), this._getPTClassValue, key, _objectSpread(_objectSpread({}, params), {}, {
+          var self = searchOut ? undefined : this._getPTSelf(obj, this._getPTClassValue, key, _objectSpread(_objectSpread({}, params), {}, {
             global: global || {}
           }));
           var datasets = this._getPTDatasets(key);
           return mergeSections || !mergeSections && self ? useMergeProps ? this._mergeProps(useMergeProps, global, self, datasets) : _objectSpread(_objectSpread(_objectSpread({}, global), self), datasets) : _objectSpread(_objectSpread({}, self), datasets);
         },
+        _getPTSelf: function _getPTSelf() {
+          var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+          for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key3 = 1; _key3 < _len2; _key3++) {
+            args[_key3 - 1] = arguments[_key3];
+          }
+          return vue.mergeProps(this._usePT.apply(this, [this._getPT(obj, this.$name)].concat(args)),
+          // Exp; <component :pt="{}"
+          this._usePT.apply(this, [this.$_attrsPT].concat(args)) // Exp; <component :pt:[passthrough_key]:[attribute]="{value}" or <component :pt:[passthrough_key]="() =>{value}"
+          );
+        },
         _getPTDatasets: function _getPTDatasets() {
           var _this$pt4, _this$pt5;
           var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
@@ -7063,6 +7104,12 @@ this.primevue.basecomponent = (function (BaseStyle, utils, vue, usestyle) {
           var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
           return this._getPTValue(this.pt, key, _objectSpread(_objectSpread({}, this.$params), params));
         },
+        ptmi: function ptmi() {
+          var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+          var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+          // inheritAttrs:true without `pt:*`
+          return vue.mergeProps(this.$_attrsNoPT, this.ptm(key, params));
+        },
         ptmo: function ptmo() {
           var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
           var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -7140,6 +7187,39 @@ this.primevue.basecomponent = (function (BaseStyle, utils, vue, usestyle) {
         },
         $name: function $name() {
           return this.$options.hostName || this.$.type.name;
+        },
+        $_attrsPT: function $_attrsPT() {
+          return Object.entries(this.$attrs || {}).filter(function (_ref7) {
+            var _ref8 = _slicedToArray(_ref7, 1),
+              key = _ref8[0];
+            return key === null || key === void 0 ? void 0 : key.startsWith('pt:');
+          }).reduce(function (result, _ref9) {
+            var _ref10 = _slicedToArray(_ref9, 2),
+              key = _ref10[0],
+              value = _ref10[1];
+            var _key$split = key.split(':'),
+              _key$split2 = _toArray(_key$split),
+              rest = _key$split2.slice(1);
+            rest === null || rest === void 0 || rest.reduce(function (currentObj, nestedKey, index, array) {
+              !currentObj[nestedKey] && (currentObj[nestedKey] = index === array.length - 1 ? value : {});
+              return currentObj[nestedKey];
+            }, result);
+            return result;
+          }, {});
+        },
+        $_attrsNoPT: function $_attrsNoPT() {
+          // $attrs without `pt:*`
+          return Object.entries(this.$attrs || {}).filter(function (_ref11) {
+            var _ref12 = _slicedToArray(_ref11, 1),
+              key = _ref12[0];
+            return !(key !== null && key !== void 0 && key.startsWith('pt:'));
+          }).reduce(function (acc, _ref13) {
+            var _ref14 = _slicedToArray(_ref13, 2),
+              key = _ref14[0],
+              value = _ref14[1];
+            acc[key] = value;
+            return acc;
+          }, {});
         }
       }
     };
@@ -9103,16 +9183,10 @@ this.primevue.tooltip = (function (utils, BaseDirective, TooltipStyle) {
         getTooltipElement: function getTooltipElement(el) {
           return document.getElementById(el.$_ptooltipId);
         },
-        create: function create(el, options) {
+        create: function create(el) {
           var modifiers = el.$_ptooltipModifiers;
           var tooltipArrow = utils.DomHandler.createElement('div', {
             "class": !this.isUnstyled() && this.cx('arrow'),
-            style: {
-              top: modifiers !== null && modifiers !== void 0 && modifiers.bottom ? '0' : modifiers !== null && modifiers !== void 0 && modifiers.right || modifiers !== null && modifiers !== void 0 && modifiers.left || !(modifiers !== null && modifiers !== void 0 && modifiers.right) && !(modifiers !== null && modifiers !== void 0 && modifiers.left) && !(modifiers !== null && modifiers !== void 0 && modifiers.top) && !(modifiers !== null && modifiers !== void 0 && modifiers.bottom) ? '50%' : null,
-              bottom: modifiers !== null && modifiers !== void 0 && modifiers.top ? '0' : null,
-              left: modifiers !== null && modifiers !== void 0 && modifiers.right || !(modifiers !== null && modifiers !== void 0 && modifiers.right) && !(modifiers !== null && modifiers !== void 0 && modifiers.left) && !(modifiers !== null && modifiers !== void 0 && modifiers.top) && !(modifiers !== null && modifiers !== void 0 && modifiers.bottom) ? '0' : modifiers !== null && modifiers !== void 0 && modifiers.top || modifiers !== null && modifiers !== void 0 && modifiers.bottom ? '50%' : null,
-              right: modifiers !== null && modifiers !== void 0 && modifiers.left ? '0' : null
-            },
             'p-bind': this.ptm('arrow', {
               context: modifiers
             })
@@ -9258,6 +9332,11 @@ this.primevue.tooltip = (function (utils, BaseDirective, TooltipStyle) {
           !this.isUnstyled() && utils.DomHandler.addClass(tooltipElement, "p-tooltip-".concat(position));
           tooltipElement.$_ptooltipPosition = position;
           tooltipElement.setAttribute('data-p-position', position);
+          var arrowElement = utils.DomHandler.findSingle(tooltipElement, '[data-pc-section="arrow"]');
+          arrowElement.style.top = position === 'bottom' ? '0' : position === 'right' || position === 'left' || position !== 'right' && position !== 'left' && position !== 'top' && position !== 'bottom' ? '50%' : null;
+          arrowElement.style.bottom = position === 'top' ? '0' : null;
+          arrowElement.style.left = position === 'right' || position !== 'right' && position !== 'left' && position !== 'top' && position !== 'bottom' ? '0' : position === 'top' || position === 'bottom' ? '50%' : null;
+          arrowElement.style.right = position === 'left' ? '0' : null;
         },
         isOutOfBounds: function isOutOfBounds(el) {
           var tooltipElement = this.getTooltipElement(el);
@@ -9563,26 +9642,28 @@ this.primevue.virtualscroller = (function (SpinnerIcon, utils, BaseComponent, Vi
     var script = {
       name: 'VirtualScroller',
       "extends": script$1,
+      inheritAttrs: false,
       emits: ['update:numToleratedItems', 'scroll', 'scroll-index-change', 'lazy-load'],
       data: function data() {
+        var both = this.isBoth();
         return {
-          first: this.isBoth() ? {
+          first: both ? {
             rows: 0,
             cols: 0
           } : 0,
-          last: this.isBoth() ? {
+          last: both ? {
             rows: 0,
             cols: 0
           } : 0,
-          page: this.isBoth() ? {
+          page: both ? {
             rows: 0,
             cols: 0
           } : 0,
-          numItemsInViewport: this.isBoth() ? {
+          numItemsInViewport: both ? {
             rows: 0,
             cols: 0
           } : 0,
-          lastScrollPos: this.isBoth() ? {
+          lastScrollPos: both ? {
             top: 0,
             left: 0
           } : 0,
@@ -9686,10 +9767,7 @@ this.primevue.virtualscroller = (function (SpinnerIcon, utils, BaseComponent, Vi
           return this.orientation === 'both';
         },
         scrollTo: function scrollTo(options) {
-          this.lastScrollPos = this.both ? {
-            top: 0,
-            left: 0
-          } : 0;
+          //this.lastScrollPos = this.both ? { top: 0, left: 0 } : 0;
           this.element && this.element.scrollTo(options);
         },
         scrollToIndex: function scrollToIndex(index) {
@@ -9702,6 +9780,11 @@ this.primevue.virtualscroller = (function (SpinnerIcon, utils, BaseComponent, Vi
           }) : index > -1;
           if (valid) {
             var first = this.first;
+            var _this$element = this.element,
+              _this$element$scrollT = _this$element.scrollTop,
+              scrollTop = _this$element$scrollT === void 0 ? 0 : _this$element$scrollT,
+              _this$element$scrollL = _this$element.scrollLeft,
+              scrollLeft = _this$element$scrollL === void 0 ? 0 : _this$element$scrollL;
             var _this$calculateNumIte = this.calculateNumItems(),
               numToleratedItems = _this$calculateNumIte.numToleratedItems;
             var contentPos = this.getContentPosition();
@@ -9727,21 +9810,24 @@ this.primevue.virtualscroller = (function (SpinnerIcon, utils, BaseComponent, Vi
               rows: 0,
               cols: 0
             } : 0;
-            var isRangeChanged = false;
+            var isRangeChanged = false,
+              isScrollChanged = false;
             if (both) {
               newFirst = {
                 rows: calculateFirst(index[0], numToleratedItems[0]),
                 cols: calculateFirst(index[1], numToleratedItems[1])
               };
               scrollTo(calculateCoord(newFirst.cols, itemSize[1], contentPos.left), calculateCoord(newFirst.rows, itemSize[0], contentPos.top));
+              isScrollChanged = this.lastScrollPos.top !== scrollTop || this.lastScrollPos.left !== scrollLeft;
               isRangeChanged = newFirst.rows !== first.rows || newFirst.cols !== first.cols;
             } else {
               newFirst = calculateFirst(index, numToleratedItems);
-              horizontal ? scrollTo(calculateCoord(newFirst, itemSize, contentPos.left), 0) : scrollTo(0, calculateCoord(newFirst, itemSize, contentPos.top));
+              horizontal ? scrollTo(calculateCoord(newFirst, itemSize, contentPos.left), scrollTop) : scrollTo(scrollLeft, calculateCoord(newFirst, itemSize, contentPos.top));
+              isScrollChanged = this.lastScrollPos !== (horizontal ? scrollLeft : scrollTop);
               isRangeChanged = newFirst !== first;
             }
             this.isRangeChanged = isRangeChanged;
-            this.first = newFirst;
+            isScrollChanged && (this.first = newFirst);
           }
         },
         scrollInView: function scrollInView(index, to) {
@@ -9809,9 +9895,9 @@ this.primevue.virtualscroller = (function (SpinnerIcon, utils, BaseComponent, Vi
           if (this.element) {
             var both = this.isBoth();
             var horizontal = this.isHorizontal();
-            var _this$element = this.element,
-              scrollTop = _this$element.scrollTop,
-              scrollLeft = _this$element.scrollLeft;
+            var _this$element2 = this.element,
+              scrollTop = _this$element2.scrollTop,
+              scrollLeft = _this$element2.scrollLeft;
             if (both) {
               firstInViewport = {
                 rows: calculateFirstInViewport(scrollTop, this.itemSize[0]),
@@ -10295,7 +10381,7 @@ this.primevue.virtualscroller = (function (SpinnerIcon, utils, BaseComponent, Vi
         onScroll: _cache[0] || (_cache[0] = function () {
           return $options.onScroll && $options.onScroll.apply($options, arguments);
         })
-      }, _ctx.ptm('root')), [vue.renderSlot(_ctx.$slots, "content", {
+      }, _ctx.ptmi('root')), [vue.renderSlot(_ctx.$slots, "content", {
         styleClass: $options.contentClass,
         items: $options.loadedItems,
         getItemOptions: $options.getOptions,
@@ -10570,9 +10656,11 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, But
     var script = {
       name: 'Button',
       "extends": script$1,
+      inheritAttrs: false,
       methods: {
         getPTOptions: function getPTOptions(key) {
-          return this.ptm(key, {
+          var _ptm = key === 'root' ? this.ptmi : this.ptm;
+          return _ptm(key, {
             context: {
               disabled: this.disabled
             }
@@ -10599,7 +10687,7 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, But
       }
     };
 
-    var _hoisted_1 = ["aria-label", "disabled", "data-pc-severity"];
+    var _hoisted_1 = ["aria-label", "disabled", "data-p-severity"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       var _component_SpinnerIcon = vue.resolveComponent("SpinnerIcon");
       var _component_Badge = vue.resolveComponent("Badge");
@@ -10610,7 +10698,7 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, But
         "aria-label": $options.defaultAriaLabel,
         disabled: $options.disabled
       }, $options.getPTOptions('root'), {
-        "data-pc-severity": _ctx.severity
+        "data-p-severity": _ctx.severity
       }), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
         return [_ctx.loading ? vue.renderSlot(_ctx.$slots, "loadingicon", {
           key: 0,
@@ -10688,10 +10776,12 @@ this.primevue.inputtext = (function (BaseComponent, InputTextStyle, vue) {
     var script = {
       name: 'InputText',
       "extends": script$1,
+      inheritAttrs: false,
       emits: ['update:modelValue'],
       methods: {
         getPTOptions: function getPTOptions(key) {
-          return this.ptm(key, {
+          var _ptm = key === 'root' ? this.ptmi : this.ptm;
+          return _ptm(key, {
             context: {
               filled: this.filled,
               disabled: this.$attrs.disabled || this.$attrs.disabled === ''
@@ -10709,11 +10799,12 @@ this.primevue.inputtext = (function (BaseComponent, InputTextStyle, vue) {
       }
     };
 
-    var _hoisted_1 = ["value"];
+    var _hoisted_1 = ["value", "aria-invalid"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
         "class": _ctx.cx('root'),
         value: _ctx.modelValue,
+        "aria-invalid": _ctx.invalid || undefined,
         onInput: _cache[0] || (_cache[0] = function () {
           return $options.onInput && $options.onInput.apply($options, arguments);
         })
@@ -10918,6 +11009,7 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
     var script = {
       name: 'InputNumber',
       "extends": script$1,
+      inheritAttrs: false,
       emits: ['update:modelValue', 'input', 'focus', 'blur'],
       numberFormat: null,
       _numeral: null,
@@ -11761,7 +11853,7 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
       var _component_INButton = vue.resolveComponent("INButton");
       return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         "class": _ctx.cx('root')
-      }, _ctx.ptm('root')), [vue.createVNode(_component_INInputText, vue.mergeProps({
+      }, _ctx.ptmi('root')), [vue.createVNode(_component_INInputText, vue.mergeProps({
         ref: "input",
         id: _ctx.inputId,
         role: "spinbutton",
@@ -11776,6 +11868,7 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
         placeholder: _ctx.placeholder,
         "aria-labelledby": _ctx.ariaLabelledby,
         "aria-label": _ctx.ariaLabel,
+        "aria-invalid": _ctx.invalid || undefined,
         onInput: $options.onUserInput,
         onKeydown: $options.onInputKeyDown,
         onKeypress: $options.onInputKeyPress,
@@ -11786,7 +11879,7 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
       }, _ctx.inputProps, {
         pt: _ctx.ptm('input'),
         unstyled: _ctx.unstyled
-      }), null, 16, ["id", "class", "style", "value", "aria-valuemin", "aria-valuemax", "aria-valuenow", "disabled", "readonly", "placeholder", "aria-labelledby", "aria-label", "onInput", "onKeydown", "onKeypress", "onPaste", "onClick", "onFocus", "onBlur", "pt", "unstyled"]), _ctx.showButtons && _ctx.buttonLayout === 'stacked' ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+      }), null, 16, ["id", "class", "style", "value", "aria-valuemin", "aria-valuemax", "aria-valuenow", "disabled", "readonly", "placeholder", "aria-labelledby", "aria-label", "aria-invalid", "onInput", "onKeydown", "onKeypress", "onPaste", "onClick", "onFocus", "onBlur", "pt", "unstyled"]), _ctx.showButtons && _ctx.buttonLayout === 'stacked' ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         key: 0,
         "class": _ctx.cx('buttonGroup')
       }, _ctx.ptm('buttonGroup')), [vue.createVNode(_component_INButton, vue.mergeProps({
@@ -11971,10 +12064,12 @@ this.primevue.checkbox = (function (CheckIcon, utils, BaseComponent, CheckboxSty
     var script = {
       name: 'Checkbox',
       "extends": script$1,
+      inheritAttrs: false,
       emits: ['update:modelValue', 'change', 'focus', 'blur'],
       methods: {
         getPTOptions: function getPTOptions(key) {
-          return this.ptm(key, {
+          var _ptm = key === 'root' ? this.ptmi : this.ptm;
+          return _ptm(key, {
             context: {
               checked: this.checked,
               disabled: this.disabled
@@ -12014,7 +12109,7 @@ this.primevue.checkbox = (function (CheckIcon, utils, BaseComponent, CheckboxSty
     };
 
     var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
-    var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label"];
+    var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label", "aria-invalid"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       var _component_CheckIcon = vue.resolveComponent("CheckIcon");
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
@@ -12036,6 +12131,7 @@ this.primevue.checkbox = (function (CheckIcon, utils, BaseComponent, CheckboxSty
         required: _ctx.required,
         "aria-labelledby": _ctx.ariaLabelledby,
         "aria-label": _ctx.ariaLabel,
+        "aria-invalid": _ctx.invalid || undefined,
         onFocus: _cache[0] || (_cache[0] = function () {
           return $options.onFocus && $options.onFocus.apply($options, arguments);
         }),
@@ -12136,10 +12232,12 @@ this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, v
     var script = {
       name: 'RadioButton',
       "extends": script$1,
+      inheritAttrs: false,
       emits: ['update:modelValue', 'change', 'focus', 'blur'],
       methods: {
         getPTOptions: function getPTOptions(key) {
-          return this.ptm(key, {
+          var _ptm = key === 'root' ? this.ptmi : this.ptm;
+          return _ptm(key, {
             context: {
               checked: this.checked,
               disabled: this.disabled
@@ -12168,7 +12266,7 @@ this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, v
     };
 
     var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
-    var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label"];
+    var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-invalid"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root')
@@ -12188,6 +12286,7 @@ this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, v
         readonly: _ctx.readonly,
         "aria-labelledby": _ctx.ariaLabelledby,
         "aria-label": _ctx.ariaLabel,
+        "aria-invalid": _ctx.invalid || undefined,
         onFocus: _cache[0] || (_cache[0] = function () {
           return $options.onFocus && $options.onFocus.apply($options, arguments);
         }),
@@ -12269,6 +12368,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
     var script = {
       name: 'Message',
       "extends": script$1,
+      inheritAttrs: false,
       emits: ['close', 'life-end'],
       timeout: null,
       data: function data() {
@@ -12339,7 +12439,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
       return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
         name: "p-message",
         appear: ""
-      }, _ctx.ptm('transition')), {
+      }, _ctx.ptmi('transition')), {
         "default": vue.withCtx(function () {
           return [vue.withDirectives(vue.createElementVNode("div", vue.mergeProps({
             "class": _ctx.cx('root'),
@@ -12426,6 +12526,7 @@ this.primevue.progressbar = (function (BaseComponent, ProgressBarStyle, vue) {
     var script = {
       name: 'ProgressBar',
       "extends": script$1,
+      inheritAttrs: false,
       computed: {
         progressStyle: function progressStyle() {
           return {
@@ -12450,7 +12551,7 @@ this.primevue.progressbar = (function (BaseComponent, ProgressBarStyle, vue) {
         "aria-valuemin": "0",
         "aria-valuenow": _ctx.value,
         "aria-valuemax": "100"
-      }, _ctx.ptm('root')), [$options.determinate ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, _ctx.ptmi('root')), [$options.determinate ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 0,
         "class": _ctx.cx('value'),
         style: $options.progressStyle
@@ -12692,6 +12793,7 @@ this.primevue.dropdown = (function (api, BlankIcon, CheckIcon, ChevronDownIcon,
     var script = {
       name: 'Dropdown',
       "extends": script$1,
+      inheritAttrs: false,
       emits: ['update:modelValue', 'change', 'focus', 'blur', 'before-show', 'before-hide', 'show', 'hide', 'filter'],
       outsideClickListener: null,
       scrollHandler: null,
@@ -13076,6 +13178,7 @@ this.primevue.dropdown = (function (api, BlankIcon, CheckIcon, ChevronDownIcon,
         onEscapeKey: function onEscapeKey(event) {
           this.overlayVisible && this.hide(true);
           event.preventDefault();
+          event.stopPropagation(); //@todo will be changed next versionss
         },
         onTabKey: function onTabKey(event) {
           var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -13454,7 +13557,7 @@ this.primevue.dropdown = (function (api, BlankIcon, CheckIcon, ChevronDownIcon,
     function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
     function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var _hoisted_1 = ["id"];
-    var _hoisted_2 = ["id", "value", "placeholder", "tabindex", "disabled", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant"];
+    var _hoisted_2 = ["id", "value", "placeholder", "tabindex", "disabled", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-invalid"];
     var _hoisted_3 = ["id", "tabindex", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-disabled"];
     var _hoisted_4 = ["value", "placeholder", "aria-owns", "aria-activedescendant"];
     var _hoisted_5 = ["id"];
@@ -13471,10 +13574,10 @@ this.primevue.dropdown = (function (api, BlankIcon, CheckIcon, ChevronDownIcon,
         ref: "container",
         id: $data.id,
         "class": _ctx.cx('root'),
-        onClick: _cache[15] || (_cache[15] = function () {
+        onClick: _cache[16] || (_cache[16] = function () {
           return $options.onContainerClick && $options.onContainerClick.apply($options, arguments);
         })
-      }, _ctx.ptm('root')), [_ctx.editable ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
+      }, _ctx.ptmi('root')), [_ctx.editable ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
         key: 0,
         ref: "focusInput",
         id: _ctx.inputId,
@@ -13493,6 +13596,7 @@ this.primevue.dropdown = (function (api, BlankIcon, CheckIcon, ChevronDownIcon,
         "aria-expanded": $data.overlayVisible,
         "aria-controls": $data.id + '_list',
         "aria-activedescendant": $data.focused ? $options.focusedOptionId : undefined,
+        "aria-invalid": _ctx.invalid || undefined,
         onFocus: _cache[0] || (_cache[0] = function () {
           return $options.onFocus && $options.onFocus.apply($options, arguments);
         }),
@@ -13588,10 +13692,10 @@ this.primevue.dropdown = (function (api, BlankIcon, CheckIcon, ChevronDownIcon,
                 ref: $options.overlayRef,
                 "class": [_ctx.cx('panel'), _ctx.panelClass],
                 style: _ctx.panelStyle,
-                onClick: _cache[13] || (_cache[13] = function () {
+                onClick: _cache[14] || (_cache[14] = function () {
                   return $options.onOverlayClick && $options.onOverlayClick.apply($options, arguments);
                 }),
-                onKeydown: _cache[14] || (_cache[14] = function () {
+                onKeydown: _cache[15] || (_cache[15] = function () {
                   return $options.onOverlayKeyDown && $options.onOverlayKeyDown.apply($options, arguments);
                 })
               }, _objectSpread(_objectSpread({}, _ctx.panelProps), _ctx.ptm('panel'))), [vue.createElementVNode("span", vue.mergeProps({
@@ -13621,19 +13725,22 @@ this.primevue.dropdown = (function (api, BlankIcon, CheckIcon, ChevronDownIcon,
                 onVnodeMounted: _cache[8] || (_cache[8] = function () {
                   return $options.onFilterUpdated && $options.onFilterUpdated.apply($options, arguments);
                 }),
+                onVnodeUpdated: _cache[9] || (_cache[9] = function () {
+                  return $options.onFilterUpdated && $options.onFilterUpdated.apply($options, arguments);
+                }),
                 "class": _ctx.cx('filterInput'),
                 placeholder: _ctx.filterPlaceholder,
                 role: "searchbox",
                 autocomplete: "off",
                 "aria-owns": $data.id + '_list',
                 "aria-activedescendant": $options.focusedOptionId,
-                onKeydown: _cache[9] || (_cache[9] = function () {
+                onKeydown: _cache[10] || (_cache[10] = function () {
                   return $options.onFilterKeyDown && $options.onFilterKeyDown.apply($options, arguments);
                 }),
-                onBlur: _cache[10] || (_cache[10] = function () {
+                onBlur: _cache[11] || (_cache[11] = function () {
                   return $options.onFilterBlur && $options.onFilterBlur.apply($options, arguments);
                 }),
-                onInput: _cache[11] || (_cache[11] = function () {
+                onInput: _cache[12] || (_cache[12] = function () {
                   return $options.onFilterChange && $options.onFilterChange.apply($options, arguments);
                 })
               }, _objectSpread(_objectSpread({}, _ctx.filterInputProps), _ctx.ptm('filterInput'))), null, 16, _hoisted_4), vue.renderSlot(_ctx.$slots, "filtericon", {
@@ -13788,7 +13895,7 @@ this.primevue.dropdown = (function (api, BlankIcon, CheckIcon, ChevronDownIcon,
                 "aria-hidden": "true",
                 "class": "p-hidden-accessible p-hidden-focusable",
                 tabindex: 0,
-                onFocus: _cache[12] || (_cache[12] = function () {
+                onFocus: _cache[13] || (_cache[13] = function () {
                   return $options.onLastHiddenFocus && $options.onLastHiddenFocus.apply($options, arguments);
                 })
               }, _ctx.ptm('hiddenLastFocusableEl'), {
@@ -14163,7 +14270,7 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
             this.lastPageX = event.pageX;
             this.lastPageY = event.pageY;
             this.container.style.margin = '0';
-            document.body.setAttribute('data-p-unselectable-text');
+            document.body.setAttribute('data-p-unselectable-text', 'true');
             !this.isUnstyled && utils.DomHandler.addClass(document.body, 'p-unselectable-text');
           }
         },
@@ -14314,7 +14421,7 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
                 role: "dialog",
                 "aria-labelledby": $options.ariaLabelledById,
                 "aria-modal": _ctx.modal
-              }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [_ctx.$slots.container ? vue.renderSlot(_ctx.$slots, "container", {
+              }, _ctx.ptmi('root')), [_ctx.$slots.container ? vue.renderSlot(_ctx.$slots, "container", {
                 key: 0,
                 onClose: $options.close,
                 onMaximize: function onMaximize(event) {
@@ -14937,6 +15044,7 @@ this.primevue.paginator = (function (utils, BaseComponent, PaginatorStyle, vue,
     var script = {
       name: 'Paginator',
       "extends": script$a,
+      inheritAttrs: false,
       emits: ['update:first', 'update:rows', 'page'],
       data: function data() {
         return {
@@ -15155,7 +15263,7 @@ this.primevue.paginator = (function (utils, BaseComponent, PaginatorStyle, vue,
       var _component_JumpToPageInput = vue.resolveComponent("JumpToPageInput");
       return (_ctx.alwaysShow ? true : $options.pageLinks && $options.pageLinks.length > 1) ? (vue.openBlock(), vue.createElementBlock("nav", vue.normalizeProps(vue.mergeProps({
         key: 0
-      }, _ctx.ptm('paginatorWrapper'))), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.templateItems, function (value, key) {
+      }, _ctx.ptmi('paginatorWrapper'))), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.templateItems, function (value, key) {
         return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
           key: key,
           ref_for: true,
@@ -15894,6 +16002,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
     var script = {
       name: 'Tree',
       "extends": script$2,
+      inheritAttrs: false,
       emits: ['node-expand', 'node-collapse', 'update:expandedKeys', 'update:selectionKeys', 'node-select', 'node-unselect', 'filter'],
       data: function data() {
         return {
@@ -16110,7 +16219,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
       var _component_TreeNode = vue.resolveComponent("TreeNode");
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root')
-      }, _ctx.ptm('root')), [_ctx.loading && _ctx.loadingMode === 'mask' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, _ctx.ptmi('root')), [_ctx.loading && _ctx.loadingMode === 'mask' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 0,
         "class": _ctx.cx('loadingOverlay')
       }, _ctx.ptm('loadingOverlay')), [vue.renderSlot(_ctx.$slots, "loadingicon", {
@@ -16242,7 +16351,7 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
       hostName: 'Menu',
       "extends": BaseComponent__default["default"],
       inheritAttrs: false,
-      emits: ['item-click'],
+      emits: ['item-click', 'item-mousemove'],
       props: {
         item: null,
         templates: null,
@@ -16279,6 +16388,13 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
             id: this.id
           });
         },
+        onItemMouseMove: function onItemMouseMove(event) {
+          this.$emit('item-mousemove', {
+            originalEvent: event,
+            item: this.item,
+            id: this.id
+          });
+        },
         visible: function visible() {
           return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;
         },
@@ -16328,6 +16444,9 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
         "class": _ctx.cx('content'),
         onClick: _cache[0] || (_cache[0] = function ($event) {
           return $options.onItemClick($event);
+        }),
+        onMousemove: _cache[1] || (_cache[1] = function ($event) {
+          return $options.onItemMouseMove($event);
         })
       }, $options.getPTOptions('content')), [!$props.templates.item ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
         key: 0,
@@ -16339,7 +16458,7 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
       }, $options.getPTOptions('action')), [$props.templates.itemicon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.itemicon), {
         key: 0,
         item: $props.item,
-        "class": vue.normalizeClass([_ctx.cx('icon'), $props.item.icon])
+        "class": vue.normalizeClass(_ctx.cx('icon'))
       }, null, 8, ["item", "class"])) : $props.item.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         key: 1,
         "class": [_ctx.cx('icon'), $props.item.icon]
@@ -16420,14 +16539,14 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
             this.focusedOptionIndex = event.id;
           }
         },
+        itemMouseMove: function itemMouseMove(event) {
+          if (this.focused) {
+            this.focusedOptionIndex = event.id;
+          }
+        },
         onListFocus: function onListFocus(event) {
           this.focused = true;
-          if (!this.popup) {
-            if (this.selectedOptionIndex !== -1) {
-              this.changeFocusedOptionIndex(this.selectedOptionIndex);
-              this.selectedOptionIndex = -1;
-            } else this.changeFocusedOptionIndex(0);
-          }
+          !this.popup && this.changeFocusedOptionIndex(0);
           this.$emit('focus', event);
         },
         onListBlur: function onListBlur(event) {
@@ -16545,7 +16664,6 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
           }
           if (this.popup) {
             utils.DomHandler.focus(this.list);
-            this.changeFocusedOptionIndex(0);
           }
           this.$emit('show');
         },
@@ -16654,12 +16772,6 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
       }
     };
 
-    function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-    function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-    function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-    function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var _hoisted_1 = ["id"];
     var _hoisted_2 = ["id", "tabindex", "aria-activedescendant", "aria-label", "aria-labelledby"];
     var _hoisted_3 = ["id"];
@@ -16686,7 +16798,7 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
                 onClick: _cache[3] || (_cache[3] = function () {
                   return $options.onOverlayClick && $options.onOverlayClick.apply($options, arguments);
                 })
-              }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+              }, _ctx.ptmi('root')), [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                 key: 0,
                 "class": _ctx.cx('start')
               }, _ctx.ptm('start')), [vue.renderSlot(_ctx.$slots, "start")], 16)) : vue.createCommentVNode("", true), vue.createElementVNode("ul", vue.mergeProps({
@@ -16731,8 +16843,9 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
                     templates: _ctx.$slots,
                     focusedOptionId: $options.focusedOptionId,
                     onItemClick: $options.itemClick,
+                    onItemMousemove: $options.itemMouseMove,
                     pt: _ctx.pt
-                  }, null, 8, ["id", "item", "templates", "focusedOptionId", "onItemClick", "pt"])) : $options.visible(child) && child.separator ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
+                  }, null, 8, ["id", "item", "templates", "focusedOptionId", "onItemClick", "onItemMousemove", "pt"])) : $options.visible(child) && child.separator ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
                     key: 'separator' + i + j,
                     "class": [_ctx.cx('separator'), item["class"]],
                     style: child.style,
@@ -16751,8 +16864,9 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
                   templates: _ctx.$slots,
                   focusedOptionId: $options.focusedOptionId,
                   onItemClick: $options.itemClick,
+                  onItemMousemove: $options.itemMouseMove,
                   pt: _ctx.pt
-                }, null, 8, ["id", "item", "index", "templates", "focusedOptionId", "onItemClick", "pt"]))], 64);
+                }, null, 8, ["id", "item", "index", "templates", "focusedOptionId", "onItemClick", "onItemMousemove", "pt"]))], 64);
               }), 128))], 16, _hoisted_2), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                 key: 1,
                 "class": _ctx.cx('end')
@@ -16837,7 +16951,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
       name: 'TieredMenuSub',
       hostName: 'TieredMenu',
       "extends": BaseComponent__default["default"],
-      emits: ['item-click', 'item-mouseenter'],
+      emits: ['item-click', 'item-mouseenter', 'item-mousemove'],
       container: null,
       props: {
         menuId: {
@@ -16937,6 +17051,12 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
             processedItem: processedItem
           });
         },
+        onItemMouseMove: function onItemMouseMove(event, processedItem) {
+          this.$emit('item-mousemove', {
+            originalEvent: event,
+            processedItem: processedItem
+          });
+        },
         getAriaSetSize: function getAriaSetSize() {
           var _this = this;
           return this.items.filter(function (processedItem) {
@@ -16981,7 +17101,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
 
     var _hoisted_1$1 = ["tabindex"];
     var _hoisted_2 = ["id", "aria-label", "aria-disabled", "aria-expanded", "aria-haspopup", "aria-level", "aria-setsize", "aria-posinset", "data-p-highlight", "data-p-focused", "data-p-disabled"];
-    var _hoisted_3 = ["onClick", "onMouseenter"];
+    var _hoisted_3 = ["onClick", "onMouseenter", "onMousemove"];
     var _hoisted_4 = ["href", "target"];
     var _hoisted_5 = ["id"];
     var _hoisted_6 = ["id"];
@@ -17028,6 +17148,9 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
               },
               onMouseenter: function onMouseenter($event) {
                 return $options.onItemMouseEnter($event, processedItem);
+              },
+              onMousemove: function onMousemove($event) {
+                return $options.onItemMouseMove($event, processedItem);
               }
             }, $options.getPTOptions(processedItem, index, 'content')), [!$props.templates.item ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
               key: 0,
@@ -17039,7 +17162,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
             }, $options.getPTOptions(processedItem, index, 'action')), [$props.templates.itemicon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.itemicon), {
               key: 0,
               item: processedItem.item,
-              "class": vue.normalizeClass([_ctx.cx('icon'), $options.getItemProp(processedItem, 'icon')])
+              "class": vue.normalizeClass(_ctx.cx('icon'))
             }, null, 8, ["item", "class"])) : $options.getItemProp(processedItem, 'icon') ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
               key: 1,
               "class": [_ctx.cx('icon'), $options.getItemProp(processedItem, 'icon')]
@@ -17083,6 +17206,9 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
               }),
               onItemMouseenter: _cache[1] || (_cache[1] = function ($event) {
                 return _ctx.$emit('item-mouseenter', $event);
+              }),
+              onItemMousemove: _cache[2] || (_cache[2] = function ($event) {
+                return _ctx.$emit('item-mousemove', $event);
               })
             }, null, 8, ["id", "style", "aria-labelledby", "menuId", "focusedItemId", "items", "templates", "activeItemPath", "level", "visible", "pt", "unstyled"])) : vue.createCommentVNode("", true)], 16, _hoisted_2)) : vue.createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
               key: 1,
@@ -17191,11 +17317,6 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
             this.target = this.target || event.currentTarget;
             this.relatedTarget = event.relatedTarget || null;
           }
-          this.focusedItemInfo = {
-            index: this.findFirstFocusedItemIndex(),
-            level: 0,
-            parentKey: ''
-          };
           isFocus && utils.DomHandler.focus(this.menubar);
         },
         hide: function hide(event, isFocus) {
@@ -17214,11 +17335,13 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
         },
         onFocus: function onFocus(event) {
           this.focused = true;
-          this.focusedItemInfo = this.focusedItemInfo.index !== -1 ? this.focusedItemInfo : {
-            index: this.findFirstFocusedItemIndex(),
-            level: 0,
-            parentKey: ''
-          };
+          if (!this.popup) {
+            this.focusedItemInfo = this.focusedItemInfo.index !== -1 ? this.focusedItemInfo : {
+              index: this.findFirstFocusedItemIndex(),
+              level: 0,
+              parentKey: ''
+            };
+          }
           this.$emit('focus', event);
         },
         onBlur: function onBlur(event) {
@@ -17355,6 +17478,11 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
             this.onItemChange(event);
           }
         },
+        onItemMouseMove: function onItemMouseMove(event) {
+          if (this.focused) {
+            this.changeFocusedItemIndex(event, event.processedItem.index);
+          }
+        },
         onArrowDownKey: function onArrowDownKey(event) {
           var itemIndex = this.focusedItemInfo.index !== -1 ? this.findNextItemIndex(this.focusedItemInfo.index) : this.findFirstFocusedItemIndex();
           this.changeFocusedItemIndex(event, itemIndex);
@@ -17700,12 +17828,6 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
       }
     };
 
-    function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-    function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-    function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-    function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var _hoisted_1 = ["id"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       var _component_TieredMenuSub = vue.resolveComponent("TieredMenuSub");
@@ -17731,7 +17853,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
                 onClick: _cache[0] || (_cache[0] = function () {
                   return $options.onOverlayClick && $options.onOverlayClick.apply($options, arguments);
                 })
-              }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+              }, _ctx.ptmi('root')), [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                 key: 0,
                 "class": _ctx.cx('start')
               }, _ctx.ptm('start')), [vue.renderSlot(_ctx.$slots, "start")], 16)) : vue.createCommentVNode("", true), vue.createVNode(_component_TieredMenuSub, {
@@ -17757,8 +17879,9 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
                 onBlur: $options.onBlur,
                 onKeydown: $options.onKeyDown,
                 onItemClick: $options.onItemClick,
-                onItemMouseenter: $options.onItemMouseEnter
-              }, null, 8, ["id", "tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-activedescendant", "menuId", "focusedItemId", "items", "templates", "activeItemPath", "visible", "pt", "unstyled", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"]), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                onItemMouseenter: $options.onItemMouseEnter,
+                onItemMousemove: $options.onItemMouseMove
+              }, null, 8, ["id", "tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-activedescendant", "menuId", "focusedItemId", "items", "templates", "activeItemPath", "visible", "pt", "unstyled", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter", "onItemMousemove"]), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                 key: 1,
                 "class": _ctx.cx('end')
               }, _ctx.ptm('end')), [vue.renderSlot(_ctx.$slots, "end")], 16)) : vue.createCommentVNode("", true)], 16, _hoisted_1)) : vue.createCommentVNode("", true)];
@@ -17812,13 +17935,14 @@ this.primevue.badge = (function (BadgeStyle, BaseComponent, vue) {
 
     var script = {
       name: 'Badge',
-      "extends": script$1
+      "extends": script$1,
+      inheritAttrs: false
     };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         "class": _ctx.cx('root')
-      }, _ctx.ptm('root')), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
+      }, _ctx.ptmi('root')), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
         return [vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)];
       })], 16);
     }