@vuetify/nightly 3.0.0-beta.13 → 3.0.0-beta.15

package/lib/components/VTabs/VTabs.mjs

@@ -1,21 +1,18 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Styles
-import "./VTabs.css"; // Components
+import "./VTabs.css";
 
+// Components
 import { VSlideGroup } from "../VSlideGroup/index.mjs";
 import { VTab } from "./VTab.mjs"; // Composables
-
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-
 import { computed, toRef } from 'vue';
 import { defineComponent, useRender } from "../../util/index.mjs"; // Types
-
 import { VTabsSymbol } from "./shared.mjs";
-
 function parseItems(items) {
   if (!items) return [];
   return items.map(item => {
@@ -26,11 +23,13 @@ function parseItems(items) {
     return item;
   });
 }
-
 export const VTabs = defineComponent({
   name: 'VTabs',
   props: {
-    alignWithTitle: Boolean,
+    alignTabs: {
+      type: String,
+      default: 'start'
+    },
     color: String,
     direction: {
       type: String,
@@ -43,24 +42,24 @@ export const VTabs = defineComponent({
     },
     stacked: Boolean,
     bgColor: String,
-    centered: Boolean,
     grow: Boolean,
     height: {
       type: [Number, String],
       default: undefined
     },
     hideSlider: Boolean,
-    optional: Boolean,
-    end: Boolean,
     sliderColor: String,
     modelValue: null,
+    mandatory: {
+      type: [Boolean, String],
+      default: 'force'
+    },
     ...makeDensityProps(),
     ...makeTagProps()
   },
   emits: {
     'update:modelValue': v => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -87,18 +86,15 @@ export const VTabs = defineComponent({
     useRender(() => _createVNode(VSlideGroup, {
       "modelValue": model.value,
       "onUpdate:modelValue": $event => model.value = $event,
-      "class": ['v-tabs', `v-tabs--${props.direction}`, {
-        'v-tabs--align-with-title': props.alignWithTitle,
-        'v-tabs--centered': props.centered,
+      "class": ['v-tabs', `v-tabs--${props.direction}`, `v-tabs--align-tabs-${props.alignTabs}`, {
         'v-tabs--fixed-tabs': props.fixedTabs,
         'v-tabs--grow': props.grow,
-        'v-tabs--end': props.end,
         'v-tabs--stacked': props.stacked
       }, densityClasses.value, backgroundColorClasses.value],
       "style": backgroundColorStyles.value,
       "role": "tablist",
       "symbol": VTabsSymbol,
-      "mandatory": "force",
+      "mandatory": props.mandatory,
       "direction": props.direction
     }, {
       default: () => [slots.default ? slots.default() : parsedItems.value.map(item => _createVNode(VTab, _mergeProps(item, {
@@ -107,6 +103,5 @@ export const VTabs = defineComponent({
     }));
     return {};
   }
-
 });
 //# sourceMappingURL=VTabs.mjs.map

package/lib/components/VTabs/VTabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VTabs.mjs","names":["VSlideGroup","VTab","makeDensityProps","useDensity","makeTagProps","provideDefaults","useBackgroundColor","useProxiedModel","computed","toRef","defineComponent","useRender","VTabsSymbol","parseItems","items","map","item","title","value","VTabs","name","props","alignWithTitle","Boolean","color","String","direction","type","default","fixedTabs","Array","stacked","bgColor","centered","grow","height","Number","undefined","hideSlider","optional","end","sliderColor","modelValue","emits","v","setup","slots","model","parsedItems","densityClasses","backgroundColorClasses","backgroundColorStyles","fixed"],"sources":["../../../src/components/VTabs/VTabs.tsx"],"sourcesContent":["// Styles\nimport './VTabs.sass'\n\n// Components\nimport { VSlideGroup } from '@/components/VSlideGroup'\nimport { VTab } from './VTab'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeTagProps } from '@/composables/tag'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport { VTabsSymbol } from './shared'\nimport type { PropType } from 'vue'\n\nexport type TabItem = string | Record<string, any>\n\nfunction parseItems (items: TabItem[] | undefined) {\n  if (!items) return []\n\n  return items.map(item => {\n    if (typeof item === 'string') return { title: item, value: item }\n\n    return item\n  })\n}\n\nexport const VTabs = defineComponent({\n  name: 'VTabs',\n\n  props: {\n    alignWithTitle: Boolean,\n    color: String,\n    direction: {\n      type: String as PropType<'horizontal' | 'vertical'>,\n      default: 'horizontal',\n    },\n    fixedTabs: Boolean,\n    items: {\n      type: Array as PropType<TabItem[]>,\n      default: () => ([]),\n    },\n    stacked: Boolean,\n    bgColor: String,\n    centered: Boolean,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: undefined,\n    },\n    hideSlider: Boolean,\n    optional: Boolean,\n    end: Boolean,\n    sliderColor: String,\n    modelValue: null,\n\n    ...makeDensityProps(),\n    ...makeTagProps(),\n  },\n\n  emits: {\n    'update:modelValue': (v: unknown) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const parsedItems = computed(() => parseItems(props.items))\n    const { densityClasses } = useDensity(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n\n    provideDefaults({\n      VTab: {\n        color: toRef(props, 'color'),\n        direction: toRef(props, 'direction'),\n        stacked: toRef(props, 'stacked'),\n        fixed: toRef(props, 'fixedTabs'),\n        sliderColor: toRef(props, 'sliderColor'),\n        hideSlider: toRef(props, 'hideSlider'),\n      },\n    })\n\n    useRender(() => (\n      <VSlideGroup\n        v-model={ model.value }\n        class={[\n          'v-tabs',\n          `v-tabs--${props.direction}`,\n          {\n            'v-tabs--align-with-title': props.alignWithTitle,\n            'v-tabs--centered': props.centered,\n            'v-tabs--fixed-tabs': props.fixedTabs,\n            'v-tabs--grow': props.grow,\n            'v-tabs--end': props.end,\n            'v-tabs--stacked': props.stacked,\n          },\n          densityClasses.value,\n          backgroundColorClasses.value,\n        ]}\n        style={backgroundColorStyles.value}\n        role=\"tablist\"\n        symbol={ VTabsSymbol }\n        mandatory=\"force\"\n        direction={ props.direction }\n      >\n        { slots.default ? slots.default() : parsedItems.value.map(item => (\n          <VTab { ...item } key={ item.title } />\n        )) }\n      </VSlideGroup>\n    ))\n\n    return {}\n  },\n})\n\nexport type VTabs = InstanceType<typeof VTabs>\n"],"mappings":"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"}
+{"version":3,"file":"VTabs.mjs","names":["VSlideGroup","VTab","makeDensityProps","useDensity","makeTagProps","provideDefaults","useBackgroundColor","useProxiedModel","computed","toRef","defineComponent","useRender","VTabsSymbol","parseItems","items","map","item","title","value","VTabs","name","props","alignTabs","type","String","default","color","direction","fixedTabs","Boolean","Array","stacked","bgColor","grow","height","Number","undefined","hideSlider","sliderColor","modelValue","mandatory","emits","v","setup","slots","model","parsedItems","densityClasses","backgroundColorClasses","backgroundColorStyles","fixed"],"sources":["../../../src/components/VTabs/VTabs.tsx"],"sourcesContent":["// Styles\nimport './VTabs.sass'\n\n// Components\nimport { VSlideGroup } from '@/components/VSlideGroup'\nimport { VTab } from './VTab'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeTagProps } from '@/composables/tag'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport { VTabsSymbol } from './shared'\nimport type { PropType } from 'vue'\n\nexport type TabItem = string | Record<string, any>\n\nfunction parseItems (items: TabItem[] | undefined) {\n  if (!items) return []\n\n  return items.map(item => {\n    if (typeof item === 'string') return { title: item, value: item }\n\n    return item\n  })\n}\n\nexport const VTabs = defineComponent({\n  name: 'VTabs',\n\n  props: {\n    alignTabs: {\n      type: String as PropType<'start' | 'title' | 'center' | 'end'>,\n      default: 'start',\n    },\n    color: String,\n    direction: {\n      type: String as PropType<'horizontal' | 'vertical'>,\n      default: 'horizontal',\n    },\n    fixedTabs: Boolean,\n    items: {\n      type: Array as PropType<TabItem[]>,\n      default: () => ([]),\n    },\n    stacked: Boolean,\n    bgColor: String,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: undefined,\n    },\n    hideSlider: Boolean,\n    sliderColor: String,\n    modelValue: null,\n    mandatory: {\n      type: [Boolean, String] as PropType<boolean | 'force'>,\n      default: 'force',\n    },\n\n    ...makeDensityProps(),\n    ...makeTagProps(),\n  },\n\n  emits: {\n    'update:modelValue': (v: unknown) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const parsedItems = computed(() => parseItems(props.items))\n    const { densityClasses } = useDensity(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n\n    provideDefaults({\n      VTab: {\n        color: toRef(props, 'color'),\n        direction: toRef(props, 'direction'),\n        stacked: toRef(props, 'stacked'),\n        fixed: toRef(props, 'fixedTabs'),\n        sliderColor: toRef(props, 'sliderColor'),\n        hideSlider: toRef(props, 'hideSlider'),\n      },\n    })\n\n    useRender(() => (\n      <VSlideGroup\n        v-model={ model.value }\n        class={[\n          'v-tabs',\n          `v-tabs--${props.direction}`,\n          `v-tabs--align-tabs-${props.alignTabs}`,\n          {\n            'v-tabs--fixed-tabs': props.fixedTabs,\n            'v-tabs--grow': props.grow,\n            'v-tabs--stacked': props.stacked,\n          },\n          densityClasses.value,\n          backgroundColorClasses.value,\n        ]}\n        style={backgroundColorStyles.value}\n        role=\"tablist\"\n        symbol={ VTabsSymbol }\n        mandatory={ props.mandatory }\n        direction={ props.direction }\n      >\n        { slots.default ? slots.default() : parsedItems.value.map(item => (\n          <VTab { ...item } key={ item.title } />\n        )) }\n      </VSlideGroup>\n    ))\n\n    return {}\n  },\n})\n\nexport type VTabs = InstanceType<typeof VTabs>\n"],"mappings":"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"}

package/lib/components/VTabs/VTabs.sass

@@ -19,12 +19,12 @@
     height: auto
     --v-tabs-height: #{$tabs-height}
 
-.v-tabs--align-with-title:not(.v-slide-group--has-affixes)
+.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes)
   .v-tab:first-child
-    margin-inline-start: $tab-align-with-title-margin
+    margin-inline-start: $tab-align-tabs-title-margin
 
 .v-tabs--fixed-tabs,
-.v-tabs--centered
+.v-tabs--align-tabs-center
   .v-slide-group__content > *:last-child
     margin-inline-end: auto
 
@@ -38,7 +38,7 @@
     flex: 1 0 auto
     max-width: none
 
-.v-tabs--end
+.v-tabs--align-tabs-end
   .v-tab:first-child
     margin-inline-start: auto
 

package/lib/components/VTabs/_variables.scss

@@ -7,7 +7,7 @@ $tabs-height: 48px !default;
 $tabs-stacked-height: 72px !default;
 
 // VTab
-$tab-align-with-title-margin: 42px !default;
+$tab-align-tabs-title-margin: 42px !default;
 $tab-max-width: 360px !default;
 $tab-min-width: 90px !default;
 $tab-slider-size: 2px !default;

package/lib/components/VTabs/index.d.ts

@@ -2,6 +2,8 @@ import * as vue from 'vue';
 import { PropType, JSXComponent } from 'vue';
 import * as vue_router from 'vue-router';
 
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
 declare type TabItem = string | Record<string, any>;
 declare const VTabs: vue.DefineComponent<{
     tag: {
@@ -9,11 +11,14 @@ declare const VTabs: vue.DefineComponent<{
         default: string;
     };
     density: {
-        type: PropType<"default" | "compact" | "comfortable" | null>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    alignWithTitle: BooleanConstructor;
+    alignTabs: {
+        type: PropType<"center" | "end" | "start" | "title">;
+        default: string;
+    };
     color: StringConstructor;
     direction: {
         type: PropType<"horizontal" | "vertical">;
@@ -26,17 +31,18 @@ declare const VTabs: vue.DefineComponent<{
     };
     stacked: BooleanConstructor;
     bgColor: StringConstructor;
-    centered: BooleanConstructor;
     grow: BooleanConstructor;
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     hideSlider: BooleanConstructor;
-    optional: BooleanConstructor;
-    end: BooleanConstructor;
     sliderColor: StringConstructor;
     modelValue: null;
+    mandatory: {
+        type: PropType<boolean | "force">;
+        default: string;
+    };
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (v: unknown) => true;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -45,11 +51,14 @@ declare const VTabs: vue.DefineComponent<{
         default: string;
     };
     density: {
-        type: PropType<"default" | "compact" | "comfortable" | null>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    alignWithTitle: BooleanConstructor;
+    alignTabs: {
+        type: PropType<"center" | "end" | "start" | "title">;
+        default: string;
+    };
     color: StringConstructor;
     direction: {
         type: PropType<"horizontal" | "vertical">;
@@ -62,32 +71,31 @@ declare const VTabs: vue.DefineComponent<{
     };
     stacked: BooleanConstructor;
     bgColor: StringConstructor;
-    centered: BooleanConstructor;
     grow: BooleanConstructor;
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     hideSlider: BooleanConstructor;
-    optional: BooleanConstructor;
-    end: BooleanConstructor;
     sliderColor: StringConstructor;
     modelValue: null;
+    mandatory: {
+        type: PropType<boolean | "force">;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
 }, {
-    optional: boolean;
     height: string | number;
-    end: boolean;
     direction: "horizontal" | "vertical";
     tag: string;
+    mandatory: boolean | "force";
     items: TabItem[];
-    density: "default" | "compact" | "comfortable" | null;
-    centered: boolean;
+    density: Density;
     stacked: boolean;
     grow: boolean;
     hideSlider: boolean;
-    alignWithTitle: boolean;
+    alignTabs: "center" | "end" | "start" | "title";
     fixedTabs: boolean;
 }>;
 declare type VTabs = InstanceType<typeof VTabs>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VTabs","VTab"],"sources":["../../../src/components/VTabs/index.ts"],"sourcesContent":["export { VTabs } from './VTabs'\nexport { VTab } from './VTab'\n"],"mappings":"SAASA,K;SACAC,I"}
+{"version":3,"file":"index.mjs","names":["VTabs","VTab"],"sources":["../../../src/components/VTabs/index.ts"],"sourcesContent":["export { VTabs } from './VTabs'\nexport { VTab } from './VTab'\n"],"mappings":"SAASA,KAAK;AAAA,SACLC,IAAI"}

package/lib/components/VTabs/shared.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shared.mjs","names":["VTabsSymbol","Symbol","for"],"sources":["../../../src/components/VTabs/shared.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\n\nexport const VTabsSymbol: InjectionKey<GroupProvide> = Symbol.for('vuetify:v-tabs')\n"],"mappings":"AAGA,OAAO,MAAMA,WAAuC,GAAGC,MAAM,CAACC,GAAP,CAAW,gBAAX,CAAhD"}
+{"version":3,"file":"shared.mjs","names":["VTabsSymbol","Symbol","for"],"sources":["../../../src/components/VTabs/shared.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\n\nexport const VTabsSymbol: InjectionKey<GroupProvide> = Symbol.for('vuetify:v-tabs')\n"],"mappings":"AAGA,OAAO,MAAMA,WAAuC,GAAGC,MAAM,CAACC,GAAG,CAAC,gBAAgB,CAAC"}

package/lib/components/VTextField/VTextField.mjs

@@ -1,19 +1,16 @@
-import { Fragment as _Fragment, withDirectives as _withDirectives, createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective, vModelDynamic as _vModelDynamic } from "vue";
+import { Fragment as _Fragment, withDirectives as _withDirectives, createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VTextField.css"; // Components
+import "./VTextField.css";
 
+// Components
 import { filterFieldProps, makeVFieldProps, VField } from "../VField/VField.mjs";
 import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
 import { VCounter } from "../VCounter/index.mjs"; // Directives
-
 import Intersect from "../../directives/intersect/index.mjs"; // Composables
-
 import { forwardRefs } from "../../composables/forwardRefs.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-
 import { cloneVNode, computed, nextTick, ref } from 'vue';
 import { callEvent, filterInputAttrs, genericComponent, useRender } from "../../util/index.mjs"; // Types
-
 const activeTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month'];
 const EventProp = [Function, Array];
 export const VTextField = genericComponent()({
@@ -45,7 +42,6 @@ export const VTextField = genericComponent()({
     'click:input': e => true,
     'update:modelValue': val => true
   },
-
   setup(props, _ref) {
     let {
       attrs,
@@ -61,14 +57,11 @@ export const VTextField = genericComponent()({
       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);
@@ -77,22 +70,17 @@ export const VTextField = genericComponent()({
     const messages = computed(() => {
       return props.messages.length ? props.messages : isFocused.value || props.persistentHint ? props.hint : '';
     });
-
     function onFocus() {
       if (inputRef.value !== document.activeElement) {
         var _inputRef$value;
-
         (_inputRef$value = inputRef.value) == null ? void 0 : _inputRef$value.focus();
       }
-
       if (!isFocused.value) isFocused.value = true;
     }
-
     function onControlClick(e) {
       onFocus();
       emit('click:control', e);
     }
-
     function onClear(e) {
       e.stopPropagation();
       onFocus();
@@ -101,7 +89,9 @@ export const VTextField = genericComponent()({
         callEvent(props['onClick:clear'], e);
       });
     }
-
+    function onInput(e) {
+      model.value = e.target.value;
+    }
     useRender(() => {
       const hasCounter = !!(slots.counter || props.counter || props.counterValue);
       const hasDetails = !!(hasCounter || slots.details);
@@ -124,7 +114,8 @@ export const VTextField = genericComponent()({
         "onClick:append": props['onClick:append']
       }, rootAttrs, inputProps, {
         "messages": messages.value
-      }), { ...slots,
+      }), {
+        ...slots,
         default: _ref2 => {
           let {
             id,
@@ -150,7 +141,8 @@ export const VTextField = genericComponent()({
             "dirty": isDirty.value || props.dirty,
             "focused": isFocused.value,
             "error": isValid.value === false
-          }), { ...slots,
+          }), {
+            ...slots,
             default: _ref3 => {
               let {
                 props: {
@@ -158,10 +150,10 @@ export const VTextField = genericComponent()({
                   ...slotProps
                 }
               } = _ref3;
-
               const inputNode = _withDirectives(_createVNode("input", _mergeProps({
                 "ref": inputRef,
-                "onUpdate:modelValue": $event => model.value = $event,
+                "value": model.value,
+                "onInput": onInput,
                 "autofocus": props.autofocus,
                 "readonly": isReadonly.value,
                 "disabled": isDisabled.value,
@@ -171,12 +163,11 @@ export const VTextField = genericComponent()({
                 "type": props.type,
                 "onFocus": onFocus,
                 "onBlur": () => isFocused.value = false
-              }, slotProps, inputAttrs), null), [[_vModelDynamic, model.value], [_resolveDirective("intersect"), {
+              }, slotProps, inputAttrs), null), [[_resolveDirective("intersect"), {
                 handler: onIntersect
               }, null, {
                 once: true
               }]]);
-
               return _createVNode(_Fragment, null, [props.prefix && _createVNode("span", {
                 "class": "v-text-field__prefix"
               }, [props.prefix]), slots.default ? _createVNode("div", {
@@ -193,7 +184,6 @@ export const VTextField = genericComponent()({
         },
         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,
@@ -204,6 +194,5 @@ export const VTextField = genericComponent()({
     });
     return forwardRefs({}, vInputRef, vFieldRef, inputRef);
   }
-
 });
 //# sourceMappingURL=VTextField.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VTextField.mjs","names":["filterFieldProps","makeVFieldProps","VField","filterInputProps","makeVInputProps","VInput","VCounter","Intersect","forwardRefs","useProxiedModel","cloneVNode","computed","nextTick","ref","callEvent","filterInputAttrs","genericComponent","useRender","activeTypes","EventProp","Function","Array","VTextField","name","directives","inheritAttrs","props","autofocus","Boolean","counter","Number","String","counterValue","hint","persistentHint","prefix","placeholder","persistentPlaceholder","persistentCounter","suffix","type","default","emits","e","val","setup","attrs","emit","slots","model","value","toString","length","max","maxlength","undefined","onIntersect","isIntersecting","entries","target","focus","vInputRef","vFieldRef","isFocused","inputRef","isActive","includes","messages","onFocus","document","activeElement","onControlClick","onClear","stopPropagation","hasCounter","hasDetails","details","rootAttrs","inputAttrs","modelValue","_","inputProps","fieldProps","variant","id","isDisabled","isDirty","isReadonly","isValid","preventDefault","dirty","class","fieldClass","slotProps","inputNode","handler"],"sources":["../../../src/components/VTextField/VTextField.tsx"],"sourcesContent":["// Styles\nimport './VTextField.sass'\n\n// Components\nimport { filterFieldProps, makeVFieldProps, VField } from '@/components/VField/VField'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VCounter } from '@/components/VCounter'\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 { cloneVNode, computed, nextTick, ref } from 'vue'\nimport { callEvent, filterInputAttrs, genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { MakeSlots } from '@/util'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nconst activeTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month']\n\ntype EventProp<T = (...args: any[]) => any> = T | T[]\nconst EventProp = [Function, Array] as PropType<EventProp>\n\nexport const VTextField = genericComponent<new <T>() => {\n  $slots: Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n    default: []\n  }>\n}>()({\n  name: 'VTextField',\n\n  directives: { Intersect },\n\n  inheritAttrs: false,\n\n  props: {\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    suffix: String,\n    type: {\n      type: String,\n      default: 'text',\n    },\n\n    ...makeVInputProps(),\n    ...makeVFieldProps(),\n  },\n\n  emits: {\n    'click:control': (e: MouseEvent) => true,\n    'click:input': (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<VField>()\n    const isFocused = ref(false)\n    const inputRef = ref<HTMLInputElement>()\n    const isActive = computed(() => (\n      activeTypes.includes(props.type) ||\n      props.persistentPlaceholder ||\n      isFocused.value\n    ))\n    const messages = computed(() => {\n      return props.messages.length\n        ? props.messages\n        : (isFocused.value || props.persistentHint) ? props.hint : ''\n    })\n    function onFocus () {\n      if (inputRef.value !== document.activeElement) {\n        inputRef.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        callEvent(props['onClick:clear'], e)\n      })\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-text-field',\n            {\n              'v-text-field--prefixed': props.prefix,\n              'v-text-field--suffixed': props.suffix,\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          messages={ messages.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              isDisabled,\n              isDirty,\n              isReadonly,\n              isValid,\n            }) => (\n              <VField\n                ref={ vFieldRef }\n                onMousedown={ (e: MouseEvent) => {\n                  if (e.target === inputRef.value) return\n\n                  e.preventDefault()\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                id={ id.value }\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                    const inputNode = (\n                      <input\n                        ref={ inputRef }\n                        v-model={ model.value }\n                        v-intersect={[{\n                          handler: onIntersect,\n                        }, null, ['once']]}\n                        autofocus={ props.autofocus }\n                        readonly={ isReadonly.value }\n                        disabled={ isDisabled.value }\n                        name={ props.name }\n                        placeholder={ props.placeholder }\n                        size={ 1 }\n                        type={ props.type }\n                        onFocus={ onFocus }\n                        onBlur={ () => (isFocused.value = false) }\n                        { ...slotProps }\n                        { ...inputAttrs }\n                      />\n                    )\n\n                    return (\n                      <>\n                        { props.prefix && (\n                          <span class=\"v-text-field__prefix\">\n                            { props.prefix }\n                          </span>\n                        ) }\n\n                        { slots.default ? (\n                          <div\n                            class={ fieldClass }\n                            onClick={ e => emit('click:input', e) }\n                            data-no-activator=\"\"\n                          >\n                            { slots.default() }\n                            { inputNode }\n                          </div>\n                        ) : cloneVNode(inputNode, { class: fieldClass }) }\n\n                        { props.suffix && (\n                          <span class=\"v-text-field__suffix\">\n                            { props.suffix }\n                          </span>\n                        ) }\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, inputRef)\n  },\n})\n\nexport type VTextField = InstanceType<typeof VTextField>\n"],"mappings":"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"}
+{"version":3,"file":"VTextField.mjs","names":["filterFieldProps","makeVFieldProps","VField","filterInputProps","makeVInputProps","VInput","VCounter","Intersect","forwardRefs","useProxiedModel","cloneVNode","computed","nextTick","ref","callEvent","filterInputAttrs","genericComponent","useRender","activeTypes","EventProp","Function","Array","VTextField","name","directives","inheritAttrs","props","autofocus","Boolean","counter","Number","String","counterValue","hint","persistentHint","prefix","placeholder","persistentPlaceholder","persistentCounter","suffix","type","default","emits","e","val","setup","attrs","emit","slots","model","value","toString","length","max","maxlength","undefined","onIntersect","isIntersecting","entries","target","focus","vInputRef","vFieldRef","isFocused","inputRef","isActive","includes","messages","onFocus","document","activeElement","onControlClick","onClear","stopPropagation","onInput","hasCounter","hasDetails","details","rootAttrs","inputAttrs","modelValue","_","inputProps","fieldProps","variant","id","isDisabled","isDirty","isReadonly","isValid","preventDefault","dirty","class","fieldClass","slotProps","inputNode","handler"],"sources":["../../../src/components/VTextField/VTextField.tsx"],"sourcesContent":["// Styles\nimport './VTextField.sass'\n\n// Components\nimport { filterFieldProps, makeVFieldProps, VField } from '@/components/VField/VField'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VCounter } from '@/components/VCounter'\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 { cloneVNode, computed, nextTick, ref } from 'vue'\nimport { callEvent, filterInputAttrs, genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nconst activeTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month']\n\ntype EventProp<T = (...args: any[]) => any> = T | T[]\nconst EventProp = [Function, Array] as PropType<EventProp>\n\nexport const VTextField = genericComponent<new () => {\n  $props: SlotsToProps<Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n    default: []\n  }>>\n}>()({\n  name: 'VTextField',\n\n  directives: { Intersect },\n\n  inheritAttrs: false,\n\n  props: {\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    suffix: String,\n    type: {\n      type: String,\n      default: 'text',\n    },\n\n    ...makeVInputProps(),\n    ...makeVFieldProps(),\n  },\n\n  emits: {\n    'click:control': (e: MouseEvent) => true,\n    'click:input': (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<VField>()\n    const isFocused = ref(false)\n    const inputRef = ref<HTMLInputElement>()\n    const isActive = computed(() => (\n      activeTypes.includes(props.type) ||\n      props.persistentPlaceholder ||\n      isFocused.value\n    ))\n    const messages = computed(() => {\n      return props.messages.length\n        ? props.messages\n        : (isFocused.value || props.persistentHint) ? props.hint : ''\n    })\n    function onFocus () {\n      if (inputRef.value !== document.activeElement) {\n        inputRef.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        callEvent(props['onClick:clear'], e)\n      })\n    }\n    function onInput (e: Event) {\n      model.value = (e.target as HTMLInputElement).value\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-text-field',\n            {\n              'v-text-field--prefixed': props.prefix,\n              'v-text-field--suffixed': props.suffix,\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          messages={ messages.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              isDisabled,\n              isDirty,\n              isReadonly,\n              isValid,\n            }) => (\n              <VField\n                ref={ vFieldRef }\n                onMousedown={ (e: MouseEvent) => {\n                  if (e.target === inputRef.value) return\n\n                  e.preventDefault()\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                id={ id.value }\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                    const inputNode = (\n                      <input\n                        ref={ inputRef }\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                        name={ props.name }\n                        placeholder={ props.placeholder }\n                        size={ 1 }\n                        type={ props.type }\n                        onFocus={ onFocus }\n                        onBlur={ () => (isFocused.value = false) }\n                        { ...slotProps }\n                        { ...inputAttrs }\n                      />\n                    )\n\n                    return (\n                      <>\n                        { props.prefix && (\n                          <span class=\"v-text-field__prefix\">\n                            { props.prefix }\n                          </span>\n                        ) }\n\n                        { slots.default ? (\n                          <div\n                            class={ fieldClass }\n                            onClick={ e => emit('click:input', e) }\n                            data-no-activator=\"\"\n                          >\n                            { slots.default() }\n                            { inputNode }\n                          </div>\n                        ) : cloneVNode(inputNode, { class: fieldClass }) }\n\n                        { props.suffix && (\n                          <span class=\"v-text-field__suffix\">\n                            { props.suffix }\n                          </span>\n                        ) }\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, inputRef)\n  },\n})\n\nexport type VTextField = InstanceType<typeof VTextField>\n"],"mappings":"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"}