@vuetify/nightly 3.8.3-master.2025-04-30 → 3.8.3-master.2025-05-02

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.3-master.2025-04-30
+* Vuetify v3.8.3-master.2025-05-02
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -18995,7 +18995,7 @@
       index = index ?? currentPage.value.findIndex(i => i.value === item.value);
       if (props.selectStrategy !== 'single' && event?.shiftKey && lastSelectedIndex.value !== null) {
         const [start, end] = [lastSelectedIndex.value, index].sort((a, b) => a - b);
-        items.push(...currentPage.value.slice(start, end + 1));
+        items.push(...currentPage.value.slice(start, end + 1).filter(item => item.selectable));
       } else {
         items.push(item);
         lastSelectedIndex.value = index;
@@ -29065,7 +29065,13 @@
       type: String,
       default: 'bottom start'
     },
-    ...makeDisplayProps(),
+    updateOn: {
+      type: Array,
+      default: () => ['blur', 'enter']
+    },
+    ...makeDisplayProps({
+      mobile: null
+    }),
     ...makeFocusProps(),
     ...makeVConfirmEditProps({
       hideActions: true
@@ -29104,7 +29110,8 @@
         focus,
         blur
       } = useFocus(props);
-      const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null, val => Array.isArray(val) ? val.map(item => adapter.toJsDate(item)) : val ? adapter.toJsDate(val) : val, val => Array.isArray(val) ? val.map(item => adapter.date(item)) : val ? adapter.date(val) : val);
+      const emptyModelValue = () => props.multiple ? [] : null;
+      const model = useProxiedModel(props, 'modelValue', emptyModelValue(), val => Array.isArray(val) ? val.map(item => adapter.toJsDate(item)) : val ? adapter.toJsDate(val) : val, val => Array.isArray(val) ? val.map(item => adapter.date(item)) : val ? adapter.date(val) : val);
       const menu = vue.shallowRef(false);
       const isEditingInput = vue.shallowRef(false);
       const vTextFieldRef = vue.ref();
@@ -29135,7 +29142,10 @@
         return 'none';
       });
       const isInteractive = vue.computed(() => !props.disabled && !props.readonly);
-      const isReadonly = vue.computed(() => !(mobile.value && isEditingInput.value) && props.readonly);
+      const isReadonly = vue.computed(() => {
+        if (!props.updateOn.length) return true;
+        return !(mobile.value && isEditingInput.value) && props.readonly;
+      });
       vue.watch(menu, val => {
         if (val) return;
         isEditingInput.value = false;
@@ -29147,8 +29157,9 @@
           menu.value = true;
           return;
         }
-        const target = e.target;
-        model.value = adapter.isValid(target.value) ? target.value : null;
+        if (props.updateOn.includes('enter')) {
+          onUserInput(e.target);
+        }
       }
       function onClick(e) {
         e.preventDefault();
@@ -29170,9 +29181,12 @@
       }
       function onUpdateDisplayModel(value) {
         if (value != null) return;
-        model.value = null;
+        model.value = emptyModelValue();
       }
-      function onBlur() {
+      function onBlur(e) {
+        if (props.updateOn.includes('blur')) {
+          onUserInput(e.target);
+        }
         blur();
 
         // When in mobile mode and editing is done (due to keyboard dismissal), close the menu
@@ -29181,6 +29195,13 @@
           isEditingInput.value = false;
         }
       }
+      function onUserInput(_ref2) {
+        let {
+          value
+        } = _ref2;
+        if (value && !adapter.isValid(value)) return;
+        model.value = !value ? emptyModelValue() : value;
+      }
       useRender(() => {
         const confirmEditProps = VConfirmEdit.filterProps(props);
         const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location', 'rounded']));
@@ -29219,14 +29240,14 @@
               "onSave": onSave,
               "onCancel": onCancel
             }), {
-              default: _ref2 => {
+              default: _ref3 => {
                 let {
                   actions,
                   model: proxyModel,
                   save,
                   cancel,
                   isPristine
-                } = _ref2;
+                } = _ref3;
                 function onUpdateModel(value) {
                   if (!props.hideActions) {
                     proxyModel.value = value;
@@ -31641,7 +31662,7 @@
       };
     });
   }
-  const version$1 = "3.8.3-master.2025-04-30";
+  const version$1 = "3.8.3-master.2025-05-02";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31939,7 +31960,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.3-master.2025-04-30";
+  const version = "3.8.3-master.2025-05-02";
 
   /* eslint-disable local-rules/sort-imports */