@vuetify/nightly 3.1.7-dev-20230224.0 → 3.1.7

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.7-dev-20230224.0
+* Vuetify v3.1.7
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16236,6 +16236,9 @@
       const range = vue.computed(() => createRange(Number(props.length), 1));
       const increments = vue.computed(() => range.value.flatMap(v => props.halfIncrements ? [v - 0.5, v] : [v]));
       const hoverIndex = vue.ref(-1);
+      const focusIndex = vue.ref(-1);
+      const firstRef = vue.ref();
+      let isClicking = false;
       const itemState = vue.computed(() => increments.value.map(value => {
         const isHovering = props.hover && hoverIndex.value > -1;
         const isFilled = normalizedValue.value >= value;
@@ -16258,6 +16261,16 @@
         function onMouseleave() {
           hoverIndex.value = -1;
         }
+        function onFocus() {
+          if (value === 0 && normalizedValue.value === 0) {
+            firstRef.value?.focus();
+          } else {
+            focusIndex.value = value;
+          }
+        }
+        function onBlur() {
+          if (!isClicking) focusIndex.value = -1;
+        }
         function onClick() {
           if (props.disabled || props.readonly) return;
           rating.value = normalizedValue.value === value && props.clearable ? 0 : value;
@@ -16265,9 +16278,17 @@
         return {
           onMouseenter: props.hover ? onMouseenter : undefined,
           onMouseleave: props.hover ? onMouseleave : undefined,
+          onFocus,
+          onBlur,
           onClick
         };
       }));
+      function onMousedown() {
+        isClicking = true;
+      }
+      function onMouseup() {
+        isClicking = false;
+      }
       const name = vue.computed(() => props.name ?? `v-rating-${getUid()}`);
       function VRatingItem(_ref2) {
         let {
@@ -16278,6 +16299,8 @@
         const {
           onMouseenter,
           onMouseleave,
+          onFocus,
+          onBlur,
           onClick
         } = eventState.value[index + 1];
         const id = `${name.value}-${String(value).replace('.', '-')}`;
@@ -16288,6 +16311,7 @@
           icon: itemState.value[index]?.icon,
           ripple: props.ripple,
           size: props.size,
+          tag: 'span',
           variant: 'plain'
         };
         return vue.createVNode(vue.Fragment, null, [vue.createVNode("label", {
@@ -16296,17 +16320,17 @@
             'v-rating__item--half': props.halfIncrements && value % 1 > 0,
             'v-rating__item--full': props.halfIncrements && value % 1 === 0
           },
+          "onMousedown": onMousedown,
+          "onMouseup": onMouseup,
           "onMouseenter": onMouseenter,
-          "onMouseleave": onMouseleave,
-          "onClick": onClick
+          "onMouseleave": onMouseleave
         }, [vue.createVNode("span", {
           "class": "v-rating__hidden"
         }, [t(props.itemAriaLabel, value, props.length)]), !showStar ? undefined : slots.item ? slots.item({
           ...itemState.value[index],
           props: btnProps,
           value,
-          index,
-          rating: normalizedValue.value
+          index
         }) : vue.createVNode(VBtn, btnProps, null)]), vue.createVNode("input", {
           "class": "v-rating__hidden",
           "name": name.value,
@@ -16314,7 +16338,10 @@
           "type": "radio",
           "value": value,
           "checked": normalizedValue.value === value,
-          "tabindex": -1,
+          "onClick": onClick,
+          "onFocus": onFocus,
+          "onBlur": onBlur,
+          "ref": index === 0 ? firstRef : undefined,
           "readonly": props.readonly,
           "disabled": props.disabled
         }, null)]);
@@ -16343,7 +16370,9 @@
             index: i,
             label: props.itemLabels?.[i]
           }) : undefined, vue.createVNode("div", {
-            "class": "v-rating__item"
+            "class": ['v-rating__item', {
+              'v-rating__item--focused': Math.ceil(focusIndex.value) === value
+            }]
           }, [props.halfIncrements ? vue.createVNode(vue.Fragment, null, [vue.createVNode(VRatingItem, {
             "value": value - 0.5,
             "index": i * 2
@@ -18193,7 +18222,7 @@
       locale
     };
   }
-  const version$1 = "3.1.7-dev-20230224.0";
+  const version$1 = "3.1.7";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -18213,7 +18242,7 @@
       ...options
     });
   };
-  const version = "3.1.7-dev-20230224.0";
+  const version = "3.1.7";
   createVuetify.version = version;
 
   exports.components = components;