@vuetify/nightly 3.8.5-master.2025-05-20 → 3.8.6-master.2025-05-21

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.5-master.2025-05-20
+* Vuetify v3.8.6-master.2025-05-21
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4859,7 +4859,7 @@
         resizeRef,
         contentRect
       } = useResizeObserver();
-      const normalizedValue = vue.toRef(() => Math.max(0, Math.min(100, parseFloat(props.modelValue))));
+      const normalizedValue = vue.toRef(() => clamp(parseFloat(props.modelValue), 0, 100));
       const width = vue.toRef(() => Number(props.width));
       const size = vue.toRef(() => {
         // Get size from element if size prop value is small, large etc
@@ -7466,7 +7466,7 @@
       min = 0;
       max = scrollHeight + -containerHeight;
     }
-    return Math.max(Math.min(value, max), min);
+    return clamp(value, min, max);
   }
 
   function calculateUpdatedTarget(_ref) {
@@ -12743,6 +12743,7 @@
       const selectedValues = vue.computed(() => model.value.map(selection => selection.value));
       const isFocused = vue.shallowRef(false);
       let keyboardLookupPrefix = '';
+      let keyboardLookupIndex = -1;
       let keyboardLookupLastTime;
       const displayItems = vue.computed(() => {
         if (props.hideSelected) {
@@ -12810,18 +12811,46 @@
         const now = performance.now();
         if (now - keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {
           keyboardLookupPrefix = '';
+          keyboardLookupIndex = -1;
         }
         keyboardLookupPrefix += e.key.toLowerCase();
         keyboardLookupLastTime = now;
-        const item = items.value.find(item => item.title.toLowerCase().startsWith(keyboardLookupPrefix));
-        if (item !== undefined) {
-          if (!props.multiple) {
-            model.value = [item];
+        const items = displayItems.value;
+        function findItem() {
+          let result = findItemBase();
+          if (result) return result;
+          if (keyboardLookupPrefix.at(-1) === keyboardLookupPrefix.at(-2)) {
+            // No matches but we have a repeated letter, try the next item with that prefix
+            keyboardLookupPrefix = keyboardLookupPrefix.slice(0, -1);
+            result = findItemBase();
+            if (result) return result;
           }
-          const index = displayItems.value.indexOf(item);
-          if (~index && IN_BROWSER) {
-            listRef.value?.focus(index);
+
+          // Still nothing, wrap around to the top
+          keyboardLookupIndex = -1;
+          result = findItemBase();
+          if (result) return result;
+
+          // Still nothing, try just the new letter
+          keyboardLookupPrefix = e.key.toLowerCase();
+          return findItemBase();
+        }
+        function findItemBase() {
+          for (let i = keyboardLookupIndex + 1; i < items.length; i++) {
+            const _item = items[i];
+            if (_item.title.toLowerCase().startsWith(keyboardLookupPrefix)) {
+              return [_item, i];
+            }
           }
+          return undefined;
+        }
+        const result = findItem();
+        if (!result) return;
+        const [item, index] = result;
+        keyboardLookupIndex = index;
+        listRef.value?.focus(index);
+        if (!props.multiple) {
+          model.value = [item];
         }
       }
 
@@ -15865,7 +15894,7 @@
       const clickOffset = getPosition(e, position);
 
       // It is possible for left to be NaN, force to number
-      let clickPos = Math.min(Math.max((clickOffset - trackStart - startOffset.value) / trackLength, 0), 1) || 0;
+      let clickPos = clamp((clickOffset - trackStart - startOffset.value) / trackLength) || 0;
       if (vertical ? indexFromEnd.value : indexFromEnd.value !== isRtl.value) clickPos = 1 - clickPos;
       return roundValue(min.value + clickPos * (max.value - min.value));
     }
@@ -17163,13 +17192,13 @@
     return null;
   }
   const sundayJanuarySecond2000 = new Date(2000, 0, 2);
-  function getWeekdays(locale, firstDayOfWeek, weekdayFormat) {
+  function getWeekdays(locale, firstDayOfWeek) {
     const daysFromSunday = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
     return createRange(7).map(i => {
       const weekday = new Date(sundayJanuarySecond2000);
       weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
       return new Intl.DateTimeFormat(locale, {
-        weekday: weekdayFormat ?? 'narrow'
+        weekday: 'narrow'
       }).format(weekday);
     });
   }
@@ -17633,9 +17662,9 @@
     getDiff(date, comparing, unit) {
       return getDiff(date, comparing, unit);
     }
-    getWeekdays(firstDayOfWeek, weekdayFormat) {
+    getWeekdays(firstDayOfWeek) {
       const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
-      return getWeekdays(this.locale, firstDay, weekdayFormat);
+      return getWeekdays(this.locale, firstDay);
     }
     getYear(date) {
       return getYear(date);
@@ -21937,8 +21966,7 @@
     firstDayOfWeek: {
       type: [Number, String],
       default: undefined
-    },
-    weekdayFormat: String
+    }
   }, 'calendar');
   function useCalendar(props) {
     const adapter = useDate();
@@ -22186,7 +22214,7 @@
           "ref": daysRef,
           "key": daysInMonth.value[0].date?.toString(),
           "class": "v-date-picker-month__days"
-        }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek, props.weekdayFormat).map(weekDay => vue.createVNode("div", {
+        }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek).map(weekDay => vue.createVNode("div", {
           "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
         }, [weekDay])), daysInMonth.value.map((item, i) => {
           const slotProps = {
@@ -24304,7 +24332,7 @@
     function getProgress(pos) {
       let limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       const progress = position.value === 'left' ? (pos - offset.value) / width.value : position.value === 'right' ? (document.documentElement.clientWidth - pos - offset.value) / width.value : position.value === 'top' ? (pos - offset.value) / width.value : position.value === 'bottom' ? (document.documentElement.clientHeight - pos - offset.value) / width.value : oops();
-      return limit ? Math.max(0, Math.min(1, progress)) : progress;
+      return limit ? clamp(progress) : progress;
     }
     function onTouchstart(e) {
       if (touchless.value) return;
@@ -24789,6 +24817,9 @@
       const controlNodeDefaultHeight = vue.toRef(() => controlVariant.value === 'stacked' ? 'auto' : '100%');
       const incrementSlotProps = {
         props: {
+          style: {
+            touchAction: 'none'
+          },
           onClick: onControlClick,
           onPointerup: onControlMouseup,
           onPointerdown: onUpControlMousedown
@@ -24796,6 +24827,9 @@
       };
       const decrementSlotProps = {
         props: {
+          style: {
+            touchAction: 'none'
+          },
           onClick: onControlClick,
           onPointerup: onControlMouseup,
           onPointerdown: onDownControlMousedown
@@ -24928,17 +24962,18 @@
         } = VTextField.filterProps(props);
         function incrementControlNode() {
           return !slots.increment ? vue.createVNode(VBtn, {
+            "aria-hidden": "true",
+            "data-testid": "increment",
             "disabled": !canIncrease.value,
             "flat": true,
-            "key": "increment-btn",
             "height": controlNodeDefaultHeight.value,
-            "data-testid": "increment",
-            "aria-hidden": "true",
             "icon": incrementIcon.value,
+            "key": "increment-btn",
             "onClick": onControlClick,
-            "onPointerup": onControlMouseup,
             "onPointerdown": onUpControlMousedown,
+            "onPointerup": onControlMouseup,
             "size": controlNodeSize.value,
+            "style": "touch-action: none",
             "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "increment-defaults",
@@ -24957,18 +24992,19 @@
         }
         function decrementControlNode() {
           return !slots.decrement ? vue.createVNode(VBtn, {
+            "aria-hidden": "true",
+            "data-testid": "decrement",
             "disabled": !canDecrease.value,
             "flat": true,
-            "key": "decrement-btn",
             "height": controlNodeDefaultHeight.value,
-            "data-testid": "decrement",
-            "aria-hidden": "true",
             "icon": decrementIcon.value,
-            "size": controlNodeSize.value,
-            "tabindex": "-1",
+            "key": "decrement-btn",
             "onClick": onControlClick,
+            "onPointerdown": onDownControlMousedown,
             "onPointerup": onControlMouseup,
-            "onPointerdown": onDownControlMousedown
+            "size": controlNodeSize.value,
+            "style": "touch-action: none",
+            "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "decrement-defaults",
             "defaults": {
@@ -31918,7 +31954,7 @@
       };
     });
   }
-  const version$1 = "3.8.5-master.2025-05-20";
+  const version$1 = "3.8.6-master.2025-05-21";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -32216,7 +32252,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.5-master.2025-05-20";
+  const version = "3.8.6-master.2025-05-21";
 
   /* eslint-disable local-rules/sort-imports */