@vuetify/nightly 3.1.4 → 3.1.5-master-20230210.0

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.1.4
+* Vuetify v3.1.5-master-20230210.0
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { ref, onBeforeUnmount, watch, readonly, reactive, computed, watchEffect, toRefs, capitalize, getCurrentInstance as getCurrentInstance$1, unref, provide, inject as inject$1, onScopeDispose, effectScope, shallowRef, defineComponent as defineComponent$1, camelize, h, onDeactivated, onActivated, onMounted, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, Fragment, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, cloneVNode, warn, toHandlers, Teleport, createTextVNode, onBeforeUpdate, vModelText } from 'vue';
+import { ref, onBeforeUnmount, watch, readonly, reactive, computed, watchEffect, toRefs, capitalize, getCurrentInstance as getCurrentInstance$1, unref, provide, inject as inject$1, onScopeDispose, effectScope, shallowRef, defineComponent as defineComponent$1, camelize, h, onDeactivated, onActivated, onMounted, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, Fragment, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, cloneVNode, warn, toHandlers, Teleport, createTextVNode, onBeforeUpdate, vModelText } from 'vue';
 
 const IN_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
@@ -1821,11 +1821,12 @@ function useProxiedModel(props, prop, defaultValue) {
   });
   const model = computed({
     get() {
-      return transformIn(isControlled.value ? props[prop] : internal.value);
+      return transformIn(toRaw(isControlled.value ? props[prop] : internal.value));
     },
-    set(value) {
-      const newValue = transformOut(value);
-      if ((isControlled.value ? props[prop] : internal.value) === newValue || transformIn(isControlled.value ? props[prop] : internal.value) === value) {
+    set(internalValue) {
+      const newValue = transformOut(internalValue);
+      const value = toRaw(isControlled.value ? props[prop] : internal.value);
+      if (value === newValue || transformIn(value) === internalValue) {
         return;
       }
       internal.value = newValue;
@@ -5331,7 +5332,6 @@ const VField = genericComponent()({
     ...makeVFieldProps()
   },
   emits: {
-    'click:control': e => true,
     'update:focused': focused => true,
     'update:modelValue': val => true
   },
@@ -5422,7 +5422,6 @@ const VField = genericComponent()({
       if (e.target !== document.activeElement) {
         e.preventDefault();
       }
-      emit('click:control', e);
     }
     useRender(() => {
       var _slots$prependInner, _slots$default, _slots$appendInner;
@@ -6094,7 +6093,7 @@ const VTextField = genericComponent()({
   props: makeVTextFieldProps(),
   emits: {
     'click:control': e => true,
-    'click:input': e => true,
+    'mousedown:control': e => true,
     'update:focused': focused => true,
     'update:modelValue': val => true
   },
@@ -6137,6 +6136,12 @@ const VTextField = genericComponent()({
       }
       if (!isFocused.value) focus();
     }
+    function onControlMousedown(e) {
+      emit('mousedown:control', e);
+      if (e.target === inputRef.value) return;
+      onFocus();
+      e.preventDefault();
+    }
     function onControlClick(e) {
       onFocus();
       emit('click:control', e);
@@ -6187,11 +6192,8 @@ const VTextField = genericComponent()({
           } = _ref2;
           return createVNode(VField, mergeProps({
             "ref": vFieldRef,
-            "onMousedown": e => {
-              if (e.target === inputRef.value) return;
-              e.preventDefault();
-            },
-            "onClick:control": onControlClick,
+            "onMousedown": onControlMousedown,
+            "onClick": onControlClick,
             "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner'],
@@ -6233,7 +6235,6 @@ const VTextField = genericComponent()({
                 "class": "v-text-field__prefix"
               }, [props.prefix]), slots.default ? createVNode("div", {
                 "class": fieldClass,
-                "onClick": e => emit('click:input', e),
                 "data-no-activator": ""
               }, [slots.default(), inputNode]) : cloneVNode(inputNode, {
                 class: fieldClass
@@ -9925,7 +9926,7 @@ const VSelect = genericComponent()({
         menu.value = true;
       }
     }
-    function onClickControl() {
+    function onMousedownControl() {
       if (props.hideNoData && !items.value.length || props.readonly || form != null && form.isReadonly.value) return;
       menu.value = !menu.value;
     }
@@ -10003,7 +10004,7 @@ const VSelect = genericComponent()({
         "appendInnerIcon": props.menuIcon,
         "readonly": true,
         "onClick:clear": onClear,
-        "onClick:control": onClickControl,
+        "onMousedown:control": onMousedownControl,
         "onBlur": onBlur,
         "onKeydown": onKeydown
       }), {
@@ -10288,7 +10289,7 @@ const VAutocomplete = genericComponent()({
       }
       search.value = '';
     }
-    function onClickControl() {
+    function onMousedownControl() {
       if (props.hideNoData && !items.value.length || props.readonly || form != null && form.isReadonly.value) return;
       menu.value = true;
     }
@@ -10392,8 +10393,7 @@ const VAutocomplete = genericComponent()({
         "appendInnerIcon": props.menuIcon,
         "readonly": props.readonly,
         "onClick:clear": onClear,
-        "onClick:control": onClickControl,
-        "onClick:input": onClickControl,
+        "onMousedown:control": onMousedownControl,
         "onFocus": () => isFocused.value = true,
         "onBlur": () => isFocused.value = false,
         "onKeydown": onKeydown
@@ -13631,7 +13631,7 @@ const VCombobox = genericComponent()({
         menu.value = true;
       }
     }
-    function onClickControl() {
+    function onMousedownControl() {
       if (props.hideNoData && !items.value.length || props.readonly || form != null && form.isReadonly.value) return;
       menu.value = true;
     }
@@ -13763,8 +13763,7 @@ const VCombobox = genericComponent()({
         "appendInnerIcon": props.items.length ? props.menuIcon : undefined,
         "readonly": props.readonly,
         "onClick:clear": onClear,
-        "onClick:control": onClickControl,
-        "onClick:input": onClickControl,
+        "onMousedown:control": onMousedownControl,
         "onFocus": () => isFocused.value = true,
         "onBlur": () => isFocused.value = false,
         "onKeydown": onKeydown
@@ -14254,6 +14253,7 @@ const VFileInput = defineComponent({
   },
   emits: {
     'click:control': e => true,
+    'mousedown:control': e => true,
     'update:modelValue': files => true
   },
   setup(props, _ref) {
@@ -14306,6 +14306,9 @@ const VFileInput = defineComponent({
       callEvent(props['onClick:prepend'], e);
       onControlClick(e);
     }
+    function onControlMousedown(e) {
+      emit('mousedown:control', e);
+    }
     function onControlClick(e) {
       var _inputRef$value2;
       (_inputRef$value2 = inputRef.value) == null ? void 0 : _inputRef$value2.click();
@@ -14357,7 +14360,8 @@ const VFileInput = defineComponent({
           return createVNode(VField, mergeProps({
             "ref": vFieldRef,
             "prepend-icon": props.prependIcon,
-            "onClick:control": onControlClick,
+            "onMousedown": onControlMousedown,
+            "onClick": onControlClick,
             "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner']
@@ -17560,6 +17564,7 @@ const VTextarea = defineComponent({
   },
   emits: {
     'click:control': e => true,
+    'mousedown:control': e => true,
     'update:focused': focused => true,
     'update:modelValue': val => true
   },
@@ -17607,6 +17612,9 @@ const VTextarea = defineComponent({
       onFocus();
       emit('click:control', e);
     }
+    function onControlMousedown(e) {
+      emit('mousedown:control', e);
+    }
     function onClear(e) {
       e.stopPropagation();
       onFocus();
@@ -17693,7 +17701,8 @@ const VTextarea = defineComponent({
             "style": {
               '--v-textarea-control-height': controlHeight.value
             },
-            "onClick:control": onControlClick,
+            "onClick": onControlClick,
+            "onMousedown": onControlMousedown,
             "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner'],
@@ -18458,7 +18467,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.1.4";
+const version$1 = "3.1.5-master-20230210.0";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -18479,7 +18488,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.1.4";
+const version = "3.1.5-master-20230210.0";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };