primevue 4.1.0 → 4.2.0

package/textarea/Textarea.vue

@@ -1,19 +1,15 @@
 <template>
-    <textarea :class="cx('root')" :value="modelValue" :aria-invalid="invalid || undefined" @input="onInput" v-bind="ptmi('root', ptmParams)"></textarea>
+    <textarea :class="cx('root')" :value="d_value" :disabled="disabled" :aria-invalid="invalid || undefined" @input="onInput" v-bind="attrs"></textarea>
 </template>
 
 <script>
-import { isEmpty } from '@primeuix/utils/object';
+import { mergeProps } from 'vue';
 import BaseTextarea from './BaseTextarea.vue';
 
 export default {
     name: 'Textarea',
     extends: BaseTextarea,
     inheritAttrs: false,
-    emits: ['update:modelValue'],
-    inject: {
-        $pcFluid: { default: null }
-    },
     mounted() {
         if (this.$el.offsetParent && this.autoResize) {
             this.resize();
@@ -41,22 +37,20 @@ export default {
                 this.resize();
             }
 
-            this.$emit('update:modelValue', event.target.value);
+            this.writeValue(event.target.value, event);
         }
     },
     computed: {
-        filled() {
-            return this.modelValue != null && this.modelValue.toString().length > 0;
-        },
-        ptmParams() {
-            return {
-                context: {
-                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''
-                }
-            };
-        },
-        hasFluid() {
-            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
+        attrs() {
+            return mergeProps(
+                this.ptmi('root', {
+                    context: {
+                        filled: this.$filled,
+                        disabled: this.disabled
+                    }
+                }),
+                this.formField
+            );
         }
     }
 };

package/textarea/index.d.ts

@@ -7,7 +7,7 @@
  * @module textarea
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, Nullable, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, Nullable, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
 import { TextareaHTMLAttributes } from 'vue';
@@ -92,11 +92,23 @@ export interface TextareaProps extends TextareaHTMLAttributes {
      * Value of the component.
      */
     modelValue?: Nullable<string>;
+    /**
+     * The default value for the input when not controlled by `modelValue`.
+     */
+    defaultValue?: Nullable<string>;
+    /**
+     * The name attribute for the element, typically used in form submissions.
+     */
+    name?: string | undefined;
     /**
      * When present, height of textarea changes as being typed.
      * @defaultValue false
      */
     autoResize?: boolean | undefined;
+    /**
+     * Defines the size of the component.
+     */
+    size?: 'small' | 'large' | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -112,6 +124,10 @@ export interface TextareaProps extends TextareaHTMLAttributes {
      * @defaultValue null
      */
     fluid?: boolean | undefined;
+    /**
+     * Form control object, typically used for handling validation and form state.
+     */
+    formControl?: Record<string, any> | undefined;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */
@@ -147,6 +163,11 @@ export interface TextareaEmitsOptions {
      * @param {string} value - New value.
      */
     'update:modelValue': (value: string) => void;
+    /**
+     * Emitted when the value changes in uncontrolled mode.
+     * @param {string} value - New value.
+     */
+    'value-change'(value: string): void;
 }
 
 export declare type TextareaEmits = EmitFn<TextareaEmitsOptions>;
@@ -167,7 +188,7 @@ declare const Textarea: DefineComponent<TextareaProps, TextareaSlots, TextareaEm
 
 declare module 'vue' {
     export interface GlobalComponents {
-        Textarea: GlobalComponentConstructor<TextareaProps, TextareaSlots, TextareaEmits>;
+        Textarea: DefineComponent<TextareaProps, TextareaSlots, TextareaEmits>;
     }
 }
 

package/textarea/index.mjs

@@ -1,26 +1,12 @@
-import { isEmpty } from '@primeuix/utils/object';
-import BaseComponent from '@primevue/core/basecomponent';
+import { mergeProps, openBlock, createElementBlock } from 'vue';
+import BaseInput from '@primevue/core/baseinput';
 import TextareaStyle from 'primevue/textarea/style';
-import { openBlock, createElementBlock, mergeProps } from 'vue';
 
 var script$1 = {
   name: 'BaseTextarea',
-  "extends": BaseComponent,
+  "extends": BaseInput,
   props: {
-    modelValue: null,
-    autoResize: Boolean,
-    invalid: {
-      type: Boolean,
-      "default": false
-    },
-    variant: {
-      type: String,
-      "default": null
-    },
-    fluid: {
-      type: Boolean,
-      "default": null
-    }
+    autoResize: Boolean
   },
   style: TextareaStyle,
   provide: function provide() {
@@ -35,12 +21,6 @@ var script = {
   name: 'Textarea',
   "extends": script$1,
   inheritAttrs: false,
-  emits: ['update:modelValue'],
-  inject: {
-    $pcFluid: {
-      "default": null
-    }
-  },
   mounted: function mounted() {
     if (this.$el.offsetParent && this.autoResize) {
       this.resize();
@@ -66,36 +46,32 @@ var script = {
       if (this.autoResize) {
         this.resize();
       }
-      this.$emit('update:modelValue', event.target.value);
+      this.writeValue(event.target.value, event);
     }
   },
   computed: {
-    filled: function filled() {
-      return this.modelValue != null && this.modelValue.toString().length > 0;
-    },
-    ptmParams: function ptmParams() {
-      return {
+    attrs: function attrs() {
+      return mergeProps(this.ptmi('root', {
         context: {
-          disabled: this.$attrs.disabled || this.$attrs.disabled === ''
+          filled: this.$filled,
+          disabled: this.disabled
         }
-      };
-    },
-    hasFluid: function hasFluid() {
-      return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
+      }), this.formField);
     }
   }
 };
 
-var _hoisted_1 = ["value", "aria-invalid"];
+var _hoisted_1 = ["value", "disabled", "aria-invalid"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("textarea", mergeProps({
     "class": _ctx.cx('root'),
-    value: _ctx.modelValue,
+    value: _ctx.d_value,
+    disabled: _ctx.disabled,
     "aria-invalid": _ctx.invalid || undefined,
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })
-  }, _ctx.ptmi('root', $options.ptmParams)), null, 16, _hoisted_1);
+  }, $options.attrs), null, 16, _hoisted_1);
 }
 
 script.render = render;

package/textarea/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/textarea/BaseTextarea.vue","../../src/textarea/Textarea.vue","../../src/textarea/Textarea.vue?vue&type=template&id=5443acc3&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TextareaStyle from 'primevue/textarea/style';\n\nexport default {\n    name: 'BaseTextarea',\n    extends: BaseComponent,\n    props: {\n        modelValue: null,\n        autoResize: Boolean,\n        invalid: {\n            type: Boolean,\n            default: false\n        },\n        variant: {\n            type: String,\n            default: null\n        },\n        fluid: {\n            type: Boolean,\n            default: null\n        }\n    },\n    style: TextareaStyle,\n    provide() {\n        return {\n            $pcTextarea: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <textarea :class=\"cx('root')\" :value=\"modelValue\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"ptmi('root', ptmParams)\"></textarea>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    emits: ['update:modelValue'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    mounted() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    updated() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    methods: {\n        resize() {\n            this.$el.style.height = 'auto';\n            this.$el.style.height = this.$el.scrollHeight + 'px';\n\n            if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {\n                this.$el.style.overflowY = 'scroll';\n                this.$el.style.height = this.$el.style.maxHeight;\n            } else {\n                this.$el.style.overflow = 'hidden';\n            }\n        },\n        onInput(event) {\n            if (this.autoResize) {\n                this.resize();\n            }\n\n            this.$emit('update:modelValue', event.target.value);\n        }\n    },\n    computed: {\n        filled() {\n            return this.modelValue != null && this.modelValue.toString().length > 0;\n        },\n        ptmParams() {\n            return {\n                context: {\n                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''\n                }\n            };\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    }\n};\n</script>\n","<template>\n    <textarea :class=\"cx('root')\" :value=\"modelValue\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"ptmi('root', ptmParams)\"></textarea>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    emits: ['update:modelValue'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    mounted() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    updated() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    methods: {\n        resize() {\n            this.$el.style.height = 'auto';\n            this.$el.style.height = this.$el.scrollHeight + 'px';\n\n            if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {\n                this.$el.style.overflowY = 'scroll';\n                this.$el.style.height = this.$el.style.maxHeight;\n            } else {\n                this.$el.style.overflow = 'hidden';\n            }\n        },\n        onInput(event) {\n            if (this.autoResize) {\n                this.resize();\n            }\n\n            this.$emit('update:modelValue', event.target.value);\n        }\n    },\n    computed: {\n        filled() {\n            return this.modelValue != null && this.modelValue.toString().length > 0;\n        },\n        ptmParams() {\n            return {\n                context: {\n                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''\n                }\n            };\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","autoResize","Boolean","invalid","type","variant","String","fluid","style","TextareaStyle","provide","$pcTextarea","$parentInstance","BaseTextarea","inheritAttrs","emits","inject","$pcFluid","mounted","$el","offsetParent","resize","updated","methods","height","scrollHeight","parseFloat","maxHeight","overflowY","overflow","onInput","event","$emit","target","value","computed","filled","toString","length","ptmParams","context","disabled","$attrs","hasFluid","isEmpty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","undefined","$options","apply","arguments","ptmi","_hoisted_1"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/textarea/BaseTextarea.vue","../../src/textarea/Textarea.vue","../../src/textarea/Textarea.vue?vue&type=template&id=28a9ca42&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport TextareaStyle from 'primevue/textarea/style';\n\nexport default {\n    name: 'BaseTextarea',\n    extends: BaseInput,\n    props: {\n        autoResize: Boolean\n    },\n    style: TextareaStyle,\n    provide() {\n        return {\n            $pcTextarea: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <textarea :class=\"cx('root')\" :value=\"d_value\" :disabled=\"disabled\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"attrs\"></textarea>\n</template>\n\n<script>\nimport { mergeProps } from 'vue';\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    mounted() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    updated() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    methods: {\n        resize() {\n            this.$el.style.height = 'auto';\n            this.$el.style.height = this.$el.scrollHeight + 'px';\n\n            if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {\n                this.$el.style.overflowY = 'scroll';\n                this.$el.style.height = this.$el.style.maxHeight;\n            } else {\n                this.$el.style.overflow = 'hidden';\n            }\n        },\n        onInput(event) {\n            if (this.autoResize) {\n                this.resize();\n            }\n\n            this.writeValue(event.target.value, event);\n        }\n    },\n    computed: {\n        attrs() {\n            return mergeProps(\n                this.ptmi('root', {\n                    context: {\n                        filled: this.$filled,\n                        disabled: this.disabled\n                    }\n                }),\n                this.formField\n            );\n        }\n    }\n};\n</script>\n","<template>\n    <textarea :class=\"cx('root')\" :value=\"d_value\" :disabled=\"disabled\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"attrs\"></textarea>\n</template>\n\n<script>\nimport { mergeProps } from 'vue';\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    mounted() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    updated() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    methods: {\n        resize() {\n            this.$el.style.height = 'auto';\n            this.$el.style.height = this.$el.scrollHeight + 'px';\n\n            if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {\n                this.$el.style.overflowY = 'scroll';\n                this.$el.style.height = this.$el.style.maxHeight;\n            } else {\n                this.$el.style.overflow = 'hidden';\n            }\n        },\n        onInput(event) {\n            if (this.autoResize) {\n                this.resize();\n            }\n\n            this.writeValue(event.target.value, event);\n        }\n    },\n    computed: {\n        attrs() {\n            return mergeProps(\n                this.ptmi('root', {\n                    context: {\n                        filled: this.$filled,\n                        disabled: this.disabled\n                    }\n                }),\n                this.formField\n            );\n        }\n    }\n};\n</script>\n"],"names":["name","BaseInput","props","autoResize","Boolean","style","TextareaStyle","provide","$pcTextarea","$parentInstance","BaseTextarea","inheritAttrs","mounted","$el","offsetParent","resize","updated","methods","height","scrollHeight","parseFloat","maxHeight","overflowY","overflow","onInput","event","writeValue","target","value","computed","attrs","mergeProps","ptmi","context","filled","$filled","disabled","formField","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","d_value","invalid","undefined","$options","apply","arguments","_hoisted_1"],"mappings":"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"}

package/textarea/style/index.mjs

@@ -2,18 +2,20 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-textarea {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ".concat(dt('textarea.color'), ";\n    background: ").concat(dt('textarea.background'), ";\n    padding: ").concat(dt('textarea.padding.y'), " ").concat(dt('textarea.padding.x'), ";\n    border: 1px solid ").concat(dt('textarea.border.color'), ";\n    transition: background ").concat(dt('textarea.transition.duration'), ", color ").concat(dt('textarea.transition.duration'), ", border-color ").concat(dt('textarea.transition.duration'), ", outline-color ").concat(dt('textarea.transition.duration'), ", box-shadow ").concat(dt('textarea.transition.duration'), ";\n    appearance: none;\n    border-radius: ").concat(dt('textarea.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('textarea.shadow'), ";\n}\n\n.p-textarea:enabled:hover {\n    border-color: ").concat(dt('textarea.hover.border.color'), ";\n}\n\n.p-textarea:enabled:focus {\n    border-color: ").concat(dt('textarea.focus.border.color'), ";\n    box-shadow: ").concat(dt('textarea.focus.ring.shadow'), ";\n    outline: ").concat(dt('textarea.focus.ring.width'), " ").concat(dt('textarea.focus.ring.style'), " ").concat(dt('textarea.focus.ring.color'), ";\n    outline-offset: ").concat(dt('textarea.focus.ring.offset'), ";\n}\n\n.p-textarea.p-invalid {\n    border-color: ").concat(dt('textarea.invalid.border.color'), ";\n}\n\n.p-textarea.p-variant-filled {\n    background: ").concat(dt('textarea.filled.background'), ";\n}\n\n.p-textarea.p-variant-filled:enabled:focus {\n    background: ").concat(dt('textarea.filled.focus.background'), ";\n}\n\n.p-textarea:disabled {\n    opacity: 1;\n    background: ").concat(dt('textarea.disabled.background'), ";\n    color: ").concat(dt('textarea.disabled.color'), ";\n}\n\n.p-textarea::placeholder {\n    color: ").concat(dt('textarea.placeholder.color'), ";\n}\n\n.p-textarea-fluid {\n    width: 100%;\n}\n\n.p-textarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n");
+  return "\n.p-textarea {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ".concat(dt('textarea.color'), ";\n    background: ").concat(dt('textarea.background'), ";\n    padding-block: ").concat(dt('textarea.padding.y'), ";\n    padding-inline: ").concat(dt('textarea.padding.x'), ";\n    border: 1px solid ").concat(dt('textarea.border.color'), ";\n    transition: background ").concat(dt('textarea.transition.duration'), ", color ").concat(dt('textarea.transition.duration'), ", border-color ").concat(dt('textarea.transition.duration'), ", outline-color ").concat(dt('textarea.transition.duration'), ", box-shadow ").concat(dt('textarea.transition.duration'), ";\n    appearance: none;\n    border-radius: ").concat(dt('textarea.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('textarea.shadow'), ";\n}\n\n.p-textarea:enabled:hover {\n    border-color: ").concat(dt('textarea.hover.border.color'), ";\n}\n\n.p-textarea:enabled:focus {\n    border-color: ").concat(dt('textarea.focus.border.color'), ";\n    box-shadow: ").concat(dt('textarea.focus.ring.shadow'), ";\n    outline: ").concat(dt('textarea.focus.ring.width'), " ").concat(dt('textarea.focus.ring.style'), " ").concat(dt('textarea.focus.ring.color'), ";\n    outline-offset: ").concat(dt('textarea.focus.ring.offset'), ";\n}\n\n.p-textarea.p-invalid {\n    border-color: ").concat(dt('textarea.invalid.border.color'), ";\n}\n\n.p-textarea.p-variant-filled {\n    background: ").concat(dt('textarea.filled.background'), ";\n}\n\n.p-textarea.p-variant-filled:enabled:focus {\n    background: ").concat(dt('textarea.filled.focus.background'), ";\n}\n\n.p-textarea:disabled {\n    opacity: 1;\n    background: ").concat(dt('textarea.disabled.background'), ";\n    color: ").concat(dt('textarea.disabled.color'), ";\n}\n\n.p-textarea::placeholder {\n    color: ").concat(dt('textarea.placeholder.color'), ";\n}\n\n.p-textarea.p-invalid::placeholder {\n    color: ").concat(dt('textarea.invalid.placeholder.color'), ";\n}\n\n.p-textarea-fluid {\n    width: 100%;\n}\n\n.p-textarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-textarea-sm {\n    font-size: ").concat(dt('textarea.sm.font.size'), ";\n    padding-block: ").concat(dt('textarea.sm.padding.y'), ";\n    padding-inline: ").concat(dt('textarea.sm.padding.x'), ";\n}\n\n.p-textarea-lg {\n    font-size: ").concat(dt('textarea.lg.font.size'), ";\n    padding-block: ").concat(dt('textarea.lg.padding.y'), ";\n    padding-inline: ").concat(dt('textarea.lg.padding.x'), ";\n}\n");
 };
 var classes = {
   root: function root(_ref2) {
     var instance = _ref2.instance,
       props = _ref2.props;
     return ['p-textarea p-component', {
-      'p-filled': instance.filled,
+      'p-filled': instance.$filled,
       'p-textarea-resizable ': props.autoResize,
-      'p-invalid': props.invalid,
-      'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',
-      'p-textarea-fluid': instance.hasFluid
+      'p-textarea-sm p-inputfield-sm': props.size === 'small',
+      'p-textarea-lg p-inputfield-lg': props.size === 'large',
+      'p-invalid': instance.$invalid,
+      'p-variant-filled': instance.$variant === 'filled',
+      'p-textarea-fluid': instance.$fluid
     }];
   }
 };

package/textarea/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/textarea/style/TextareaStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-textarea {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ${dt('textarea.color')};\n    background: ${dt('textarea.background')};\n    padding: ${dt('textarea.padding.y')} ${dt('textarea.padding.x')};\n    border: 1px solid ${dt('textarea.border.color')};\n    transition: background ${dt('textarea.transition.duration')}, color ${dt('textarea.transition.duration')}, border-color ${dt('textarea.transition.duration')}, outline-color ${dt('textarea.transition.duration')}, box-shadow ${dt(\n    'textarea.transition.duration'\n)};\n    appearance: none;\n    border-radius: ${dt('textarea.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('textarea.shadow')};\n}\n\n.p-textarea:enabled:hover {\n    border-color: ${dt('textarea.hover.border.color')};\n}\n\n.p-textarea:enabled:focus {\n    border-color: ${dt('textarea.focus.border.color')};\n    box-shadow: ${dt('textarea.focus.ring.shadow')};\n    outline: ${dt('textarea.focus.ring.width')} ${dt('textarea.focus.ring.style')} ${dt('textarea.focus.ring.color')};\n    outline-offset: ${dt('textarea.focus.ring.offset')};\n}\n\n.p-textarea.p-invalid {\n    border-color: ${dt('textarea.invalid.border.color')};\n}\n\n.p-textarea.p-variant-filled {\n    background: ${dt('textarea.filled.background')};\n}\n\n.p-textarea.p-variant-filled:enabled:focus {\n    background: ${dt('textarea.filled.focus.background')};\n}\n\n.p-textarea:disabled {\n    opacity: 1;\n    background: ${dt('textarea.disabled.background')};\n    color: ${dt('textarea.disabled.color')};\n}\n\n.p-textarea::placeholder {\n    color: ${dt('textarea.placeholder.color')};\n}\n\n.p-textarea-fluid {\n    width: 100%;\n}\n\n.p-textarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-textarea p-component',\n        {\n            'p-filled': instance.filled,\n            'p-textarea-resizable ': props.autoResize,\n            'p-invalid': props.invalid,\n            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',\n            'p-textarea-fluid': instance.hasFluid\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'textarea',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","autoResize","invalid","variant","$primevue","config","inputStyle","inputVariant","hasFluid","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/textarea/style/TextareaStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-textarea {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ${dt('textarea.color')};\n    background: ${dt('textarea.background')};\n    padding-block: ${dt('textarea.padding.y')};\n    padding-inline: ${dt('textarea.padding.x')};\n    border: 1px solid ${dt('textarea.border.color')};\n    transition: background ${dt('textarea.transition.duration')}, color ${dt('textarea.transition.duration')}, border-color ${dt('textarea.transition.duration')}, outline-color ${dt('textarea.transition.duration')}, box-shadow ${dt(\n    'textarea.transition.duration'\n)};\n    appearance: none;\n    border-radius: ${dt('textarea.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('textarea.shadow')};\n}\n\n.p-textarea:enabled:hover {\n    border-color: ${dt('textarea.hover.border.color')};\n}\n\n.p-textarea:enabled:focus {\n    border-color: ${dt('textarea.focus.border.color')};\n    box-shadow: ${dt('textarea.focus.ring.shadow')};\n    outline: ${dt('textarea.focus.ring.width')} ${dt('textarea.focus.ring.style')} ${dt('textarea.focus.ring.color')};\n    outline-offset: ${dt('textarea.focus.ring.offset')};\n}\n\n.p-textarea.p-invalid {\n    border-color: ${dt('textarea.invalid.border.color')};\n}\n\n.p-textarea.p-variant-filled {\n    background: ${dt('textarea.filled.background')};\n}\n\n.p-textarea.p-variant-filled:enabled:focus {\n    background: ${dt('textarea.filled.focus.background')};\n}\n\n.p-textarea:disabled {\n    opacity: 1;\n    background: ${dt('textarea.disabled.background')};\n    color: ${dt('textarea.disabled.color')};\n}\n\n.p-textarea::placeholder {\n    color: ${dt('textarea.placeholder.color')};\n}\n\n.p-textarea.p-invalid::placeholder {\n    color: ${dt('textarea.invalid.placeholder.color')};\n}\n\n.p-textarea-fluid {\n    width: 100%;\n}\n\n.p-textarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-textarea-sm {\n    font-size: ${dt('textarea.sm.font.size')};\n    padding-block: ${dt('textarea.sm.padding.y')};\n    padding-inline: ${dt('textarea.sm.padding.x')};\n}\n\n.p-textarea-lg {\n    font-size: ${dt('textarea.lg.font.size')};\n    padding-block: ${dt('textarea.lg.padding.y')};\n    padding-inline: ${dt('textarea.lg.padding.x')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-textarea p-component',\n        {\n            'p-filled': instance.$filled,\n            'p-textarea-resizable ': props.autoResize,\n            'p-textarea-sm p-inputfield-sm': props.size === 'small',\n            'p-textarea-lg p-inputfield-lg': props.size === 'large',\n            'p-invalid': instance.$invalid,\n            'p-variant-filled': instance.$variant === 'filled',\n            'p-textarea-fluid': instance.$fluid\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'textarea',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","$filled","autoResize","size","$invalid","$variant","$fluid","BaseStyle","extend","name"],"mappings":"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"}

package/tieredmenu/TieredMenu.vue

@@ -248,7 +248,7 @@ export default {
                     break;
             }
         },
-        onItemChange(event) {
+        onItemChange(event, type) {
             const { processedItem, isFocus } = event;
 
             if (isEmpty(processedItem)) return;
@@ -264,10 +264,15 @@ export default {
             }
 
             this.focusedItemInfo = { index, level, parentKey };
-            this.activeItemPath = activeItemPath;
 
             grouped && (this.dirty = true);
             isFocus && focus(this.menubar);
+
+            if (type === 'hover' && this.queryMatches) {
+                return;
+            }
+
+            this.activeItemPath = activeItemPath;
         },
         onOverlayClick(event) {
             OverlayEventBus.emit('overlay-click', {
@@ -304,7 +309,7 @@ export default {
         },
         onItemMouseEnter(event) {
             if (this.dirty) {
-                this.onItemChange(event);
+                this.onItemChange(event, 'hover');
             }
         },
         onItemMouseMove(event) {

package/tieredmenu/index.d.ts

@@ -7,7 +7,7 @@
  * @module tieredmenu
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, HintedString, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { MenuItem } from 'primevue/menuitem';
 import type { PassThroughOptions } from 'primevue/passthrough';
@@ -417,7 +417,7 @@ declare const TieredMenu: DefineComponent<TieredMenuProps, TieredMenuSlots, Tier
 
 declare module 'vue' {
     export interface GlobalComponents {
-        TieredMenu: GlobalComponentConstructor<TieredMenuProps, TieredMenuSlots, TieredMenuEmits, TieredMenuMethods>;
+        TieredMenu: DefineComponent<TieredMenuProps, TieredMenuSlots, TieredMenuEmits, TieredMenuMethods>;
     }
 }
 

package/tieredmenu/index.mjs

@@ -540,7 +540,7 @@ var script = {
           break;
       }
     },
-    onItemChange: function onItemChange(event) {
+    onItemChange: function onItemChange(event, type) {
       var processedItem = event.processedItem,
         isFocus = event.isFocus;
       if (isEmpty(processedItem)) return;
@@ -562,9 +562,12 @@ var script = {
         level: level,
         parentKey: parentKey
       };
-      this.activeItemPath = activeItemPath;
       grouped && (this.dirty = true);
       isFocus && focus(this.menubar);
+      if (type === 'hover' && this.queryMatches) {
+        return;
+      }
+      this.activeItemPath = activeItemPath;
     },
     onOverlayClick: function onOverlayClick(event) {
       OverlayEventBus.emit('overlay-click', {
@@ -608,7 +611,7 @@ var script = {
     },
     onItemMouseEnter: function onItemMouseEnter(event) {
       if (this.dirty) {
-        this.onItemChange(event);
+        this.onItemChange(event, 'hover');
       }
     },
     onItemMouseMove: function onItemMouseMove(event) {