@vuetify/nightly 3.7.6-master.2024-12-26 → 3.7.6-master.2025-01-16

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.6-master.2024-12-26
+* Vuetify v3.7.6-master.2025-01-16
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5036,7 +5036,7 @@ const VProgressLinear = genericComponent()({
       "aria-hidden": props.active ? 'false' : 'true',
       "aria-valuemin": "0",
       "aria-valuemax": props.max,
-      "aria-valuenow": props.indeterminate ? undefined : normalizedValue.value,
+      "aria-valuenow": props.indeterminate ? undefined : Math.min(parseFloat(progress.value), max.value),
       "onClick": props.clickable && handleClick
     }, {
       default: () => [props.stream && createVNode("div", {
@@ -7615,6 +7615,14 @@ const VSlideGroup = genericComponent()({
         toFocus('last');
       }
     }
+    function getSiblingElement(el, location) {
+      if (!el) return undefined;
+      let sibling = el;
+      do {
+        sibling = sibling?.[location === 'next' ? 'nextElementSibling' : 'previousElementSibling'];
+      } while (sibling?.hasAttribute('disabled'));
+      return sibling;
+    }
     function focus(location) {
       if (!contentRef.el) return;
       let el;
@@ -7622,15 +7630,17 @@ const VSlideGroup = genericComponent()({
         const focusable = focusableChildren(contentRef.el);
         el = focusable[0];
       } else if (location === 'next') {
-        el = contentRef.el.querySelector(':focus')?.nextElementSibling;
+        el = getSiblingElement(contentRef.el.querySelector(':focus'), location);
         if (!el) return focus('first');
       } else if (location === 'prev') {
-        el = contentRef.el.querySelector(':focus')?.previousElementSibling;
+        el = getSiblingElement(contentRef.el.querySelector(':focus'), location);
         if (!el) return focus('last');
       } else if (location === 'first') {
         el = contentRef.el.firstElementChild;
+        if (el?.hasAttribute('disabled')) el = getSiblingElement(el, 'next');
       } else if (location === 'last') {
         el = contentRef.el.lastElementChild;
+        if (el?.hasAttribute('disabled')) el = getSiblingElement(el, 'prev');
       }
       if (el) {
         el.focus({
@@ -11578,7 +11588,7 @@ const VField = genericComponent()({
     useRender(() => {
       const isOutlined = props.variant === 'outlined';
       const hasPrepend = !!(slots['prepend-inner'] || props.prependInnerIcon);
-      const hasClear = !!(props.clearable || slots.clear);
+      const hasClear = !!(props.clearable || slots.clear) && !props.disabled;
       const hasAppend = !!(slots['append-inner'] || props.appendInnerIcon || hasClear);
       const label = () => slots.label ? slots.label({
         ...slotProps.value,
@@ -12860,8 +12870,8 @@ function filterItems(items, query, options) {
   return array;
 }
 function useFilter(props, items, query, options) {
-  const filteredItems = ref([]);
-  const filteredMatches = ref(new Map());
+  const filteredItems = shallowRef([]);
+  const filteredMatches = shallowRef(new Map());
   const transformedItems = computed(() => options?.transform ? unref(items).map(item => [item, options.transform(item)]) : unref(items));
   watchEffect(() => {
     const _query = typeof query === 'function' ? query() : unref(query);
@@ -13022,7 +13032,7 @@ const VAutocomplete = genericComponent()({
       menu.value = !menu.value;
     }
     function onListKeydown(e) {
-      if (checkPrintable(e)) {
+      if (e.key !== ' ' && checkPrintable(e)) {
         vTextFieldRef.value?.focus();
       }
     }
@@ -13030,7 +13040,7 @@ const VAutocomplete = genericComponent()({
       if (form.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
       const length = model.value.length;
-      if (selectionIndex.value > -1 || ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
+      if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
         e.preventDefault();
       }
       if (['Enter', 'ArrowDown'].includes(e.key)) {
@@ -13053,12 +13063,14 @@ const VAutocomplete = genericComponent()({
       if (['Backspace', 'Delete'].includes(e.key)) {
         if (!props.multiple && hasSelectionSlot.value && model.value.length > 0 && !search.value) return select(model.value[0], false);
         if (~selectionIndex.value) {
+          e.preventDefault();
           const originalSelectionIndex = selectionIndex.value;
           select(model.value[selectionIndex.value], false);
           selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
         } else if (e.key === 'Backspace' && !search.value) {
           selectionIndex.value = length - 1;
         }
+        return;
       }
       if (!props.multiple) return;
       if (e.key === 'ArrowLeft') {
@@ -13070,8 +13082,7 @@ const VAutocomplete = genericComponent()({
           selectionIndex.value = -1;
           vTextFieldRef.value.setSelectionRange(search.value?.length, search.value?.length);
         }
-      }
-      if (e.key === 'ArrowRight') {
+      } else if (e.key === 'ArrowRight') {
         if (selectionIndex.value < 0) return;
         const next = selectionIndex.value + 1;
         if (model.value[next]) {
@@ -13080,6 +13091,8 @@ const VAutocomplete = genericComponent()({
           selectionIndex.value = -1;
           vTextFieldRef.value.setSelectionRange(0, 0);
         }
+      } else if (~selectionIndex.value && checkPrintable(e)) {
+        selectionIndex.value = -1;
       }
     }
     function onChange(e) {
@@ -16095,7 +16108,7 @@ const VColorPickerPreview = defineComponent({
         const result = await eyeDropper.open({
           signal: abortController.signal
         });
-        const colorHexValue = HexToHSV(result.sRGBHex);
+        const colorHexValue = RGBtoHSV(parseColor(result.sRGBHex));
         emit('update:color', {
           ...(props.color ?? nullColor),
           ...colorHexValue
@@ -16906,7 +16919,7 @@ const VCombobox = genericComponent()({
       menu.value = !menu.value;
     }
     function onListKeydown(e) {
-      if (checkPrintable(e)) {
+      if (e.key !== ' ' && checkPrintable(e)) {
         vTextFieldRef.value?.focus();
       }
     }
@@ -16915,7 +16928,7 @@ const VCombobox = genericComponent()({
       if (isComposingIgnoreKey(e) || form.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
       const length = model.value.length;
-      if (selectionIndex.value > -1 || ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
+      if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
         e.preventDefault();
       }
       if (['Enter', 'ArrowDown'].includes(e.key)) {
@@ -16945,12 +16958,14 @@ const VCombobox = genericComponent()({
       if (['Backspace', 'Delete'].includes(e.key)) {
         if (!props.multiple && hasSelectionSlot.value && model.value.length > 0 && !search.value) return select(model.value[0], false);
         if (~selectionIndex.value) {
+          e.preventDefault();
           const originalSelectionIndex = selectionIndex.value;
           select(model.value[selectionIndex.value], false);
           selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
         } else if (e.key === 'Backspace' && !search.value) {
           selectionIndex.value = length - 1;
         }
+        return;
       }
       if (!props.multiple) return;
       if (e.key === 'ArrowLeft') {
@@ -16962,8 +16977,7 @@ const VCombobox = genericComponent()({
           selectionIndex.value = -1;
           vTextFieldRef.value.setSelectionRange(search.value.length, search.value.length);
         }
-      }
-      if (e.key === 'ArrowRight') {
+      } else if (e.key === 'ArrowRight') {
         if (selectionIndex.value < 0) return;
         const next = selectionIndex.value + 1;
         if (model.value[next]) {
@@ -16972,6 +16986,8 @@ const VCombobox = genericComponent()({
           selectionIndex.value = -1;
           vTextFieldRef.value.setSelectionRange(0, 0);
         }
+      } else if (~selectionIndex.value && checkPrintable(e)) {
+        selectionIndex.value = -1;
       }
     }
     function onAfterEnter() {
@@ -25544,7 +25560,7 @@ const makeLineProps = propsFactory({
     default: 8
   },
   showLabels: Boolean,
-  smooth: Boolean,
+  smooth: [Boolean, String, Number],
   width: {
     type: [Number, String],
     default: 300
@@ -25625,6 +25641,7 @@ const VBarline = genericComponent()({
     });
     const bars = computed(() => genBars(items.value, boundary.value));
     const offsetX = computed(() => (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
+    const smooth = computed(() => typeof props.smooth === 'boolean' ? props.smooth ? 2 : 0 : Number(props.smooth));
     useRender(() => {
       const gradientData = !props.gradient.slice().length ? [''] : props.gradient.slice().reverse();
       return createVNode("svg", {
@@ -25646,8 +25663,8 @@ const VBarline = genericComponent()({
         "y": item.y,
         "width": lineWidth.value,
         "height": item.height,
-        "rx": typeof props.smooth === 'number' ? props.smooth : props.smooth ? 2 : 0,
-        "ry": typeof props.smooth === 'number' ? props.smooth : props.smooth ? 2 : 0
+        "rx": smooth.value,
+        "ry": smooth.value
       }, [props.autoDraw && createVNode(Fragment, null, [createVNode("animate", {
         "attributeName": "y",
         "from": item.y + item.height,
@@ -25849,7 +25866,8 @@ const VTrendline = genericComponent()({
       immediate: true
     });
     function genPath$1(fill) {
-      return genPath(genPoints(items.value, boundary.value), props.smooth ? 8 : Number(props.smooth), fill, parseInt(props.height, 10));
+      const smoothValue = typeof props.smooth === 'boolean' ? props.smooth ? 8 : 0 : Number(props.smooth);
+      return genPath(genPoints(items.value, boundary.value), smoothValue, fill, parseInt(props.height, 10));
     }
     useRender(() => {
       const gradientData = !props.gradient.slice().length ? [''] : props.gradient.slice().reverse();
@@ -26173,6 +26191,7 @@ const VStepperItem = genericComponent()({
           'v-stepper-item--error': hasError.value
         }, group?.selectedClass.value],
         "disabled": !props.editable,
+        "type": "button",
         "onClick": onClick
       }, [isClickable.value && genOverlays(true, 'v-stepper-item'), createVNode(VAvatar, {
         "key": "stepper-avatar",
@@ -28062,8 +28081,14 @@ const VCalendar = genericComponent()({
 
 // Types
 
+// Types
+
 const makeVDateInputProps = propsFactory({
   hideActions: Boolean,
+  location: {
+    type: String,
+    default: 'bottom start'
+  },
   ...makeFocusProps(),
   ...makeVConfirmEditProps(),
   ...makeVTextFieldProps({
@@ -28073,7 +28098,7 @@ const makeVDateInputProps = propsFactory({
   ...omit(makeVDatePickerProps({
     weeksInMonth: 'dynamic',
     hideHeader: true
-  }), ['active'])
+  }), ['active', 'location'])
 }, 'VDateInput');
 const VDateInput = genericComponent()({
   name: 'VDateInput',
@@ -28129,7 +28154,7 @@ const VDateInput = genericComponent()({
     }
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props);
-      const datePickerProps = VDatePicker.filterProps(omit(props, ['active']));
+      const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location']));
       const textFieldProps = VTextField.filterProps(props);
       return createVNode(VTextField, mergeProps(textFieldProps, {
         "class": props.class,
@@ -28147,18 +28172,23 @@ const VDateInput = genericComponent()({
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
           "min-width": "0",
+          "location": props.location,
           "closeOnContentClick": false,
           "openOnClick": false
         }, {
           default: () => [createVNode(VConfirmEdit, mergeProps(confirmEditProps, {
             "modelValue": model.value,
             "onUpdate:modelValue": $event => model.value = $event,
-            "onSave": onSave
+            "onSave": onSave,
+            "onCancel": () => menu.value = false
           }), {
             default: _ref2 => {
               let {
                 actions,
-                model: proxyModel
+                model: proxyModel,
+                save,
+                cancel,
+                isPristine
               } = _ref2;
               return createVNode(VDatePicker, mergeProps(datePickerProps, {
                 "modelValue": props.hideActions ? model.value : proxyModel.value,
@@ -28172,7 +28202,11 @@ const VDateInput = genericComponent()({
                 },
                 "onMousedown": e => e.preventDefault()
               }), {
-                actions: !props.hideActions ? actions : undefined
+                actions: !props.hideActions ? () => slots.actions?.({
+                  save,
+                  cancel,
+                  isPristine
+                }) ?? actions() : undefined
               });
             }
           })]
@@ -30746,7 +30780,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.6-master.2024-12-26";
+const version$1 = "3.7.6-master.2025-01-16";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30999,7 +31033,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.6-master.2024-12-26";
+const version = "3.7.6-master.2025-01-16";
 
 /* eslint-disable local-rules/sort-imports */