vuetify 3.7.16 → 3.7.18

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.16
+* Vuetify v3.7.18
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2451,7 +2451,7 @@
     function getHead() {
       return {
         style: [{
-          children: styles.value,
+          textContent: styles.value,
           id: 'vuetify-theme-stylesheet',
           nonce: parsedOptions.cspNonce || false
         }]
@@ -11829,11 +11829,6 @@
       };
     }
   });
-  // TODO: this is kinda slow, might be better to implicitly inherit props instead
-  function filterFieldProps(attrs) {
-    const keys = Object.keys(VField.props).filter(k => !isOn(k) && k !== 'class' && k !== 'style');
-    return pick(attrs, keys);
-  }
 
   // Types
 
@@ -11941,7 +11936,7 @@
           modelValue: _,
           ...inputProps
         } = VInput.filterProps(props);
-        const fieldProps = filterFieldProps(props);
+        const fieldProps = VField.filterProps(props);
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": model.value,
@@ -21555,30 +21550,30 @@
           "class": ['v-date-picker-controls']
         }, [vue.createVNode(VBtn, {
           "class": "v-date-picker-controls__month-btn",
+          "data-testid": "month-btn",
           "disabled": disableMonth.value,
           "text": props.text,
           "variant": "text",
           "rounded": true,
           "onClick": onClickMonth
         }, null), vue.createVNode(VBtn, {
-          "key": "mode-btn",
           "class": "v-date-picker-controls__mode-btn",
+          "data-testid": "year-btn",
           "disabled": disableYear.value,
           "density": "comfortable",
           "icon": props.modeIcon,
           "variant": "text",
           "onClick": onClickYear
-        }, null), vue.createVNode(VSpacer, {
-          "key": "mode-spacer"
-        }, null), vue.createVNode("div", {
-          "key": "month-buttons",
+        }, null), vue.createVNode(VSpacer, null, null), vue.createVNode("div", {
           "class": "v-date-picker-controls__month"
         }, [vue.createVNode(VBtn, {
+          "data-testid": "prev-month",
           "disabled": disablePrev.value,
           "icon": props.prevIcon,
           "variant": "text",
           "onClick": onClickPrev
         }, null), vue.createVNode(VBtn, {
+          "data-testid": "next-month",
           "disabled": disableNext.value,
           "icon": props.nextIcon,
           "variant": "text",
@@ -21925,7 +21920,7 @@
           model.value = [value];
         }
       }
-      useRender(() => vue.createVNode("div", {
+      return () => vue.createVNode("div", {
         "class": "v-date-picker-month"
       }, [props.showWeek && vue.createVNode("div", {
         "key": "weeks",
@@ -21947,13 +21942,6 @@
         }, [weekDay])), daysInMonth.value.map((item, i) => {
           const slotProps = {
             props: {
-              class: 'v-date-picker-month__day-btn',
-              color: (item.isSelected || item.isToday) && !item.isDisabled ? props.color : undefined,
-              disabled: item.isDisabled,
-              icon: true,
-              ripple: false,
-              text: item.localized,
-              variant: item.isDisabled ? item.isToday ? 'outlined' : 'text' : item.isToday && !item.isSelected ? 'outlined' : 'flat',
               onClick: () => onClick(item.date)
             },
             item,
@@ -21971,9 +21959,24 @@
               'v-date-picker-month__day--week-start': item.isWeekStart
             }],
             "data-v-date": !item.isDisabled ? item.isoDate : undefined
-          }, [(props.showAdjacentMonths || !item.isAdjacent) && (slots.day?.(slotProps) ?? vue.createVNode(VBtn, slotProps.props, null))]);
+          }, [(props.showAdjacentMonths || !item.isAdjacent) && vue.createVNode(VDefaultsProvider, {
+            "defaults": {
+              VBtn: {
+                class: 'v-date-picker-month__day-btn',
+                color: (item.isSelected || item.isToday) && !item.isDisabled ? props.color : undefined,
+                disabled: item.isDisabled,
+                icon: true,
+                ripple: false,
+                text: item.localized,
+                variant: item.isDisabled ? item.isToday ? 'outlined' : 'text' : item.isToday && !item.isSelected ? 'outlined' : 'flat',
+                onClick: () => onClick(item.date)
+              }
+            }
+          }, {
+            default: () => [slots.day?.(slotProps) ?? vue.createVNode(VBtn, slotProps.props, null)]
+          })]);
         })])]
-      })]));
+      })]);
     }
   });
 
@@ -23111,7 +23114,7 @@
           modelValue: _,
           ...inputProps
         } = VInput.filterProps(props);
-        const fieldProps = filterFieldProps(props);
+        const fieldProps = VField.filterProps(props);
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": props.multiple ? model.value : model.value[0],
@@ -27246,7 +27249,7 @@
           modelValue: _,
           ...inputProps
         } = VInput.filterProps(props);
-        const fieldProps = filterFieldProps(props);
+        const fieldProps = VField.filterProps(props);
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": model.value,
@@ -28297,7 +28300,7 @@
           return;
         }
         const target = e.target;
-        model.value = target.value;
+        model.value = target.value === '' ? null : target.value;
       }
       function onClick(e) {
         e.preventDefault();
@@ -31081,7 +31084,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.16";
+  const version$1 = "3.7.18";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31334,7 +31337,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.16";
+  const version = "3.7.18";
 
   /* eslint-disable local-rules/sort-imports */