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

package/dist/vuetify-labs.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.
 */
@@ -5040,7 +5040,7 @@
         "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 && vue.createVNode("div", {
@@ -7619,6 +7619,14 @@
           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;
@@ -7626,15 +7634,17 @@
           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({
@@ -11582,7 +11592,7 @@
       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,
@@ -12864,8 +12874,8 @@
     return array;
   }
   function useFilter(props, items, query, options) {
-    const filteredItems = vue.ref([]);
-    const filteredMatches = vue.ref(new Map());
+    const filteredItems = vue.shallowRef([]);
+    const filteredMatches = vue.shallowRef(new Map());
     const transformedItems = vue.computed(() => options?.transform ? vue.unref(items).map(item => [item, options.transform(item)]) : vue.unref(items));
     vue.watchEffect(() => {
       const _query = typeof query === 'function' ? query() : vue.unref(query);
@@ -13026,7 +13036,7 @@
         menu.value = !menu.value;
       }
       function onListKeydown(e) {
-        if (checkPrintable(e)) {
+        if (e.key !== ' ' && checkPrintable(e)) {
           vTextFieldRef.value?.focus();
         }
       }
@@ -13034,7 +13044,7 @@
         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)) {
@@ -13057,12 +13067,14 @@
         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') {
@@ -13074,8 +13086,7 @@
             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]) {
@@ -13084,6 +13095,8 @@
             selectionIndex.value = -1;
             vTextFieldRef.value.setSelectionRange(0, 0);
           }
+        } else if (~selectionIndex.value && checkPrintable(e)) {
+          selectionIndex.value = -1;
         }
       }
       function onChange(e) {
@@ -16099,7 +16112,7 @@
           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
@@ -16910,7 +16923,7 @@
         menu.value = !menu.value;
       }
       function onListKeydown(e) {
-        if (checkPrintable(e)) {
+        if (e.key !== ' ' && checkPrintable(e)) {
           vTextFieldRef.value?.focus();
         }
       }
@@ -16919,7 +16932,7 @@
         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)) {
@@ -16949,12 +16962,14 @@
         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') {
@@ -16966,8 +16981,7 @@
             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]) {
@@ -16976,6 +16990,8 @@
             selectionIndex.value = -1;
             vTextFieldRef.value.setSelectionRange(0, 0);
           }
+        } else if (~selectionIndex.value && checkPrintable(e)) {
+          selectionIndex.value = -1;
         }
       }
       function onAfterEnter() {
@@ -25548,7 +25564,7 @@
       default: 8
     },
     showLabels: Boolean,
-    smooth: Boolean,
+    smooth: [Boolean, String, Number],
     width: {
       type: [Number, String],
       default: 300
@@ -25629,6 +25645,7 @@
       });
       const bars = vue.computed(() => genBars(items.value, boundary.value));
       const offsetX = vue.computed(() => (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
+      const smooth = vue.computed(() => typeof props.smooth === 'boolean' ? props.smooth ? 2 : 0 : Number(props.smooth));
       useRender(() => {
         const gradientData = !props.gradient.slice().length ? [''] : props.gradient.slice().reverse();
         return vue.createVNode("svg", {
@@ -25650,8 +25667,8 @@
           "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 && vue.createVNode(vue.Fragment, null, [vue.createVNode("animate", {
           "attributeName": "y",
           "from": item.y + item.height,
@@ -25853,7 +25870,8 @@
         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();
@@ -26177,6 +26195,7 @@
             'v-stepper-item--error': hasError.value
           }, group?.selectedClass.value],
           "disabled": !props.editable,
+          "type": "button",
           "onClick": onClick
         }, [isClickable.value && genOverlays(true, 'v-stepper-item'), vue.createVNode(VAvatar, {
           "key": "stepper-avatar",
@@ -28066,8 +28085,14 @@
 
   // Types
 
+  // Types
+
   const makeVDateInputProps = propsFactory({
     hideActions: Boolean,
+    location: {
+      type: String,
+      default: 'bottom start'
+    },
     ...makeFocusProps(),
     ...makeVConfirmEditProps(),
     ...makeVTextFieldProps({
@@ -28077,7 +28102,7 @@
     ...omit(makeVDatePickerProps({
       weeksInMonth: 'dynamic',
       hideHeader: true
-    }), ['active'])
+    }), ['active', 'location'])
   }, 'VDateInput');
   const VDateInput = genericComponent()({
     name: 'VDateInput',
@@ -28133,7 +28158,7 @@
       }
       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 vue.createVNode(VTextField, vue.mergeProps(textFieldProps, {
           "class": props.class,
@@ -28151,18 +28176,23 @@
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
             "min-width": "0",
+            "location": props.location,
             "closeOnContentClick": false,
             "openOnClick": false
           }, {
             default: () => [vue.createVNode(VConfirmEdit, vue.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 vue.createVNode(VDatePicker, vue.mergeProps(datePickerProps, {
                   "modelValue": props.hideActions ? model.value : proxyModel.value,
@@ -28176,7 +28206,11 @@
                   },
                   "onMousedown": e => e.preventDefault()
                 }), {
-                  actions: !props.hideActions ? actions : undefined
+                  actions: !props.hideActions ? () => slots.actions?.({
+                    save,
+                    cancel,
+                    isPristine
+                  }) ?? actions() : undefined
                 });
               }
             })]
@@ -30750,7 +30784,7 @@
       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
@@ -31003,7 +31037,7 @@
 
   /* 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 */