vuetify 3.7.13 → 3.7.14

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.13
+* Vuetify v3.7.14
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4012,7 +4012,7 @@
 
   const allowedDensities = [null, 'default', 'comfortable', 'compact'];
 
-  // typeof allowedDensities[number] evalutes to any
+  // typeof allowedDensities[number] evaluates to any
   // when generating api types for whatever reason.
 
   // Composables
@@ -17717,16 +17717,13 @@
       case 'fullTime':
         options = {
           hour: 'numeric',
-          minute: 'numeric',
-          second: 'numeric',
-          hour12: true
+          minute: 'numeric'
         };
         break;
       case 'fullTime12h':
         options = {
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: true
         };
         break;
@@ -17734,40 +17731,35 @@
         options = {
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: false
         };
         break;
       case 'fullDateTime':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric',
           hour: 'numeric',
-          minute: 'numeric',
-          second: 'numeric',
-          hour12: true
+          minute: 'numeric'
         };
         break;
       case 'fullDateTime12h':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: true
         };
         break;
       case 'fullDateTime24h':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: false
         };
         break;
@@ -17784,11 +17776,9 @@
           month: '2-digit',
           day: '2-digit',
           hour: 'numeric',
-          minute: 'numeric',
-          second: 'numeric',
-          hour12: false
+          minute: 'numeric'
         };
-        break;
+        return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
       case 'keyboardDateTime12h':
         options = {
           year: 'numeric',
@@ -17796,10 +17786,9 @@
           day: '2-digit',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: true
         };
-        break;
+        return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
       case 'keyboardDateTime24h':
         options = {
           year: 'numeric',
@@ -17807,10 +17796,9 @@
           day: '2-digit',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: false
         };
-        break;
+        return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
       default:
         options = customFormat ?? {
           timeZone: 'UTC',
@@ -22249,9 +22237,26 @@
       const model = useProxiedModel(props, 'modelValue', undefined, v => wrapInArray(v), v => props.multiple ? v : v[0]);
       const viewMode = useProxiedModel(props, 'viewMode');
       // const inputMode = useProxiedModel(props, 'inputMode')
+
+      const minDate = vue.computed(() => {
+        const date = adapter.date(props.min);
+        return props.min && adapter.isValid(date) ? date : null;
+      });
+      const maxDate = vue.computed(() => {
+        const date = adapter.date(props.max);
+        return props.max && adapter.isValid(date) ? date : null;
+      });
       const internal = vue.computed(() => {
-        const value = adapter.date(model.value?.[0]);
-        return value && adapter.isValid(value) ? value : adapter.date();
+        const today = adapter.date();
+        let value = today;
+        if (model.value?.[0]) {
+          value = adapter.date(model.value[0]);
+        } else if (minDate.value && adapter.isBefore(today, minDate.value)) {
+          value = minDate.value;
+        } else if (maxDate.value && adapter.isAfter(today, maxDate.value)) {
+          value = maxDate.value;
+        }
+        return value && adapter.isValid(value) ? value : today;
       });
       const month = vue.ref(Number(props.month ?? adapter.getMonth(adapter.startOfMonth(internal.value))));
       const year = vue.ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
@@ -22271,14 +22276,6 @@
       });
       // const headerIcon = computed(() => props.inputMode === 'calendar' ? props.keyboardIcon : props.calendarIcon)
       const headerTransition = vue.computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
-      const minDate = vue.computed(() => {
-        const date = adapter.date(props.min);
-        return props.min && adapter.isValid(date) ? date : null;
-      });
-      const maxDate = vue.computed(() => {
-        const date = adapter.date(props.max);
-        return props.max && adapter.isValid(date) ? date : null;
-      });
       const disabled = vue.computed(() => {
         if (props.disabled) return true;
         const targets = [];
@@ -23057,6 +23054,14 @@
           callEvent(props['onClick:clear'], e);
         });
       }
+      function onDragover(e) {
+        e.preventDefault();
+      }
+      function onDrop(e) {
+        e.preventDefault();
+        if (!e.dataTransfer) return;
+        model.value = [...(e.dataTransfer.files ?? [])];
+      }
       vue.watch(model, newValue => {
         const hasModelReset = !Array.isArray(newValue) || !newValue.length;
         if (hasModelReset && inputRef.value) {
@@ -23109,7 +23114,9 @@
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
-              "error": isValid.value === false
+              "error": isValid.value === false,
+              "onDragover": onDragover,
+              "onDrop": onDrop
             }), {
               ...slots,
               default: _ref4 => {
@@ -28707,8 +28714,8 @@
       const model = useProxiedModel(props, 'modelValue', null, val => val ?? null, val => val == null ? val ?? null : clamp(+val, props.min, props.max));
       const _inputText = vue.shallowRef(null);
       vue.watchEffect(() => {
-        if (isFocused.value && !controlsDisabled.value) ; else if (model.value == null || controlsDisabled.value) {
-          _inputText.value = model.value && !isNaN(model.value) ? String(model.value) : null;
+        if (isFocused.value && !controlsDisabled.value) ; else if (model.value == null) {
+          _inputText.value = null;
         } else if (!isNaN(model.value)) {
           _inputText.value = correctPrecision(model.value);
         }
@@ -30171,7 +30178,7 @@
             return vue.createVNode(vue.Fragment, null, [vue.createVNode(VListItemAction, {
               "start": false
             }, {
-              default: () => [props.toggleIcon && vue.createVNode(VBtn, {
+              default: () => [props.toggleIcon ? vue.createVNode(VBtn, {
                 "density": "compact",
                 "icon": props.toggleIcon,
                 "loading": props.loading,
@@ -30185,7 +30192,9 @@
                     "width": "2"
                   }, null);
                 }
-              })]
+              }) : vue.createVNode("div", {
+                "class": "v-treeview-item__level"
+              }, null)]
             }), slots.prepend?.(slotProps)]);
           } : undefined
         });
@@ -30217,7 +30226,8 @@
     returnObject: Boolean,
     selectable: Boolean,
     selectedColor: String,
-    selectStrategy: [String, Function, Object]
+    selectStrategy: [String, Function, Object],
+    ...makeDensityProps()
   }, 'VTreeviewChildren');
   const VTreeviewChildren = genericComponent()({
     name: 'VTreeviewChildren',
@@ -30257,6 +30267,7 @@
             "disabled": props.disabled,
             "loading": loading,
             "color": props.selectedColor,
+            "density": props.density,
             "indeterminate": slotProps.isIndeterminate,
             "indeterminateIcon": props.indeterminateIcon,
             "falseIcon": props.falseIcon,
@@ -30333,6 +30344,7 @@
     return flat;
   }
   const makeVTreeviewProps = propsFactory({
+    fluid: Boolean,
     openAll: Boolean,
     search: String,
     ...makeFilterProps({
@@ -30446,7 +30458,9 @@
         return vue.createVNode(VList, vue.mergeProps({
           "ref": vListRef
         }, listProps, {
-          "class": ['v-treeview', props.class],
+          "class": ['v-treeview', {
+            'v-treeview--fluid': props.fluid
+          }, props.class],
           "open-strategy": "multiple",
           "style": props.style,
           "opened": opened.value,
@@ -30456,6 +30470,7 @@
           "onUpdate:selected": $event => selected.value = $event
         }), {
           default: () => [vue.createVNode(VTreeviewChildren, vue.mergeProps(treeviewChildrenProps, {
+            "density": props.density,
             "returnObject": props.returnObject,
             "items": items.value
           }), slots)]
@@ -30963,7 +30978,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.13";
+  const version$1 = "3.7.14";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31216,7 +31231,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.13";
+  const version = "3.7.14";
 
   /* eslint-disable local-rules/sort-imports */