@vuetify/nightly 3.1.7-dev-20230224.0 → 3.1.7

package/dist/vuetify.esm.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.
 */
@@ -16232,6 +16232,9 @@ const VRating = genericComponent()({
     const range = computed(() => createRange(Number(props.length), 1));
     const increments = computed(() => range.value.flatMap(v => props.halfIncrements ? [v - 0.5, v] : [v]));
     const hoverIndex = ref(-1);
+    const focusIndex = ref(-1);
+    const firstRef = ref();
+    let isClicking = false;
     const itemState = computed(() => increments.value.map(value => {
       const isHovering = props.hover && hoverIndex.value > -1;
       const isFilled = normalizedValue.value >= value;
@@ -16254,6 +16257,16 @@ const VRating = genericComponent()({
       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;
@@ -16261,9 +16274,17 @@ const VRating = genericComponent()({
       return {
         onMouseenter: props.hover ? onMouseenter : undefined,
         onMouseleave: props.hover ? onMouseleave : undefined,
+        onFocus,
+        onBlur,
         onClick
       };
     }));
+    function onMousedown() {
+      isClicking = true;
+    }
+    function onMouseup() {
+      isClicking = false;
+    }
     const name = computed(() => props.name ?? `v-rating-${getUid()}`);
     function VRatingItem(_ref2) {
       let {
@@ -16274,6 +16295,8 @@ const VRating = genericComponent()({
       const {
         onMouseenter,
         onMouseleave,
+        onFocus,
+        onBlur,
         onClick
       } = eventState.value[index + 1];
       const id = `${name.value}-${String(value).replace('.', '-')}`;
@@ -16284,6 +16307,7 @@ const VRating = genericComponent()({
         icon: itemState.value[index]?.icon,
         ripple: props.ripple,
         size: props.size,
+        tag: 'span',
         variant: 'plain'
       };
       return createVNode(Fragment, null, [createVNode("label", {
@@ -16292,17 +16316,17 @@ const VRating = genericComponent()({
           '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
       }, [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
       }) : createVNode(VBtn, btnProps, null)]), createVNode("input", {
         "class": "v-rating__hidden",
         "name": name.value,
@@ -16310,7 +16334,10 @@ const VRating = genericComponent()({
         "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)]);
@@ -16339,7 +16366,9 @@ const VRating = genericComponent()({
           index: i,
           label: props.itemLabels?.[i]
         }) : undefined, createVNode("div", {
-          "class": "v-rating__item"
+          "class": ['v-rating__item', {
+            'v-rating__item--focused': Math.ceil(focusIndex.value) === value
+          }]
         }, [props.halfIncrements ? createVNode(Fragment, null, [createVNode(VRatingItem, {
           "value": value - 0.5,
           "index": i * 2
@@ -18189,7 +18218,7 @@ function createVuetify$1() {
     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
@@ -18209,7 +18238,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.1.7-dev-20230224.0";
+const version = "3.1.7";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };