vuetify 3.0.0-beta.9 → 3.0.1

package/lib/components/VTextField/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VTextField"],"sources":["../../../src/components/VTextField/index.ts"],"sourcesContent":["export { VTextField } from './VTextField'\n"],"mappings":"SAASA,U"}
+{"version":3,"file":"index.mjs","names":["VTextField"],"sources":["../../../src/components/VTextField/index.ts"],"sourcesContent":["export { VTextField } from './VTextField'\n"],"mappings":"SAASA,UAAU"}

package/lib/components/VTextarea/VTextarea.css

@@ -1,3 +1,6 @@
+.v-textarea .v-field {
+  --v-textarea-control-height: var(--v-input-control-height);
+}
 .v-textarea .v-field__field {
   --v-input-control-height: var(--v-textarea-control-height);
 }
@@ -22,13 +25,12 @@
   min-height: 0 !important;
   pointer-events: none;
 }
-.v-textarea .v-field--has-label textarea {
-  opacity: 0;
-}
+.v-textarea .v-field--no-label textarea,
 .v-textarea .v-field--active textarea {
   opacity: 1;
 }
 .v-textarea textarea {
+  opacity: 0;
   flex: 1;
   min-width: 0;
   transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);

package/lib/components/VTextarea/VTextarea.mjs

@@ -1,21 +1,19 @@
 import { vModelText as _vModelText, withDirectives as _withDirectives, mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
 import "./VTextarea.css";
-import "../VTextField/VTextField.css"; // Components
+import "../VTextField/VTextField.css";
 
+// Components
 import { filterFieldProps, makeVFieldProps } from "../VField/VField.mjs";
 import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
 import { VCounter } from "../VCounter/index.mjs";
 import { VField } from "../VField/index.mjs"; // Directives
-
 import Intersect from "../../directives/intersect/index.mjs"; // Composables
-
 import { forwardRefs } from "../../composables/forwardRefs.mjs";
+import { useFocus } from "../../composables/focus.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
-import { clamp, convertToUnit, defineComponent, filterInputAttrs, useRender } from "../../util/index.mjs"; // Types
-
+import { callEvent, clamp, convertToUnit, defineComponent, filterInputAttrs, useRender } from "../../util/index.mjs"; // Types
 export const VTextarea = defineComponent({
   name: 'VTextarea',
   directives: {
@@ -48,11 +46,10 @@ export const VTextarea = defineComponent({
     ...makeVFieldProps()
   },
   emits: {
-    'click:clear': e => true,
     'click:control': e => true,
+    'update:focused': focused => true,
     'update:modelValue': val => true
   },
-
   setup(props, _ref) {
     let {
       attrs,
@@ -60,6 +57,11 @@ export const VTextarea = defineComponent({
       slots
     } = _ref;
     const model = useProxiedModel(props, 'modelValue');
+    const {
+      isFocused,
+      focus,
+      blur
+    } = useFocus(props);
     const counterValue = computed(() => {
       return typeof props.counterValue === 'function' ? props.counterValue(model.value) : (model.value || '').toString().length;
     });
@@ -68,54 +70,42 @@ export const VTextarea = defineComponent({
       if (!props.counter || typeof props.counter !== 'number' && typeof props.counter !== 'string') return undefined;
       return props.counter;
     });
-
     function onIntersect(isIntersecting, entries) {
       var _entries$0$target, _entries$0$target$foc;
-
       if (!props.autofocus || !isIntersecting) return;
       (_entries$0$target = entries[0].target) == null ? void 0 : (_entries$0$target$foc = _entries$0$target.focus) == null ? void 0 : _entries$0$target$foc.call(_entries$0$target);
     }
-
     const vInputRef = ref();
     const vFieldRef = ref();
-    const isFocused = ref(false);
     const controlHeight = ref('');
     const textareaRef = ref();
     const isActive = computed(() => isFocused.value || props.persistentPlaceholder);
     const messages = computed(() => {
       return props.messages.length ? props.messages : isActive.value || props.persistentHint ? props.hint : '';
     });
-
     function onFocus() {
       if (textareaRef.value !== document.activeElement) {
         var _textareaRef$value;
-
         (_textareaRef$value = textareaRef.value) == null ? void 0 : _textareaRef$value.focus();
       }
-
-      if (!isFocused.value) isFocused.value = true;
+      if (!isFocused.value) focus();
     }
-
     function onControlClick(e) {
       onFocus();
       emit('click:control', e);
     }
-
     function onClear(e) {
       e.stopPropagation();
       onFocus();
       nextTick(() => {
         model.value = '';
-        emit('click:clear', e);
+        callEvent(props['onClick:clear'], e);
       });
     }
-
     function onInput(e) {
       model.value = e.target.value;
     }
-
     const sizerRef = ref();
-
     function calculateInputHeight() {
       if (!props.autoGrow) return;
       nextTick(() => {
@@ -127,10 +117,9 @@ export const VTextarea = defineComponent({
         const lineHeight = parseFloat(style.lineHeight);
         const minHeight = Math.max(parseFloat(props.rows) * lineHeight + padding, parseFloat(fieldStyle.getPropertyValue('--v-input-control-height')));
         const maxHeight = parseFloat(props.maxRows) * lineHeight + padding || Infinity;
-        controlHeight.value = convertToUnit(clamp(height != null ? height : 0, minHeight, maxHeight));
+        controlHeight.value = convertToUnit(clamp(height ?? 0, minHeight, maxHeight));
       });
     }
-
     onMounted(calculateInputHeight);
     watch(model, calculateInputHeight);
     watch(() => props.rows, calculateInputHeight);
@@ -143,13 +132,11 @@ export const VTextarea = defineComponent({
         observer.observe(sizerRef.value);
       } else {
         var _observer;
-
         (_observer = observer) == null ? void 0 : _observer.disconnect();
       }
     });
     onBeforeUnmount(() => {
       var _observer2;
-
       (_observer2 = observer) == null ? void 0 : _observer2.disconnect();
     });
     useRender(() => {
@@ -171,11 +158,16 @@ export const VTextarea = defineComponent({
           'v-text-field--prefixed': props.prefix,
           'v-text-field--suffixed': props.suffix,
           'v-textarea--auto-grow': props.autoGrow,
-          'v-textarea--no-resize': props.noResize || props.autoGrow
-        }]
+          'v-textarea--no-resize': props.noResize || props.autoGrow,
+          'v-text-field--flush-details': ['plain', 'underlined'].includes(props.variant)
+        }],
+        "onClick:prepend": props['onClick:prepend'],
+        "onClick:append": props['onClick:append']
       }, rootAttrs, inputProps, {
+        "focused": isFocused.value,
         "messages": messages.value
-      }), { ...slots,
+      }), {
+        ...slots,
         default: _ref2 => {
           let {
             isDisabled,
@@ -190,13 +182,16 @@ export const VTextarea = defineComponent({
             },
             "onClick:control": onControlClick,
             "onClick:clear": onClear,
+            "onClick:prependInner": props['onClick:prependInner'],
+            "onClick:appendInner": props['onClick:appendInner'],
             "role": "textbox"
           }, fieldProps, {
             "active": isActive.value || isDirty.value,
             "dirty": isDirty.value || props.dirty,
             "focused": isFocused.value,
             "error": isValid.value === false
-          }), { ...slots,
+          }), {
+            ...slots,
             default: _ref3 => {
               let {
                 props: {
@@ -218,7 +213,7 @@ export const VTextarea = defineComponent({
                 "rows": props.rows,
                 "name": props.name,
                 "onFocus": onFocus,
-                "onBlur": () => isFocused.value = false
+                "onBlur": blur
               }, slotProps, inputAttrs), null), [[_resolveDirective("intersect"), {
                 handler: onIntersect
               }, null, {
@@ -237,7 +232,6 @@ export const VTextarea = defineComponent({
         },
         details: hasDetails ? slotProps => {
           var _slots$details;
-
           return _createVNode(_Fragment, null, [(_slots$details = slots.details) == null ? void 0 : _slots$details.call(slots, slotProps), hasCounter && _createVNode(_Fragment, null, [_createVNode("span", null, null), _createVNode(VCounter, {
             "active": props.persistentCounter || isFocused.value,
             "value": counterValue.value,
@@ -248,6 +242,5 @@ export const VTextarea = defineComponent({
     });
     return forwardRefs({}, vInputRef, vFieldRef, textareaRef);
   }
-
 });
 //# sourceMappingURL=VTextarea.mjs.map

package/lib/components/VTextarea/VTextarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VTextarea.mjs","names":["filterFieldProps","makeVFieldProps","filterInputProps","makeVInputProps","VInput","VCounter","VField","Intersect","forwardRefs","useProxiedModel","computed","nextTick","onBeforeUnmount","onMounted","ref","watch","clamp","convertToUnit","defineComponent","filterInputAttrs","useRender","VTextarea","name","directives","inheritAttrs","props","autoGrow","Boolean","autofocus","counter","Number","String","counterValue","Function","hint","persistentHint","prefix","placeholder","persistentPlaceholder","persistentCounter","noResize","rows","type","default","validator","v","isNaN","parseFloat","maxRows","suffix","emits","e","val","setup","attrs","emit","slots","model","value","toString","length","max","maxlength","undefined","onIntersect","isIntersecting","entries","target","focus","vInputRef","vFieldRef","isFocused","controlHeight","textareaRef","isActive","messages","onFocus","document","activeElement","onControlClick","onClear","stopPropagation","onInput","sizerRef","calculateInputHeight","style","getComputedStyle","fieldStyle","$el","padding","getPropertyValue","height","scrollHeight","lineHeight","minHeight","Math","maxHeight","Infinity","density","observer","ResizeObserver","observe","disconnect","hasCounter","hasDetails","details","rootAttrs","inputAttrs","modelValue","_","inputProps","fieldProps","isDisabled","isDirty","isReadonly","isValid","dirty","class","fieldClass","slotProps","handler"],"sources":["../../../src/components/VTextarea/VTextarea.tsx"],"sourcesContent":["// Styles\nimport './VTextarea.sass'\nimport '../VTextField/VTextField.sass'\n\n// Components\nimport { filterFieldProps, makeVFieldProps } from '@/components/VField/VField'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VCounter } from '@/components/VCounter'\nimport { VField } from '@/components/VField'\n\n// Directives\nimport Intersect from '@/directives/intersect'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { clamp, convertToUnit, defineComponent, filterInputAttrs, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VTextarea = defineComponent({\n  name: 'VTextarea',\n\n  directives: { Intersect },\n\n  inheritAttrs: false,\n\n  props: {\n    autoGrow: Boolean,\n    autofocus: Boolean,\n    counter: [Boolean, Number, String] as PropType<true | number | string>,\n    counterValue: Function as PropType<(value: any) => number>,\n    hint: String,\n    persistentHint: Boolean,\n    prefix: String,\n    placeholder: String,\n    persistentPlaceholder: Boolean,\n    persistentCounter: Boolean,\n    noResize: Boolean,\n    rows: {\n      type: [Number, String],\n      default: 5,\n      validator: (v: any) => !isNaN(parseFloat(v)),\n    },\n    maxRows: {\n      type: [Number, String],\n      validator: (v: any) => !isNaN(parseFloat(v)),\n    },\n    suffix: String,\n\n    ...makeVInputProps(),\n    ...makeVFieldProps(),\n  },\n\n  emits: {\n    'click:clear': (e: MouseEvent) => true,\n    'click:control': (e: MouseEvent) => true,\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const counterValue = computed(() => {\n      return typeof props.counterValue === 'function'\n        ? props.counterValue(model.value)\n        : (model.value || '').toString().length\n    })\n    const max = computed(() => {\n      if (attrs.maxlength) return attrs.maxlength as undefined\n\n      if (\n        !props.counter ||\n        (typeof props.counter !== 'number' &&\n        typeof props.counter !== 'string')\n      ) return undefined\n\n      return props.counter\n    })\n\n    function onIntersect (\n      isIntersecting: boolean,\n      entries: IntersectionObserverEntry[]\n    ) {\n      if (!props.autofocus || !isIntersecting) return\n\n      (entries[0].target as HTMLInputElement)?.focus?.()\n    }\n\n    const vInputRef = ref<VInput>()\n    const vFieldRef = ref<VInput>()\n    const isFocused = ref(false)\n    const controlHeight = ref('')\n    const textareaRef = ref<HTMLInputElement>()\n    const isActive = computed(() => (\n      isFocused.value ||\n      props.persistentPlaceholder\n    ))\n\n    const messages = computed(() => {\n      return props.messages.length\n        ? props.messages\n        : (isActive.value || props.persistentHint) ? props.hint : ''\n    })\n\n    function onFocus () {\n      if (textareaRef.value !== document.activeElement) {\n        textareaRef.value?.focus()\n      }\n\n      if (!isFocused.value) isFocused.value = true\n    }\n    function onControlClick (e: MouseEvent) {\n      onFocus()\n\n      emit('click:control', e)\n    }\n    function onClear (e: MouseEvent) {\n      e.stopPropagation()\n\n      onFocus()\n\n      nextTick(() => {\n        model.value = ''\n\n        emit('click:clear', e)\n      })\n    }\n    function onInput (e: Event) {\n      model.value = (e.target as HTMLTextAreaElement).value\n    }\n\n    const sizerRef = ref<HTMLTextAreaElement>()\n    function calculateInputHeight () {\n      if (!props.autoGrow) return\n\n      nextTick(() => {\n        if (!sizerRef.value || !vFieldRef.value) return\n\n        const style = getComputedStyle(sizerRef.value)\n        const fieldStyle = getComputedStyle(vFieldRef.value.$el)\n\n        const padding = parseFloat(style.getPropertyValue('--v-field-padding-top')) +\n          parseFloat(style.getPropertyValue('--v-input-padding-top')) +\n          parseFloat(style.getPropertyValue('--v-field-padding-bottom'))\n\n        const height = sizerRef.value.scrollHeight\n        const lineHeight = parseFloat(style.lineHeight)\n        const minHeight = Math.max(\n          parseFloat(props.rows) * lineHeight + padding,\n          parseFloat(fieldStyle.getPropertyValue('--v-input-control-height'))\n        )\n        const maxHeight = parseFloat(props.maxRows!) * lineHeight + padding || Infinity\n\n        controlHeight.value = convertToUnit(clamp(height ?? 0, minHeight, maxHeight))\n      })\n    }\n\n    onMounted(calculateInputHeight)\n    watch(model, calculateInputHeight)\n    watch(() => props.rows, calculateInputHeight)\n    watch(() => props.maxRows, calculateInputHeight)\n    watch(() => props.density, calculateInputHeight)\n\n    let observer: ResizeObserver | undefined\n    watch(sizerRef, val => {\n      if (val) {\n        observer = new ResizeObserver(calculateInputHeight)\n        observer.observe(sizerRef.value!)\n      } else {\n        observer?.disconnect()\n      }\n    })\n    onBeforeUnmount(() => {\n      observer?.disconnect()\n    })\n\n    useRender(() => {\n      const hasCounter = !!(slots.counter || props.counter || props.counterValue)\n      const hasDetails = !!(hasCounter || slots.details)\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n      const [{ modelValue: _, ...inputProps }] = filterInputProps(props)\n      const [fieldProps] = filterFieldProps(props)\n\n      return (\n        <VInput\n          ref={ vInputRef }\n          v-model={ model.value }\n          class={[\n            'v-textarea v-text-field',\n            {\n              'v-textarea--prefixed': props.prefix,\n              'v-textarea--suffixed': props.suffix,\n              'v-text-field--prefixed': props.prefix,\n              'v-text-field--suffixed': props.suffix,\n              'v-textarea--auto-grow': props.autoGrow,\n              'v-textarea--no-resize': props.noResize || props.autoGrow,\n            },\n          ]}\n          { ...rootAttrs }\n          { ...inputProps }\n          messages={ messages.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              isDisabled,\n              isDirty,\n              isReadonly,\n              isValid,\n            }) => (\n              <VField\n                ref={ vFieldRef }\n                style={{\n                  '--v-textarea-control-height': controlHeight.value,\n                }}\n                onClick:control={ onControlClick }\n                onClick:clear={ onClear }\n                role=\"textbox\"\n                { ...fieldProps }\n                active={ isActive.value || isDirty.value }\n                dirty={ isDirty.value || props.dirty }\n                focused={ isFocused.value }\n                error={ isValid.value === false }\n              >\n                {{\n                  ...slots,\n                  default: ({\n                    props: { class: fieldClass, ...slotProps },\n                  }) => (\n                    <>\n                      { props.prefix && (\n                        <span class=\"v-text-field__prefix\">\n                          { props.prefix }\n                        </span>\n                      ) }\n\n                      <textarea\n                        ref={ textareaRef }\n                        class={ fieldClass }\n                        value={ model.value }\n                        onInput={ onInput }\n                        v-intersect={[{\n                          handler: onIntersect,\n                        }, null, ['once']]}\n                        autofocus={ props.autofocus }\n                        readonly={ isReadonly.value }\n                        disabled={ isDisabled.value }\n                        placeholder={ props.placeholder }\n                        rows={ props.rows }\n                        name={ props.name }\n                        onFocus={ onFocus }\n                        onBlur={ () => (isFocused.value = false) }\n                        { ...slotProps }\n                        { ...inputAttrs }\n                      />\n\n                      { props.autoGrow && (\n                        <textarea\n                          class={[\n                            fieldClass,\n                            'v-textarea__sizer',\n                          ]}\n                          v-model={ model.value }\n                          ref={ sizerRef }\n                          readonly\n                          aria-hidden=\"true\"\n                        />\n                      )}\n\n                      { props.suffix && (\n                        <span class=\"v-text-field__suffix\">\n                          { props.suffix }\n                        </span>\n                      ) }\n                    </>\n                  ),\n                }}\n              </VField>\n            ),\n            details: hasDetails ? slotProps => (\n              <>\n                { slots.details?.(slotProps) }\n\n                { hasCounter && (\n                  <>\n                    <span />\n\n                    <VCounter\n                      active={ props.persistentCounter || isFocused.value }\n                      value={ counterValue.value }\n                      max={ max.value }\n                      v-slots={ slots.counter }\n                    />\n                  </>\n                ) }\n              </>\n            ) : undefined,\n          }}\n        </VInput>\n      )\n    })\n\n    return forwardRefs({}, vInputRef, vFieldRef, textareaRef)\n  },\n})\n\nexport type VTextarea = InstanceType<typeof VTextarea>\n"],"mappings":"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"}
+{"version":3,"file":"VTextarea.mjs","names":["filterFieldProps","makeVFieldProps","filterInputProps","makeVInputProps","VInput","VCounter","VField","Intersect","forwardRefs","useFocus","useProxiedModel","computed","nextTick","onBeforeUnmount","onMounted","ref","watch","callEvent","clamp","convertToUnit","defineComponent","filterInputAttrs","useRender","VTextarea","name","directives","inheritAttrs","props","autoGrow","Boolean","autofocus","counter","Number","String","counterValue","Function","hint","persistentHint","prefix","placeholder","persistentPlaceholder","persistentCounter","noResize","rows","type","default","validator","v","isNaN","parseFloat","maxRows","suffix","emits","e","focused","val","setup","attrs","emit","slots","model","isFocused","focus","blur","value","toString","length","max","maxlength","undefined","onIntersect","isIntersecting","entries","target","vInputRef","vFieldRef","controlHeight","textareaRef","isActive","messages","onFocus","document","activeElement","onControlClick","onClear","stopPropagation","onInput","sizerRef","calculateInputHeight","style","getComputedStyle","fieldStyle","$el","padding","getPropertyValue","height","scrollHeight","lineHeight","minHeight","Math","maxHeight","Infinity","density","observer","ResizeObserver","observe","disconnect","hasCounter","hasDetails","details","rootAttrs","inputAttrs","modelValue","_","inputProps","fieldProps","includes","variant","isDisabled","isDirty","isReadonly","isValid","dirty","class","fieldClass","slotProps","handler"],"sources":["../../../src/components/VTextarea/VTextarea.tsx"],"sourcesContent":["// Styles\nimport './VTextarea.sass'\nimport '../VTextField/VTextField.sass'\n\n// Components\nimport { filterFieldProps, makeVFieldProps } from '@/components/VField/VField'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VCounter } from '@/components/VCounter'\nimport { VField } from '@/components/VField'\n\n// Directives\nimport Intersect from '@/directives/intersect'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useFocus } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { callEvent, clamp, convertToUnit, defineComponent, filterInputAttrs, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VTextarea = defineComponent({\n  name: 'VTextarea',\n\n  directives: { Intersect },\n\n  inheritAttrs: false,\n\n  props: {\n    autoGrow: Boolean,\n    autofocus: Boolean,\n    counter: [Boolean, Number, String] as PropType<true | number | string>,\n    counterValue: Function as PropType<(value: any) => number>,\n    hint: String,\n    persistentHint: Boolean,\n    prefix: String,\n    placeholder: String,\n    persistentPlaceholder: Boolean,\n    persistentCounter: Boolean,\n    noResize: Boolean,\n    rows: {\n      type: [Number, String],\n      default: 5,\n      validator: (v: any) => !isNaN(parseFloat(v)),\n    },\n    maxRows: {\n      type: [Number, String],\n      validator: (v: any) => !isNaN(parseFloat(v)),\n    },\n    suffix: String,\n\n    ...makeVInputProps(),\n    ...makeVFieldProps(),\n  },\n\n  emits: {\n    'click:control': (e: MouseEvent) => true,\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { isFocused, focus, blur } = useFocus(props)\n    const counterValue = computed(() => {\n      return typeof props.counterValue === 'function'\n        ? props.counterValue(model.value)\n        : (model.value || '').toString().length\n    })\n    const max = computed(() => {\n      if (attrs.maxlength) return attrs.maxlength as undefined\n\n      if (\n        !props.counter ||\n        (typeof props.counter !== 'number' &&\n        typeof props.counter !== 'string')\n      ) return undefined\n\n      return props.counter\n    })\n\n    function onIntersect (\n      isIntersecting: boolean,\n      entries: IntersectionObserverEntry[]\n    ) {\n      if (!props.autofocus || !isIntersecting) return\n\n      (entries[0].target as HTMLInputElement)?.focus?.()\n    }\n\n    const vInputRef = ref<VInput>()\n    const vFieldRef = ref<VInput>()\n    const controlHeight = ref('')\n    const textareaRef = ref<HTMLInputElement>()\n    const isActive = computed(() => (\n      isFocused.value ||\n      props.persistentPlaceholder\n    ))\n\n    const messages = computed(() => {\n      return props.messages.length\n        ? props.messages\n        : (isActive.value || props.persistentHint) ? props.hint : ''\n    })\n\n    function onFocus () {\n      if (textareaRef.value !== document.activeElement) {\n        textareaRef.value?.focus()\n      }\n\n      if (!isFocused.value) focus()\n    }\n    function onControlClick (e: MouseEvent) {\n      onFocus()\n\n      emit('click:control', e)\n    }\n    function onClear (e: MouseEvent) {\n      e.stopPropagation()\n\n      onFocus()\n\n      nextTick(() => {\n        model.value = ''\n\n        callEvent(props['onClick:clear'], e)\n      })\n    }\n    function onInput (e: Event) {\n      model.value = (e.target as HTMLTextAreaElement).value\n    }\n\n    const sizerRef = ref<HTMLTextAreaElement>()\n    function calculateInputHeight () {\n      if (!props.autoGrow) return\n\n      nextTick(() => {\n        if (!sizerRef.value || !vFieldRef.value) return\n\n        const style = getComputedStyle(sizerRef.value)\n        const fieldStyle = getComputedStyle(vFieldRef.value.$el)\n\n        const padding = parseFloat(style.getPropertyValue('--v-field-padding-top')) +\n          parseFloat(style.getPropertyValue('--v-input-padding-top')) +\n          parseFloat(style.getPropertyValue('--v-field-padding-bottom'))\n\n        const height = sizerRef.value.scrollHeight\n        const lineHeight = parseFloat(style.lineHeight)\n        const minHeight = Math.max(\n          parseFloat(props.rows) * lineHeight + padding,\n          parseFloat(fieldStyle.getPropertyValue('--v-input-control-height'))\n        )\n        const maxHeight = parseFloat(props.maxRows!) * lineHeight + padding || Infinity\n\n        controlHeight.value = convertToUnit(clamp(height ?? 0, minHeight, maxHeight))\n      })\n    }\n\n    onMounted(calculateInputHeight)\n    watch(model, calculateInputHeight)\n    watch(() => props.rows, calculateInputHeight)\n    watch(() => props.maxRows, calculateInputHeight)\n    watch(() => props.density, calculateInputHeight)\n\n    let observer: ResizeObserver | undefined\n    watch(sizerRef, val => {\n      if (val) {\n        observer = new ResizeObserver(calculateInputHeight)\n        observer.observe(sizerRef.value!)\n      } else {\n        observer?.disconnect()\n      }\n    })\n    onBeforeUnmount(() => {\n      observer?.disconnect()\n    })\n\n    useRender(() => {\n      const hasCounter = !!(slots.counter || props.counter || props.counterValue)\n      const hasDetails = !!(hasCounter || slots.details)\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n      const [{ modelValue: _, ...inputProps }] = filterInputProps(props)\n      const [fieldProps] = filterFieldProps(props)\n\n      return (\n        <VInput\n          ref={ vInputRef }\n          v-model={ model.value }\n          class={[\n            'v-textarea v-text-field',\n            {\n              'v-textarea--prefixed': props.prefix,\n              'v-textarea--suffixed': props.suffix,\n              'v-text-field--prefixed': props.prefix,\n              'v-text-field--suffixed': props.suffix,\n              'v-textarea--auto-grow': props.autoGrow,\n              'v-textarea--no-resize': props.noResize || props.autoGrow,\n              'v-text-field--flush-details': ['plain', 'underlined'].includes(props.variant),\n            },\n          ]}\n          onClick:prepend={ props['onClick:prepend'] }\n          onClick:append={ props['onClick:append'] }\n          { ...rootAttrs }\n          { ...inputProps }\n          focused={ isFocused.value }\n          messages={ messages.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              isDisabled,\n              isDirty,\n              isReadonly,\n              isValid,\n            }) => (\n              <VField\n                ref={ vFieldRef }\n                style={{\n                  '--v-textarea-control-height': controlHeight.value,\n                }}\n                onClick:control={ onControlClick }\n                onClick:clear={ onClear }\n                onClick:prependInner={ props['onClick:prependInner'] }\n                onClick:appendInner={ props['onClick:appendInner'] }\n                role=\"textbox\"\n                { ...fieldProps }\n                active={ isActive.value || isDirty.value }\n                dirty={ isDirty.value || props.dirty }\n                focused={ isFocused.value }\n                error={ isValid.value === false }\n              >\n                {{\n                  ...slots,\n                  default: ({\n                    props: { class: fieldClass, ...slotProps },\n                  }) => (\n                    <>\n                      { props.prefix && (\n                        <span class=\"v-text-field__prefix\">\n                          { props.prefix }\n                        </span>\n                      ) }\n\n                      <textarea\n                        ref={ textareaRef }\n                        class={ fieldClass }\n                        value={ model.value }\n                        onInput={ onInput }\n                        v-intersect={[{\n                          handler: onIntersect,\n                        }, null, ['once']]}\n                        autofocus={ props.autofocus }\n                        readonly={ isReadonly.value }\n                        disabled={ isDisabled.value }\n                        placeholder={ props.placeholder }\n                        rows={ props.rows }\n                        name={ props.name }\n                        onFocus={ onFocus }\n                        onBlur={ blur }\n                        { ...slotProps }\n                        { ...inputAttrs }\n                      />\n\n                      { props.autoGrow && (\n                        <textarea\n                          class={[\n                            fieldClass,\n                            'v-textarea__sizer',\n                          ]}\n                          v-model={ model.value }\n                          ref={ sizerRef }\n                          readonly\n                          aria-hidden=\"true\"\n                        />\n                      )}\n\n                      { props.suffix && (\n                        <span class=\"v-text-field__suffix\">\n                          { props.suffix }\n                        </span>\n                      ) }\n                    </>\n                  ),\n                }}\n              </VField>\n            ),\n            details: hasDetails ? slotProps => (\n              <>\n                { slots.details?.(slotProps) }\n\n                { hasCounter && (\n                  <>\n                    <span />\n\n                    <VCounter\n                      active={ props.persistentCounter || isFocused.value }\n                      value={ counterValue.value }\n                      max={ max.value }\n                      v-slots={ slots.counter }\n                    />\n                  </>\n                ) }\n              </>\n            ) : undefined,\n          }}\n        </VInput>\n      )\n    })\n\n    return forwardRefs({}, vInputRef, vFieldRef, textareaRef)\n  },\n})\n\nexport type VTextarea = InstanceType<typeof VTextarea>\n"],"mappings":"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"}

package/lib/components/VTextarea/VTextarea.sass

@@ -5,6 +5,9 @@
 @use './variables' as *
 
 .v-textarea
+  .v-field
+    --v-textarea-control-height: var(--v-input-control-height)
+
   .v-field__field
     --v-input-control-height: var(--v-textarea-control-height)
 
@@ -34,15 +37,13 @@
     min-height: 0 !important
     pointer-events: none
 
-  .v-field--has-label
-    textarea
-      opacity: 0
-
+  .v-field--no-label,
   .v-field--active
     textarea
       opacity: 1
 
   textarea
+    opacity: 0
     flex: 1
     min-width: 0
     transition: .15s opacity settings.$standard-easing