@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VRating/VRating.mjs

@@ -1,34 +1,31 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { createTextVNode as _createTextVNode, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
-import "./VRating.sass"; // Components
+import "./VRating.css"; // Components
 
-import VIcon from "../VIcon/index.mjs"; // Mixins
+import { VBtn } from "../VBtn/index.mjs"; // Composables
 
-import Colorable from "../../mixins/colorable/index.mjs";
-import Delayable from "../../mixins/delayable.mjs";
-import Sizeable from "../../mixins/sizeable.mjs";
-import Rippleable from "../../mixins/rippleable/index.mjs";
-import Themeable from "../../mixins/themeable/index.mjs"; // Utilities
+import { makeDensityProps } from "../../composables/density.mjs";
+import { makeSizeProps } from "../../composables/size.mjs";
+import { makeTagProps } from "../../composables/tag.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
+import { useLocale } from "../../composables/locale.mjs"; // Utilities
 
-import { createRange } from "../../util/helpers.mjs";
-import mixins from "../../util/mixins.mjs"; // Types
+import { computed, ref } from 'vue';
+import { createRange, genericComponent, getUid } from "../../util/index.mjs"; // Types
 
-/* @vue/component */
-export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).extend({
-  name: 'v-rating',
+export const VRating = genericComponent()({
+  name: 'VRating',
   props: {
-    backgroundColor: {
-      type: String,
-      default: 'accent'
-    },
-    color: {
+    name: String,
+    itemAriaLabel: {
       type: String,
-      default: 'primary'
+      default: '$vuetify.rating.ariaLabel.item'
     },
+    activeColor: String,
+    color: String,
     clearable: Boolean,
-    dense: Boolean,
+    disabled: Boolean,
     emptyIcon: {
       type: String,
       default: '$ratingEmpty'
@@ -37,10 +34,6 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
       type: String,
       default: '$ratingFull'
     },
-    halfIcon: {
-      type: String,
-      default: '$ratingHalf'
-    },
     halfIncrements: Boolean,
     hover: Boolean,
     length: {
@@ -48,187 +41,219 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
       default: 5
     },
     readonly: Boolean,
-    size: [Number, String],
-    value: {
+    modelValue: {
       type: Number,
       default: 0
     },
-    iconLabel: {
+    itemLabels: Array,
+    itemLabelPosition: {
       type: String,
-      default: '$vuetify.rating.ariaLabel.icon'
-    }
+      default: 'top',
+      validator: v => ['top', 'bottom'].includes(v)
+    },
+    ripple: Boolean,
+    ...makeDensityProps(),
+    ...makeSizeProps(),
+    ...makeTagProps(),
+    ...makeThemeProps()
   },
-
-  data() {
-    return {
-      hoverIndex: -1,
-      internalValue: this.value
-    };
+  emits: {
+    'update:modelValue': value => true
   },
 
-  computed: {
-    directives() {
-      if (this.readonly || !this.ripple) return [];
-      return [{
-        name: 'ripple',
-        value: {
-          circle: true
-        }
-      }];
-    },
-
-    iconProps() {
-      const {
-        dark,
-        large,
-        light,
-        medium,
-        small,
-        size,
-        xLarge,
-        xSmall
-      } = this.$props;
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      t
+    } = useLocale();
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const rating = useProxiedModel(props, 'modelValue');
+    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 => {
+      var _props$activeColor;
+
+      const isHovering = props.hover && hoverIndex.value > -1;
+      const isFilled = rating.value >= value;
+      const isHovered = hoverIndex.value >= value;
+      const isFullIcon = isHovering ? isHovered : isFilled;
+      const icon = isFullIcon ? props.fullIcon : props.emptyIcon;
+      const activeColor = (_props$activeColor = props.activeColor) != null ? _props$activeColor : props.color;
+      const color = isFilled || isHovered ? activeColor : props.color;
       return {
-        dark,
-        large,
-        light,
-        medium,
-        size,
-        small,
-        xLarge,
-        xSmall
+        isFilled,
+        isHovered,
+        icon,
+        color
       };
-    },
-
-    isHovering() {
-      return this.hover && this.hoverIndex >= 0;
-    }
+    }));
+    const eventState = computed(() => [0, ...increments.value].map(value => {
+      function onMouseenter() {
+        hoverIndex.value = value;
+      }
 
-  },
-  watch: {
-    internalValue(val) {
-      val !== this.value && this.$emit('input', val);
-    },
+      function onMouseleave() {
+        hoverIndex.value = -1;
+      }
 
-    value(val) {
-      this.internalValue = val;
-    }
+      function onFocus() {
+        if (value === 0 && rating.value === 0) {
+          var _firstRef$value;
 
-  },
-  methods: {
-    createClickFn(i) {
-      return e => {
-        if (this.readonly) return;
-        const newValue = this.genHoverIndex(e, i);
-
-        if (this.clearable && this.internalValue === newValue) {
-          this.internalValue = 0;
+          (_firstRef$value = firstRef.value) == null ? void 0 : _firstRef$value.focus();
         } else {
-          this.internalValue = newValue;
+          focusIndex.value = value;
         }
-      };
-    },
-
-    createProps(i) {
-      const props = {
-        index: i,
-        value: this.internalValue,
-        click: this.createClickFn(i),
-        isFilled: Math.floor(this.internalValue) > i,
-        isHovered: Math.floor(this.hoverIndex) > i
-      };
-
-      if (this.halfIncrements) {
-        props.isHalfHovered = !props.isHovered && (this.hoverIndex - i) % 1 > 0;
-        props.isHalfFilled = !props.isFilled && (this.internalValue - i) % 1 > 0;
       }
 
-      return props;
-    },
-
-    genHoverIndex(e, i) {
-      let isHalf = this.isHalfEvent(e);
-
-      if (this.halfIncrements && this.$vuetify.rtl) {
-        isHalf = !isHalf;
-      }
-
-      return i + (isHalf ? 0.5 : 1);
-    },
-
-    getIconName(props) {
-      const isFull = this.isHovering ? props.isHovered : props.isFilled;
-      const isHalf = this.isHovering ? props.isHalfHovered : props.isHalfFilled;
-      return isFull ? this.fullIcon : isHalf ? this.halfIcon : this.emptyIcon;
-    },
-
-    getColor(props) {
-      if (this.isHovering) {
-        if (props.isHovered || props.isHalfHovered) return this.color;
-      } else {
-        if (props.isFilled || props.isHalfFilled) return this.color;
+      function onBlur() {
+        if (!isClicking) focusIndex.value = -1;
       }
 
-      return this.backgroundColor;
-    },
-
-    isHalfEvent(e) {
-      if (this.halfIncrements) {
-        const rect = e.target && e.target.getBoundingClientRect();
-        if (rect && e.pageX - rect.left < rect.width / 2) return true;
+      function onClick() {
+        if (props.disabled || props.readonly) return;
+        rating.value = rating.value === value && props.clearable ? 0 : value;
       }
 
-      return false;
-    },
-
-    onMouseEnter(e, i) {
-      this.runDelay('open', () => {
-        this.hoverIndex = this.genHoverIndex(e, i);
-      });
-    },
+      return {
+        onMouseenter: props.hover ? onMouseenter : undefined,
+        onMouseleave: props.hover ? onMouseleave : undefined,
+        onFocus,
+        onBlur,
+        onClick
+      };
+    }));
 
-    onMouseLeave() {
-      this.runDelay('close', () => this.hoverIndex = -1);
-    },
+    function onMousedown() {
+      isClicking = true;
+    }
 
-    genItem(i) {
-      const props = this.createProps(i);
-      if (this.$scopedSlots.item) return this.$scopedSlots.item(props);
-      const listeners = {
-        click: props.click
-      };
+    function onMouseup() {
+      isClicking = false;
+    }
 
-      if (this.hover) {
-        listeners.mouseenter = e => this.onMouseEnter(e, i);
+    const name = computed(() => {
+      var _props$name;
 
-        listeners.mouseleave = this.onMouseLeave;
+      return (_props$name = props.name) != null ? _props$name : `v-rating-${getUid()}`;
+    });
 
-        if (this.halfIncrements) {
-          listeners.mousemove = e => this.onMouseEnter(e, i);
-        }
-      }
+    function VRatingItem(_ref2) {
+      var _itemState$value$inde, _itemState$value$inde2;
 
-      return this.$createElement(VIcon, this.setTextColor(this.getColor(props), {
-        attrs: {
-          'aria-label': this.$vuetify.lang.t(this.iconLabel, i + 1, Number(this.length))
+      let {
+        value,
+        index,
+        showStar = true
+      } = _ref2;
+      const {
+        onMouseenter,
+        onMouseleave,
+        onFocus,
+        onBlur,
+        onClick
+      } = eventState.value[index + 1];
+      const id = `${name.value}-${String(value).replace('.', '-')}`;
+      const btnProps = {
+        color: (_itemState$value$inde = itemState.value[index]) == null ? void 0 : _itemState$value$inde.color,
+        density: props.density,
+        disabled: props.disabled,
+        icon: (_itemState$value$inde2 = itemState.value[index]) == null ? void 0 : _itemState$value$inde2.icon,
+        ripple: props.ripple,
+        size: props.size,
+        tag: 'span',
+        variant: 'plain'
+      };
+      return _createVNode(_Fragment, null, [_createVNode("label", {
+        "for": id,
+        "class": {
+          'v-rating__item--half': props.halfIncrements && value % 1 > 0,
+          'v-rating__item--full': props.halfIncrements && value % 1 === 0
         },
-        directives: this.directives,
-        props: this.iconProps,
-        on: listeners
-      }), [this.getIconName(props)]);
+        "onMousedown": onMousedown,
+        "onMouseup": onMouseup,
+        "onMouseenter": onMouseenter,
+        "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
+      }) : _createVNode(VBtn, btnProps, null)]), _createVNode("input", {
+        "class": "v-rating__hidden",
+        "name": name.value,
+        "id": id,
+        "type": "radio",
+        "value": value,
+        "checked": rating.value === value,
+        "onClick": onClick,
+        "onFocus": onFocus,
+        "onBlur": onBlur,
+        "ref": index === 0 ? firstRef : undefined,
+        "readonly": props.readonly,
+        "disabled": props.disabled
+      }, null)]);
     }
 
-  },
+    function createLabel(labelProps) {
+      if (slots['item-label']) return slots['item-label'](labelProps);
+      if (labelProps.label) return _createVNode("span", null, [labelProps.label]);
+      return _createVNode("span", null, [_createTextVNode("\xA0")]);
+    }
 
-  render(h) {
-    const children = createRange(Number(this.length)).map(i => this.genItem(i));
-    return h('div', {
-      staticClass: 'v-rating',
-      class: {
-        'v-rating--readonly': this.readonly,
-        'v-rating--dense': this.dense
-      }
-    }, children);
+    return () => {
+      var _props$itemLabels;
+
+      const hasLabels = !!((_props$itemLabels = props.itemLabels) != null && _props$itemLabels.length) || slots['item-label'];
+      return _createVNode(props.tag, {
+        "class": ['v-rating', {
+          'v-rating--hover': props.hover,
+          'v-rating--readonly': props.readonly
+        }, themeClasses.value]
+      }, {
+        default: () => [_createVNode(VRatingItem, {
+          "value": 0,
+          "index": -1,
+          "showStar": false
+        }, null), range.value.map((value, i) => {
+          var _props$itemLabels2, _props$itemLabels3;
+
+          return _createVNode("div", {
+            "class": "v-rating__wrapper"
+          }, [hasLabels && props.itemLabelPosition === 'top' ? createLabel({
+            value,
+            index: i,
+            label: (_props$itemLabels2 = props.itemLabels) == null ? void 0 : _props$itemLabels2[i]
+          }) : undefined, _createVNode("div", {
+            "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
+          }, null), _createVNode(VRatingItem, {
+            "value": value,
+            "index": i * 2 + 1
+          }, null)]) : _createVNode(VRatingItem, {
+            "value": value,
+            "index": i
+          }, null)]), hasLabels && props.itemLabelPosition === 'bottom' ? createLabel({
+            value,
+            index: i,
+            label: (_props$itemLabels3 = props.itemLabels) == null ? void 0 : _props$itemLabels3[i]
+          }) : undefined]);
+        })]
+      });
+    };
   }
 
 });

package/lib/components/VRating/VRating.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRating/VRating.ts"],"names":["VIcon","Colorable","Delayable","Sizeable","Rippleable","Themeable","createRange","mixins","extend","name","props","backgroundColor","type","String","default","color","clearable","Boolean","dense","emptyIcon","fullIcon","halfIcon","halfIncrements","hover","length","Number","readonly","size","value","iconLabel","data","hoverIndex","internalValue","computed","directives","ripple","circle","iconProps","dark","large","light","medium","small","xLarge","xSmall","$props","isHovering","watch","val","$emit","methods","createClickFn","i","e","newValue","genHoverIndex","createProps","index","click","isFilled","Math","floor","isHovered","isHalfHovered","isHalfFilled","isHalf","isHalfEvent","$vuetify","rtl","getIconName","isFull","getColor","rect","target","getBoundingClientRect","pageX","left","width","onMouseEnter","runDelay","onMouseLeave","genItem","$scopedSlots","item","listeners","mouseenter","mouseleave","mousemove","$createElement","setTextColor","attrs","lang","t","on","render","h","children","map","staticClass","class"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VRating.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Sizeable from '../../mixins/sizeable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { createRange } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, VNodeDirective, VNodeChildren } from 'vue'\n\ntype ItemSlotProps = {\n  index: number\n  value: number\n  isFilled: boolean\n  isHalfFilled?: boolean | undefined\n  isHovered: boolean\n  isHalfHovered?: boolean | undefined\n  click: Function\n}\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Delayable,\n  Rippleable,\n  Sizeable,\n  Themeable\n).extend({\n  name: 'v-rating',\n\n  props: {\n    backgroundColor: {\n      type: String,\n      default: 'accent',\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    clearable: Boolean,\n    dense: Boolean,\n    emptyIcon: {\n      type: String,\n      default: '$ratingEmpty',\n    },\n    fullIcon: {\n      type: String,\n      default: '$ratingFull',\n    },\n    halfIcon: {\n      type: String,\n      default: '$ratingHalf',\n    },\n    halfIncrements: Boolean,\n    hover: Boolean,\n    length: {\n      type: [Number, String],\n      default: 5,\n    },\n    readonly: Boolean,\n    size: [Number, String],\n    value: {\n      type: Number,\n      default: 0,\n    },\n    iconLabel: {\n      type: String,\n      default: '$vuetify.rating.ariaLabel.icon',\n    },\n  },\n\n  data () {\n    return {\n      hoverIndex: -1,\n      internalValue: this.value,\n    }\n  },\n\n  computed: {\n    directives (): VNodeDirective[] {\n      if (this.readonly || !this.ripple) return []\n\n      return [{\n        name: 'ripple',\n        value: { circle: true },\n      } as VNodeDirective]\n    },\n    iconProps (): object {\n      const {\n        dark,\n        large,\n        light,\n        medium,\n        small,\n        size,\n        xLarge,\n        xSmall,\n      } = this.$props\n\n      return {\n        dark,\n        large,\n        light,\n        medium,\n        size,\n        small,\n        xLarge,\n        xSmall,\n      }\n    },\n    isHovering (): boolean {\n      return this.hover && this.hoverIndex >= 0\n    },\n  },\n\n  watch: {\n    internalValue (val) {\n      val !== this.value && this.$emit('input', val)\n    },\n    value (val) {\n      this.internalValue = val\n    },\n  },\n\n  methods: {\n    createClickFn (i: number): Function {\n      return (e: MouseEvent) => {\n        if (this.readonly) return\n\n        const newValue = this.genHoverIndex(e, i)\n        if (this.clearable && this.internalValue === newValue) {\n          this.internalValue = 0\n        } else {\n          this.internalValue = newValue\n        }\n      }\n    },\n    createProps (i: number): ItemSlotProps {\n      const props: ItemSlotProps = {\n        index: i,\n        value: this.internalValue,\n        click: this.createClickFn(i),\n        isFilled: Math.floor(this.internalValue) > i,\n        isHovered: Math.floor(this.hoverIndex) > i,\n      }\n\n      if (this.halfIncrements) {\n        props.isHalfHovered = !props.isHovered && (this.hoverIndex - i) % 1 > 0\n        props.isHalfFilled = !props.isFilled && (this.internalValue - i) % 1 > 0\n      }\n\n      return props\n    },\n    genHoverIndex (e: MouseEvent, i: number) {\n      let isHalf = this.isHalfEvent(e)\n\n      if (\n        this.halfIncrements &&\n        this.$vuetify.rtl\n      ) {\n        isHalf = !isHalf\n      }\n\n      return i + (isHalf ? 0.5 : 1)\n    },\n    getIconName (props: ItemSlotProps): string {\n      const isFull = this.isHovering ? props.isHovered : props.isFilled\n      const isHalf = this.isHovering ? props.isHalfHovered : props.isHalfFilled\n\n      return isFull ? this.fullIcon : isHalf ? this.halfIcon : this.emptyIcon\n    },\n    getColor (props: ItemSlotProps): string {\n      if (this.isHovering) {\n        if (props.isHovered || props.isHalfHovered) return this.color\n      } else {\n        if (props.isFilled || props.isHalfFilled) return this.color\n      }\n\n      return this.backgroundColor\n    },\n    isHalfEvent (e: MouseEvent): boolean {\n      if (this.halfIncrements) {\n        const rect = e.target && (e.target as HTMLElement).getBoundingClientRect()\n        if (rect && (e.pageX - rect.left) < rect.width / 2) return true\n      }\n\n      return false\n    },\n    onMouseEnter (e: MouseEvent, i: number): void {\n      this.runDelay('open', () => {\n        this.hoverIndex = this.genHoverIndex(e, i)\n      })\n    },\n    onMouseLeave (): void {\n      this.runDelay('close', () => (this.hoverIndex = -1))\n    },\n    genItem (i: number): VNode | VNodeChildren | string {\n      const props = this.createProps(i)\n\n      if (this.$scopedSlots.item) return this.$scopedSlots.item(props)\n\n      const listeners: Record<string, Function> = {\n        click: props.click,\n      }\n\n      if (this.hover) {\n        listeners.mouseenter = (e: MouseEvent) => this.onMouseEnter(e, i)\n        listeners.mouseleave = this.onMouseLeave\n\n        if (this.halfIncrements) {\n          listeners.mousemove = (e: MouseEvent) => this.onMouseEnter(e, i)\n        }\n      }\n\n      return this.$createElement(VIcon, this.setTextColor(this.getColor(props), {\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.iconLabel, i + 1, Number(this.length)),\n        },\n        directives: this.directives,\n        props: this.iconProps,\n        on: listeners,\n      }), [this.getIconName(props)])\n    },\n  },\n\n  render (h): VNode {\n    const children = createRange(Number(this.length)).map(i => this.genItem(i))\n\n    return h('div', {\n      staticClass: 'v-rating',\n      class: {\n        'v-rating--readonly': this.readonly,\n        'v-rating--dense': this.dense,\n      },\n    }, children)\n  },\n})\n"],"file":"VRating.mjs"}
+{"version":3,"sources":["../../../src/components/VRating/VRating.tsx"],"names":["VBtn","makeDensityProps","makeSizeProps","makeTagProps","useProxiedModel","makeThemeProps","provideTheme","useLocale","computed","ref","createRange","genericComponent","getUid","VRating","name","props","String","itemAriaLabel","type","default","activeColor","color","clearable","Boolean","disabled","emptyIcon","fullIcon","halfIncrements","hover","length","Number","readonly","modelValue","itemLabels","Array","itemLabelPosition","validator","v","includes","ripple","emits","value","setup","slots","t","themeClasses","rating","range","increments","flatMap","hoverIndex","focusIndex","firstRef","isClicking","itemState","map","isHovering","isFilled","isHovered","isFullIcon","icon","eventState","onMouseenter","onMouseleave","onFocus","focus","onBlur","onClick","undefined","onMousedown","onMouseup","VRatingItem","index","showStar","id","replace","btnProps","density","size","tag","variant","item","createLabel","labelProps","label","hasLabels","i","Math","ceil"],"mappings":"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","sourcesContent":["// Styles\nimport './VRating.sass'\n\n// Components\nimport { VBtn } from '../VBtn'\n\n// Composables\nimport { makeDensityProps } from '@/composables/density'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { createRange, genericComponent, getUid } from '@/util'\n\n// Types\nimport type { Prop } from 'vue'\nimport type { MakeSlots } from '@/util'\nimport type { Variant } from '@/composables/variant'\n\ntype VRatingItemSlot = {\n  value: number\n  index: number\n  isFilled: boolean\n  isHovered: boolean\n  icon: string\n  color?: string\n  props: Record<string, unknown>\n}\n\ntype VRatingItemLabelSlot = {\n  value: number\n  index: number\n  label?: string\n}\n\nexport const VRating = genericComponent<new <T>() => {\n  $slots: MakeSlots<{\n    item: [VRatingItemSlot]\n    'item-label': [VRatingItemLabelSlot]\n  }>\n}>()({\n  name: 'VRating',\n\n  props: {\n    name: String,\n    itemAriaLabel: {\n      type: String,\n      default: '$vuetify.rating.ariaLabel.item',\n    },\n    activeColor: String,\n    color: String,\n    clearable: Boolean,\n    disabled: Boolean,\n    emptyIcon: {\n      type: String,\n      default: '$ratingEmpty',\n    },\n    fullIcon: {\n      type: String,\n      default: '$ratingFull',\n    },\n    halfIncrements: Boolean,\n    hover: Boolean,\n    length: {\n      type: [Number, String],\n      default: 5,\n    },\n    readonly: Boolean,\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    itemLabels: Array as Prop<string[]>,\n    itemLabelPosition: {\n      type: String,\n      default: 'top',\n      validator: (v: any) => ['top', 'bottom'].includes(v),\n    },\n    ripple: Boolean,\n\n    ...makeDensityProps(),\n    ...makeSizeProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const { themeClasses } = provideTheme(props)\n    const rating = useProxiedModel(props, 'modelValue')\n\n    const range = computed(() => createRange(Number(props.length), 1))\n    const increments = computed(() => range.value.flatMap(v => props.halfIncrements ? [v - 0.5, v] : [v]))\n    const hoverIndex = ref(-1)\n    const focusIndex = ref(-1)\n    const firstRef = ref<HTMLElement>()\n    let isClicking = false\n\n    const itemState = computed(() => increments.value.map(value => {\n      const isHovering = props.hover && hoverIndex.value > -1\n      const isFilled = rating.value >= value\n      const isHovered = hoverIndex.value >= value\n      const isFullIcon = isHovering ? isHovered : isFilled\n      const icon = isFullIcon ? props.fullIcon : props.emptyIcon\n      const activeColor = props.activeColor ?? props.color\n      const color = (isFilled || isHovered) ? activeColor : props.color\n\n      return { isFilled, isHovered, icon, color }\n    }))\n\n    const eventState = computed(() => [0, ...increments.value].map(value => {\n      function onMouseenter () {\n        hoverIndex.value = value\n      }\n\n      function onMouseleave () {\n        hoverIndex.value = -1\n      }\n\n      function onFocus () {\n        if (value === 0 && rating.value === 0) {\n          firstRef.value?.focus()\n        } else {\n          focusIndex.value = value\n        }\n      }\n\n      function onBlur () {\n        if (!isClicking) focusIndex.value = -1\n      }\n\n      function onClick () {\n        if (props.disabled || props.readonly) return\n        rating.value = rating.value === value && props.clearable ? 0 : value\n      }\n\n      return {\n        onMouseenter: props.hover ? onMouseenter : undefined,\n        onMouseleave: props.hover ? onMouseleave : undefined,\n        onFocus,\n        onBlur,\n        onClick,\n      }\n    }))\n\n    function onMousedown () {\n      isClicking = true\n    }\n\n    function onMouseup () {\n      isClicking = false\n    }\n\n    const name = computed(() => props.name ?? `v-rating-${getUid()}`)\n\n    function VRatingItem ({ value, index, showStar = true }: { value: number, index: number, showStar?: boolean }) {\n      const { onMouseenter, onMouseleave, onFocus, onBlur, onClick } = eventState.value[index + 1]\n      const id = `${name.value}-${String(value).replace('.', '-')}`\n      const btnProps = {\n        color: itemState.value[index]?.color,\n        density: props.density,\n        disabled: props.disabled,\n        icon: itemState.value[index]?.icon,\n        ripple: props.ripple,\n        size: props.size,\n        tag: 'span',\n        variant: 'plain' as Variant,\n      }\n\n      return (\n        <>\n          <label\n            for={ id }\n            class={{\n              'v-rating__item--half': props.halfIncrements && value % 1 > 0,\n              'v-rating__item--full': props.halfIncrements && value % 1 === 0,\n            }}\n            onMousedown={ onMousedown }\n            onMouseup={ onMouseup }\n            onMouseenter={ onMouseenter }\n            onMouseleave={ onMouseleave }\n          >\n            <span class=\"v-rating__hidden\">{ t(props.itemAriaLabel, value, props.length) }</span>\n            {\n              !showStar ? undefined\n              : slots.item ? slots.item({\n                ...itemState.value[index],\n                props: btnProps,\n                value,\n                index,\n              })\n              : (\n                <VBtn { ...btnProps } />\n              )\n            }\n          </label>\n          <input\n            class=\"v-rating__hidden\"\n            name={ name.value }\n            id={ id }\n            type=\"radio\"\n            value={ value }\n            checked={ rating.value === value }\n            onClick={ onClick }\n            onFocus={ onFocus }\n            onBlur={ onBlur }\n            ref={ index === 0 ? firstRef : undefined }\n            readonly={ props.readonly }\n            disabled={ props.disabled }\n          />\n        </>\n      )\n    }\n\n    function createLabel (labelProps: { value: number, index: number, label?: string }) {\n      if (slots['item-label']) return slots['item-label'](labelProps)\n\n      if (labelProps.label) return <span>{ labelProps.label }</span>\n\n      return <span>&nbsp;</span>\n    }\n\n    return () => {\n      const hasLabels = !!props.itemLabels?.length || slots['item-label']\n\n      return (\n        <props.tag\n          class={[\n            'v-rating',\n            {\n              'v-rating--hover': props.hover,\n              'v-rating--readonly': props.readonly,\n            },\n            themeClasses.value,\n          ]}\n        >\n          <VRatingItem value={ 0 } index={ -1 } showStar={ false } />\n\n          { range.value.map((value, i) => (\n            <div class=\"v-rating__wrapper\">\n              {\n                hasLabels && props.itemLabelPosition === 'top'\n                  ? createLabel({ value, index: i, label: props.itemLabels?.[i] })\n                  : undefined\n              }\n              <div\n                class={[\n                  'v-rating__item',\n                  {\n                    'v-rating__item--focused': Math.ceil(focusIndex.value) === value,\n                  },\n                ]}\n              >\n                { props.halfIncrements ? (\n                  <>\n                    <VRatingItem value={ value - 0.5 } index={ i * 2 } />\n                    <VRatingItem value={ value } index={ (i * 2) + 1 } />\n                  </>\n                ) : (\n                  <VRatingItem value={ value } index={ i } />\n                ) }\n              </div>\n              {\n                hasLabels && props.itemLabelPosition === 'bottom'\n                  ? createLabel({ value, index: i, label: props.itemLabels?.[i] })\n                  : undefined\n              }\n            </div>\n          )) }\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VRating = InstanceType<typeof VRating>\n"],"file":"VRating.mjs"}

package/lib/components/VRating/VRating.sass

@@ -1,28 +1,61 @@
-@import './_variables.scss'
+@forward './variables'
+@use './variables' as *
 
 .v-rating
   max-width: 100%
-  white-space: nowrap
+  display: inline-flex
+  white-space: $rating-white-space
 
-  .v-icon
-    padding: $rating-padding
-    border-radius: $rating-border-radius
-    user-select: none
-    outline: none
+  &--readonly
+    pointer-events: none
 
-    &::after
-      display: none
+.v-rating__wrapper
+  align-items: $rating-item-align-items
+  display: inline-flex
+  flex-direction: column
 
-    +ltr()
-      transform: scaleX(1)
+  &--bottom
+    flex-direction: column-reverse
 
-    +rtl()
-      transform: scaleX(-1)
+.v-rating__item
+  display: inline-flex
+  position: relative
 
-  &--readonly
-    .v-icon
-      pointer-events: none
+  label
+    cursor: pointer
+
+  .v-btn--variant-plain
+    opacity: $rating-item-button-opacity
+
+  .v-btn
+    transition-property: $rating-item-button-transition-property
 
-  &--dense
     .v-icon
-      padding: $rating-dense-padding
+      transition: inherit
+      transition-timing-function: $rating-item-transition-timing-function
+
+  &:hover:not(.v-rating__item--focused)
+    .v-rating--hover &
+      .v-btn
+        transform: $rating-item-icon-transform
+
+  &--focused
+    .v-btn__overlay
+      display: block
+      opacity: $rating-item-focused-button-overlay-opacity
+
+  &--half
+    overflow: hidden
+    position: absolute
+    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%)
+    z-index: 1
+
+    .v-btn__overlay,
+    &:hover .v-btn__overlay
+      opacity: 0
+
+.v-rating__hidden
+  height: 0
+  opacity: 0
+  position: absolute
+  width: 0

package/lib/components/VRating/_variables.scss

@@ -1,5 +1,10 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
 
-$rating-padding: 0.5rem !default;
-$rating-border-radius: 50% !default;
-$rating-dense-padding: 0.1rem !default;
+// Defaults
+$rating-item-focused-button-overlay-opacity: var(--v-hover-opacity) !default;
+$rating-item-align-items: center !default;
+$rating-item-button-opacity: 1 !default;
+$rating-item-button-transition-property: transform !default;
+$rating-item-icon-transform: scale(1.25) !default;
+$rating-item-transition-timing-function: settings.$decelerated-easing !default;
+$rating-white-space: nowrap !default;

package/lib/components/VRating/index.mjs

@@ -1,4 +1,2 @@
-import VRating from "./VRating.mjs";
-export { VRating };
-export default VRating;
+export { VRating } from "./VRating.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/VRating/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRating/index.ts"],"names":["VRating"],"mappings":"OAAOA,O;AAEP,SAASA,OAAT;AACA,eAAeA,OAAf","sourcesContent":["import VRating from './VRating'\n\nexport { VRating }\nexport default VRating\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VRating/index.ts"],"names":["VRating"],"mappings":"SAASA,O","sourcesContent":["export { VRating } from './VRating'\n"],"file":"index.mjs"}

package/lib/components/VResponsive/VResponsive.css

@@ -0,0 +1,23 @@
+.v-responsive {
+  display: flex;
+  flex: 1 0 auto;
+  max-height: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  position: relative;
+}
+
+.v-responsive__content {
+  flex: 1 0 0px;
+  max-width: 100%;
+}
+
+.v-responsive__sizer ~ .v-responsive__content {
+  margin-inline-start: -100%;
+}
+
+.v-responsive__sizer {
+  flex: 1 0 0px;
+  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  pointer-events: none;
+}