@vuetify/nightly 3.1.6 → 3.1.7-dev-20230224.0

package/CHANGELOG.md

@@ -1,22 +1,14 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.1.6...v) (2023-02-22)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.1.7-dev-20230224.0...v) (2023-02-24)
 
 
 
-## [3.1.6](https://github.com/vuetifyjs/vuetify/compare/v3.1.5...v3.1.6) (2023-02-22)
+## [3.1.7-dev-20230224.0](https://github.com/vuetifyjs/vuetify/compare/v3.1.6...v3.1.7-dev-20230224.0) (2023-02-24)
 
 
 ### Bug Fixes
 
-* **proxiedModel:** don't lose reactive references to values ([f32a720](https://github.com/vuetifyjs/vuetify/commit/f32a720001383f87983146c00dea9db685d0761d)), closes [#16741](https://github.com/vuetifyjs/vuetify/issues/16741) [#16512](https://github.com/vuetifyjs/vuetify/issues/16512) [#16612](https://github.com/vuetifyjs/vuetify/issues/16612)
-* **theme:** support vueuse/head v1.0 ([#16721](https://github.com/vuetifyjs/vuetify/issues/16721)) ([f07101c](https://github.com/vuetifyjs/vuetify/commit/f07101c0e248faaa509267b368541840e8621ac0))
-* **VColorPicker:** consistent output values ([#16674](https://github.com/vuetifyjs/vuetify/issues/16674)) ([01c35ef](https://github.com/vuetifyjs/vuetify/commit/01c35efad9025f196f937c45a3fef206e180b180)), closes [#16672](https://github.com/vuetifyjs/vuetify/issues/16672)
-* **VColorPicker:** never change track color ([46eaef7](https://github.com/vuetifyjs/vuetify/commit/46eaef785eb1d59a9508ae8a0dedae2b8d5b5b3e)), closes [#16689](https://github.com/vuetifyjs/vuetify/issues/16689)
-* **VColorPicker:** reset canvas handle position when color = null ([f00ee78](https://github.com/vuetifyjs/vuetify/commit/f00ee7816079c14ae690c6fa37bca22bdd75934b))
-* **VColorPicker:** support dynamic width ([#16675](https://github.com/vuetifyjs/vuetify/issues/16675)) ([7190d27](https://github.com/vuetifyjs/vuetify/commit/7190d275d839c2a518d294b41c45cb29b1eda4e4)), closes [#7151](https://github.com/vuetifyjs/vuetify/issues/7151) [#16668](https://github.com/vuetifyjs/vuetify/issues/16668)
-* **VDataTableServer:** support column slots ([#16707](https://github.com/vuetifyjs/vuetify/issues/16707)) ([fe92699](https://github.com/vuetifyjs/vuetify/commit/fe92699e60915440d653733523860e87b2e0c87e)), closes [#16704](https://github.com/vuetifyjs/vuetify/issues/16704)
-* **VOverlay:** don't use cancelIdleCallback in safari ([9a4caf3](https://github.com/vuetifyjs/vuetify/commit/9a4caf331d05c31a1223712802babe7eec707d72)), closes [#16613](https://github.com/vuetifyjs/vuetify/issues/16613)
-* **VSystemBar:** reserve space for hidden scrollbar from VOverlay ([#16734](https://github.com/vuetifyjs/vuetify/issues/16734)) ([2e545ae](https://github.com/vuetifyjs/vuetify/commit/2e545ae8f9f99d8417091886005fc7dc68ef8b72)), closes [#16727](https://github.com/vuetifyjs/vuetify/issues/16727)
-* **VVirtualScroll:** clamp visible items to [0, items.length] ([e493439](https://github.com/vuetifyjs/vuetify/commit/e493439324278e3a15ba51cfb9c45ec226328257)), closes [#16725](https://github.com/vuetifyjs/vuetify/issues/16725)
+* **VRating:** expose model value in item slot ([62b4be7](https://github.com/vuetifyjs/vuetify/commit/62b4be74b777d4b0c6bee75e08c3a9d60d76416f))
+* **VRating:** keyboard navigation ([1c0a0d2](https://github.com/vuetifyjs/vuetify/commit/1c0a0d232956bf53a498ac39f6afc4597f6e2739))
 
 
 

package/dist/json/importMap.json

@@ -4,10 +4,6 @@
       "from": "components/VDefaultsProvider/index.mjs",
       "styles": []
     },
-    "VForm": {
-      "from": "components/VForm/index.mjs",
-      "styles": []
-    },
     "VContainer": {
       "from": "components/VGrid/index.mjs",
       "styles": []
@@ -28,12 +24,8 @@
       "from": "components/VHover/index.mjs",
       "styles": []
     },
-    "VLayout": {
-      "from": "components/VLayout/index.mjs",
-      "styles": []
-    },
-    "VLayoutItem": {
-      "from": "components/VLayout/index.mjs",
+    "VForm": {
+      "from": "components/VForm/index.mjs",
       "styles": []
     },
     "VLazy": {
@@ -44,6 +36,14 @@
       "from": "components/VLocaleProvider/index.mjs",
       "styles": []
     },
+    "VLayout": {
+      "from": "components/VLayout/index.mjs",
+      "styles": []
+    },
+    "VLayoutItem": {
+      "from": "components/VLayout/index.mjs",
+      "styles": []
+    },
     "VNoSsr": {
       "from": "components/VNoSsr/index.mjs",
       "styles": []
@@ -200,16 +200,16 @@
       "from": "components/VBreadcrumbs/index.mjs",
       "styles": []
     },
-    "VBtn": {
-      "from": "components/VBtn/index.mjs",
+    "VBtnToggle": {
+      "from": "components/VBtnToggle/index.mjs",
       "styles": []
     },
     "VBtnGroup": {
       "from": "components/VBtnGroup/index.mjs",
       "styles": []
     },
-    "VBtnToggle": {
-      "from": "components/VBtnToggle/index.mjs",
+    "VBtn": {
+      "from": "components/VBtn/index.mjs",
       "styles": []
     },
     "VCard": {
@@ -236,14 +236,6 @@
       "from": "components/VCard/index.mjs",
       "styles": []
     },
-    "VCarousel": {
-      "from": "components/VCarousel/index.mjs",
-      "styles": []
-    },
-    "VCarouselItem": {
-      "from": "components/VCarousel/index.mjs",
-      "styles": []
-    },
     "VCheckbox": {
       "from": "components/VCheckbox/index.mjs",
       "styles": []
@@ -252,6 +244,14 @@
       "from": "components/VCheckbox/index.mjs",
       "styles": []
     },
+    "VCarousel": {
+      "from": "components/VCarousel/index.mjs",
+      "styles": []
+    },
+    "VCarouselItem": {
+      "from": "components/VCarousel/index.mjs",
+      "styles": []
+    },
     "VChip": {
       "from": "components/VChip/index.mjs",
       "styles": []
@@ -280,10 +280,6 @@
       "from": "components/VDialog/index.mjs",
       "styles": []
     },
-    "VDivider": {
-      "from": "components/VDivider/index.mjs",
-      "styles": []
-    },
     "VExpansionPanels": {
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
@@ -300,6 +296,10 @@
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
     },
+    "VDivider": {
+      "from": "components/VDivider/index.mjs",
+      "styles": []
+    },
     "VField": {
       "from": "components/VField/index.mjs",
       "styles": []
@@ -316,6 +316,10 @@
       "from": "components/VFooter/index.mjs",
       "styles": []
     },
+    "VImg": {
+      "from": "components/VImg/index.mjs",
+      "styles": []
+    },
     "VIcon": {
       "from": "components/VIcon/index.mjs",
       "styles": []
@@ -336,22 +340,10 @@
       "from": "components/VIcon/index.mjs",
       "styles": []
     },
-    "VImg": {
-      "from": "components/VImg/index.mjs",
-      "styles": []
-    },
     "VInput": {
       "from": "components/VInput/index.mjs",
       "styles": []
     },
-    "VItemGroup": {
-      "from": "components/VItemGroup/index.mjs",
-      "styles": []
-    },
-    "VItem": {
-      "from": "components/VItemGroup/index.mjs",
-      "styles": []
-    },
     "VKbd": {
       "from": "components/VKbd/index.mjs",
       "styles": []
@@ -408,14 +400,14 @@
       "from": "components/VMessages/index.mjs",
       "styles": []
     },
-    "VNavigationDrawer": {
-      "from": "components/VNavigationDrawer/index.mjs",
-      "styles": []
-    },
     "VOverlay": {
       "from": "components/VOverlay/index.mjs",
       "styles": []
     },
+    "VNavigationDrawer": {
+      "from": "components/VNavigationDrawer/index.mjs",
+      "styles": []
+    },
     "VPagination": {
       "from": "components/VPagination/index.mjs",
       "styles": []
@@ -460,20 +452,16 @@
       "from": "components/VSlideGroup/index.mjs",
       "styles": []
     },
-    "VSlider": {
-      "from": "components/VSlider/index.mjs",
-      "styles": []
-    },
     "VSnackbar": {
       "from": "components/VSnackbar/index.mjs",
       "styles": []
     },
-    "VSwitch": {
-      "from": "components/VSwitch/index.mjs",
+    "VSlider": {
+      "from": "components/VSlider/index.mjs",
       "styles": []
     },
-    "VSystemBar": {
-      "from": "components/VSystemBar/index.mjs",
+    "VSwitch": {
+      "from": "components/VSwitch/index.mjs",
       "styles": []
     },
     "VTabs": {
@@ -484,8 +472,8 @@
       "from": "components/VTabs/index.mjs",
       "styles": []
     },
-    "VTable": {
-      "from": "components/VTable/index.mjs",
+    "VSystemBar": {
+      "from": "components/VSystemBar/index.mjs",
       "styles": []
     },
     "VTextarea": {
@@ -496,6 +484,10 @@
       "from": "components/VTextField/index.mjs",
       "styles": []
     },
+    "VTable": {
+      "from": "components/VTable/index.mjs",
+      "styles": []
+    },
     "VTimeline": {
       "from": "components/VTimeline/index.mjs",
       "styles": []
@@ -527,6 +519,14 @@
     "VWindowItem": {
       "from": "components/VWindow/index.mjs",
       "styles": []
+    },
+    "VItemGroup": {
+      "from": "components/VItemGroup/index.mjs",
+      "styles": []
+    },
+    "VItem": {
+      "from": "components/VItemGroup/index.mjs",
+      "styles": []
     }
   },
   "directives": [

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.1.6",
+  "version": "3.1.7-dev-20230224.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -16476,6 +16476,10 @@
                 {
                   "name": "props",
                   "type": "Record<string, unknown>"
+                },
+                {
+                  "name": "rating",
+                  "type": "number"
                 }
               ]
             },

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.6
+* Vuetify v3.1.7-dev-20230224.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -20898,10 +20898,6 @@ html.v-overlay-scroll-blocked {
 .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
   transform: scale(1.25);
 }
-.v-rating__item--focused .v-btn__overlay {
-  display: block;
-  opacity: var(--v-hover-opacity);
-}
 .v-rating__item--half {
   overflow: hidden;
   position: absolute;

package/dist/vuetify-labs.d.ts

@@ -11980,6 +11980,7 @@ type VRatingItemSlot = {
     icon: IconValue;
     color?: string;
     props: Record<string, unknown>;
+    rating: number;
 };
 type VRatingItemLabelSlot = {
     value: number;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.6
+* Vuetify v3.1.7-dev-20230224.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16236,9 +16236,6 @@ 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;
@@ -16261,16 +16258,6 @@ 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;
@@ -16278,17 +16265,9 @@ 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 {
@@ -16299,8 +16278,6 @@ const VRating = genericComponent()({
       const {
         onMouseenter,
         onMouseleave,
-        onFocus,
-        onBlur,
         onClick
       } = eventState.value[index + 1];
       const id = `${name.value}-${String(value).replace('.', '-')}`;
@@ -16311,7 +16288,6 @@ const VRating = genericComponent()({
         icon: itemState.value[index]?.icon,
         ripple: props.ripple,
         size: props.size,
-        tag: 'span',
         variant: 'plain'
       };
       return createVNode(Fragment, null, [createVNode("label", {
@@ -16320,17 +16296,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
+        "onMouseleave": onMouseleave,
+        "onClick": onClick
       }, [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
+        index,
+        rating: normalizedValue.value
       }) : createVNode(VBtn, btnProps, null)]), createVNode("input", {
         "class": "v-rating__hidden",
         "name": name.value,
@@ -16338,10 +16314,7 @@ const VRating = genericComponent()({
         "type": "radio",
         "value": value,
         "checked": normalizedValue.value === value,
-        "onClick": onClick,
-        "onFocus": onFocus,
-        "onBlur": onBlur,
-        "ref": index === 0 ? firstRef : undefined,
+        "tabindex": -1,
         "readonly": props.readonly,
         "disabled": props.disabled
       }, null)]);
@@ -16370,9 +16343,7 @@ const VRating = genericComponent()({
           index: i,
           label: props.itemLabels?.[i]
         }) : undefined, createVNode("div", {
-          "class": ['v-rating__item', {
-            'v-rating__item--focused': Math.ceil(focusIndex.value) === value
-          }]
+          "class": "v-rating__item"
         }, [props.halfIncrements ? createVNode(Fragment, null, [createVNode(VRatingItem, {
           "value": value - 0.5,
           "index": i * 2
@@ -20006,7 +19977,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.1.6";
+const version$1 = "3.1.7-dev-20230224.0";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -20018,7 +19989,7 @@ function inject(key) {
   }
 }
 
-const version = "3.1.6";
+const version = "3.1.7-dev-20230224.0";
 
 const createVuetify = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};