@vuetify/nightly 3.8.8-master.2025-06-07 → 3.8.8-master.2025-06-10

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.8-master.2025-06-07
+* Vuetify v3.8.8-master.2025-06-10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -607,7 +607,6 @@
     return cleanText;
   }
   function camelizeProps(props) {
-    if (!props) return;
     const out = {};
     for (const prop in props) {
       out[vue.camelize(prop)] = props[prop];
@@ -9590,7 +9589,7 @@
     const _props = {
       title,
       value,
-      ...camelizeProps(itemProps)
+      ...itemProps
     };
     return {
       title: String(_props.title ?? ''),
@@ -13057,6 +13056,7 @@
                     index,
                     itemRef
                   } = _ref2;
+                  const camelizedProps = camelizeProps(item.props);
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
                     key: item.value,
@@ -13078,10 +13078,10 @@
                         "modelValue": isSelected,
                         "ripple": false,
                         "tabindex": "-1"
-                      }, null) : undefined, item.props.prependAvatar && vue.createVNode(VAvatar, {
-                        "image": item.props.prependAvatar
-                      }, null), item.props.prependIcon && vue.createVNode(VIcon, {
-                        "icon": item.props.prependIcon
+                      }, null) : undefined, camelizedProps.prependAvatar && vue.createVNode(VAvatar, {
+                        "image": camelizedProps.prependAvatar
+                      }, null), camelizedProps.prependIcon && vue.createVNode(VIcon, {
+                        "icon": camelizedProps.prependIcon
                       }, null)]);
                     }
                   });
@@ -16260,7 +16260,7 @@
           default: () => [vue.withDirectives(vue.createElementVNode("div", {
             "class": "v-slider-thumb__label-container"
           }, [vue.createElementVNode("div", {
-            "class": vue.normalizeClass(['v-slider-thumb__label'])
+            "class": vue.normalizeClass(['v-slider-thumb__label', textColorClasses.value])
           }, [vue.createElementVNode("div", null, [slots['thumb-label']?.({
             modelValue: props.modelValue
           }) ?? props.modelValue.toFixed(step.value ? decimals.value : 1)])])]), [[vue.vShow, thumbLabel.value && props.focused || thumbLabel.value === 'always']])]
@@ -17529,7 +17529,7 @@
     const yearStart = new Date(year, 0, 1);
     const size = firstWeekSize(year);
     const d1w1 = size >= minWeekSize ? addDays(yearStart, size - 7) : addDays(yearStart, size);
-    return 1 + getDiff(date, d1w1, 'weeks');
+    return 1 + getDiff(endOfDay(date), startOfDay(d1w1), 'weeks');
   }
   function getDate(date) {
     return date.getDate();
@@ -17832,6 +17832,18 @@
       instance: createInstance(_options, locale)
     };
   }
+  function createDateRange(adapter, start, stop) {
+    const diff = adapter.getDiff(adapter.endOfDay(stop ?? start), adapter.startOfDay(start), 'days');
+    const datesInRange = [start];
+    for (let i = 1; i < diff; i++) {
+      const nextDate = adapter.addDays(start, i);
+      datesInRange.push(nextDate);
+    }
+    if (stop) {
+      datesInRange.push(adapter.endOfDay(stop));
+    }
+    return datesInRange;
+  }
   function createInstance(options, locale) {
     const instance = vue.reactive(typeof options.adapter === 'function'
     // eslint-disable-next-line new-cap
@@ -17842,20 +17854,7 @@
     vue.watch(locale.current, value => {
       instance.locale = options.locale[value] ?? value ?? instance.locale;
     });
-    return Object.assign(instance, {
-      createDateRange(start, stop) {
-        const diff = instance.getDiff(stop ?? start, start, 'days');
-        const datesInRange = [start];
-        for (let i = 1; i < diff; i++) {
-          const nextDate = instance.addDays(start, i);
-          datesInRange.push(nextDate);
-        }
-        if (stop) {
-          datesInRange.push(instance.endOfDay(stop));
-        }
-        return datesInRange;
-      }
-    });
+    return instance;
   }
   function useDate() {
     const options = vue.inject(DateOptionsSymbol);
@@ -19998,6 +19997,7 @@
     } = _ref;
     const Tag = props.tag ?? 'td';
     return vue.createVNode(Tag, {
+      "tabindex": "0",
       "class": vue.normalizeClass(['v-data-table__td', {
         'v-data-table-column--fixed': props.fixed,
         'v-data-table-column--last-fixed': props.lastFixed,
@@ -20342,6 +20342,11 @@
           top: props.sticky || props.fixedHeader ? `calc(var(--v-table-header-height) * ${y})` : undefined
         };
       }
+      function handleEnterKeyPress(event, column) {
+        if (event.key === 'Enter' && !props.disableSort) {
+          toggleSort(column);
+        }
+      }
       function getSortIcon(column) {
         const item = sortBy.value.find(item => item.key === column.key);
         if (!item) return props.sortAscIcon;
@@ -20398,7 +20403,9 @@
           "nowrap": column.nowrap,
           "lastFixed": column.lastFixed,
           "noPadding": noPadding
-        }, headerProps), {
+        }, headerProps, {
+          "onKeydown": event => column.sortable && handleEnterKeyPress(event, column)
+        }), {
           default: () => {
             const columnSlotName = `header.${column.key}`;
             const columnSlotProps = {
@@ -22251,7 +22258,7 @@
           } else {
             rangeStop.value = adapter.endOfDay(_value);
           }
-          model.value = adapter.createDateRange(rangeStart.value, rangeStop.value);
+          model.value = createDateRange(adapter, rangeStart.value, rangeStop.value);
         } else {
           rangeStart.value = value;
           rangeStop.value = undefined;
@@ -23338,6 +23345,56 @@
 
   // Types
 
+  function useFileDrop() {
+    function hasFilesOrFolders(e) {
+      const entries = [...(e.dataTransfer?.items ?? [])].filter(x => x.kind === 'file').map(x => x.webkitGetAsEntry()).filter(Boolean);
+      return entries.length > 0 || [...(e.dataTransfer?.files ?? [])].length > 0;
+    }
+    async function handleDrop(e) {
+      const result = [];
+      const entries = [...(e.dataTransfer?.items ?? [])].filter(x => x.kind === 'file').map(x => x.webkitGetAsEntry()).filter(Boolean);
+      if (entries.length) {
+        for (const entry of entries) {
+          const files = await traverseFileTree(entry, appendIfDirectory('.', entry));
+          result.push(...files.map(x => x.file));
+        }
+      } else {
+        result.push(...[...(e.dataTransfer?.files ?? [])]);
+      }
+      return result;
+    }
+    return {
+      handleDrop,
+      hasFilesOrFolders
+    };
+  }
+  function traverseFileTree(item) {
+    let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    return new Promise((resolve, reject) => {
+      if (item.isFile) {
+        const fileEntry = item;
+        fileEntry.file(file => resolve([{
+          file,
+          path
+        }]), reject);
+      } else if (item.isDirectory) {
+        const directoryReader = item.createReader();
+        directoryReader.readEntries(async entries => {
+          const files = [];
+          for (const entry of entries) {
+            files.push(...(await traverseFileTree(entry, appendIfDirectory(path, entry))));
+          }
+          resolve(files);
+        });
+      }
+    });
+  }
+  function appendIfDirectory(path, item) {
+    return item.isDirectory ? `${path}/${item.name}` : path;
+  }
+
+  // Types
+
   const makeVFileInputProps = propsFactory({
     chips: Boolean,
     counter: Boolean,
@@ -23422,6 +23479,10 @@
       const isActive = vue.toRef(() => isFocused.value || props.active);
       const isPlainOrUnderlined = vue.computed(() => ['plain', 'underlined'].includes(props.variant));
       const isDragging = vue.shallowRef(false);
+      const {
+        handleDrop,
+        hasFilesOrFolders
+      } = useFileDrop();
       function onFocus() {
         if (inputRef.value !== document.activeElement) {
           inputRef.value?.focus();
@@ -23455,13 +23516,13 @@
         e.preventDefault();
         isDragging.value = false;
       }
-      function onDrop(e) {
+      async function onDrop(e) {
         e.preventDefault();
         e.stopImmediatePropagation();
         isDragging.value = false;
-        if (!e.dataTransfer?.files?.length || !inputRef.value) return;
+        if (!inputRef.value || !hasFilesOrFolders(e)) return;
         const dataTransfer = new DataTransfer();
-        for (const file of e.dataTransfer.files) {
+        for (const file of await handleDrop(e)) {
           dataTransfer.items.add(file);
         }
         inputRef.value.files = dataTransfer.files;
@@ -29631,7 +29692,7 @@
           if (parts.every(isValid)) {
             if (props.multiple === 'range') {
               const [start, stop] = parts.map(parseDate).toSorted((a, b) => adapter.isAfter(a, b) ? 1 : -1);
-              model.value = adapter.createDateRange(start, stop);
+              model.value = createDateRange(adapter, start, stop);
             } else {
               model.value = parts.map(parseDate);
             }
@@ -29873,6 +29934,9 @@
       const isDragging = vue.shallowRef(false);
       const vSheetRef = vue.ref(null);
       const inputRef = vue.ref(null);
+      const {
+        handleDrop
+      } = useFileDrop();
       function onDragover(e) {
         e.preventDefault();
         e.stopImmediatePropagation();
@@ -29882,13 +29946,13 @@
         e.preventDefault();
         isDragging.value = false;
       }
-      function onDrop(e) {
+      async function onDrop(e) {
         e.preventDefault();
         e.stopImmediatePropagation();
         isDragging.value = false;
-        if (!e.dataTransfer?.files?.length || !inputRef.value) return;
+        if (!inputRef.value) return;
         const dataTransfer = new DataTransfer();
-        for (const file of e.dataTransfer.files) {
+        for (const file of await handleDrop(e)) {
           dataTransfer.items.add(file);
         }
         inputRef.value.files = dataTransfer.files;
@@ -32089,7 +32153,7 @@
       };
     });
   }
-  const version$1 = "3.8.8-master.2025-06-07";
+  const version$1 = "3.8.8-master.2025-06-10";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -32387,7 +32451,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.8-master.2025-06-07";
+  const version = "3.8.8-master.2025-06-10";
 
   /* eslint-disable local-rules/sort-imports */