@vuetify/nightly 3.6.7-master.2024-05-28 → 3.6.8-master.2024-05-30

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.7-master.2024-05-28
+* Vuetify v3.6.8-master.2024-05-30
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -6482,7 +6482,15 @@ const VSelectionControl = genericComponent()({
       e.stopPropagation();
     }
     function onInput(e) {
-      if (!isInteractive.value) return;
+      if (!isInteractive.value) {
+        if (input.value) {
+          // model value is not updated when input is not interactive
+          // but the internal checked state of the input is still updated,
+          // so here it's value is restored
+          input.value.checked = model.value;
+        }
+        return;
+      }
       if (props.readonly && group) {
         nextTick(() => group.forceUpdate());
       }
@@ -8935,6 +8943,7 @@ const VListGroup = genericComponent()({
       isBooted
     } = useSsrBoot();
     function onClick(e) {
+      e.stopPropagation();
       open(!isOpen.value, e);
     }
     const activatorProps = computed(() => ({
@@ -9268,6 +9277,8 @@ const VListItem = genericComponent()({
       }), [[resolveDirective("ripple"), isClickable.value && props.ripple]]);
     });
     return {
+      activate,
+      isActivated,
       isGroupActivator,
       isSelected,
       list,
@@ -9343,7 +9354,7 @@ const VDivider = genericComponent()({
     const dividerStyles = computed(() => {
       const styles = {};
       if (props.length) {
-        styles[props.vertical ? 'maxHeight' : 'maxWidth'] = convertToUnit(props.length);
+        styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
       }
       if (props.thickness) {
         styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
@@ -9604,6 +9615,8 @@ const makeVListProps = propsFactory({
   },
   slim: Boolean,
   nav: Boolean,
+  'onClick:open': EventProp(),
+  'onClick:select': EventProp(),
   ...makeNestedProps({
     selectStrategy: 'single-leaf',
     openStrategy: 'list'
@@ -12915,7 +12928,7 @@ function filterItems(items, query, options) {
     const customMatches = {};
     const defaultMatches = {};
     let match = -1;
-    if (query && !options?.noFilter) {
+    if ((query || customFiltersLength > 0) && !options?.noFilter) {
       if (typeof item === 'object') {
         const filterKeys = keys || Object.keys(transformed);
         for (const key of filterKeys) {
@@ -21756,6 +21769,9 @@ const VDatePickerMonth = genericComponent()({
     });
     function onRangeClick(value) {
       const _value = adapter.startOfDay(value);
+      if (model.value.length === 0) {
+        rangeStart.value = undefined;
+      }
       if (!rangeStart.value) {
         rangeStart.value = _value;
         model.value = [rangeStart.value];
@@ -26273,7 +26289,10 @@ const VStepperWindowItem = genericComponent()({
 const makeStepperProps = propsFactory({
   altLabels: Boolean,
   bgColor: String,
+  completeIcon: String,
+  editIcon: String,
   editable: Boolean,
+  errorIcon: String,
   hideActions: Boolean,
   items: {
     type: Array,
@@ -26287,9 +26306,9 @@ const makeStepperProps = propsFactory({
     type: String,
     default: 'value'
   },
-  mobile: Boolean,
   nonLinear: Boolean,
-  flat: Boolean
+  flat: Boolean,
+  ...makeDisplayProps()
 }, 'Stepper');
 const makeVStepperProps = propsFactory({
   ...makeStepperProps(),
@@ -26317,6 +26336,13 @@ const VStepper = genericComponent()({
       selected
     } = useGroup(props, VStepperSymbol);
     const {
+      displayClasses,
+      mobile
+    } = useDisplay(props);
+    const {
+      completeIcon,
+      editIcon,
+      errorIcon,
       color,
       editable,
       prevText,
@@ -26343,6 +26369,9 @@ const VStepper = genericComponent()({
     provideDefaults({
       VStepperItem: {
         editable,
+        errorIcon,
+        completeIcon,
+        editIcon,
         prevText,
         nextText
       },
@@ -26364,8 +26393,8 @@ const VStepper = genericComponent()({
           'v-stepper--alt-labels': props.altLabels,
           'v-stepper--flat': props.flat,
           'v-stepper--non-linear': props.nonLinear,
-          'v-stepper--mobile': props.mobile
-        }, props.class],
+          'v-stepper--mobile': mobile.value
+        }, displayClasses.value, props.class],
         "style": props.style
       }), {
         default: () => [hasHeader && createVNode(VStepperHeader, {
@@ -26895,9 +26924,9 @@ const VTabs = genericComponent()({
           "key": item.text,
           "value": item.value
         }), {
-          default: () => slots[`tab.${item.value}`]?.({
+          default: slots[`tab.${item.value}`] ? () => slots[`tab.${item.value}`]?.({
             item
-          })
+          }) : undefined
         }))]
       }), hasWindow && createVNode(VTabsWindow, mergeProps({
         "modelValue": model.value,
@@ -28039,7 +28068,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.7-master.2024-05-28";
+const version$1 = "3.6.8-master.2024-05-30";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28064,7 +28093,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.6.7-master.2024-05-28";
+const version = "3.6.8-master.2024-05-30";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };