@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.4

package/lib/components/VRangeSlider/VRangeSlider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRangeSlider/VRangeSlider.tsx"],"names":["VInput","VSliderThumb","VSliderTrack","getOffset","makeSliderProps","useSlider","makeFocusProps","useFocus","useProxiedModel","computed","defineComponent","ref","filterInputProps","makeVInputProps","VRangeSlider","name","props","strict","Boolean","modelValue","type","Array","default","emits","value","setup","slots","attrs","startThumbRef","stopThumbRef","inputRef","getActiveThumb","e","startOffset","$el","direction","stopOffset","a","Math","abs","b","min","max","mousePressed","roundValue","onSliderMousedown","onSliderTouchstart","trackContainerRef","position","hasLabels","activeThumbRef","handleSliderMouseUp","newValue","model","handleMouseMove","start","stop","focus","undefined","arr","length","map","isFocused","blur","trackStart","trackStop","inputProps","_","disabled","id","readonly","v","relatedTarget"],"mappings":"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","sourcesContent":["// Components\nimport { VInput } from '../VInput'\nimport { VSliderThumb } from '../VSlider/VSliderThumb'\nimport { VSliderTrack } from '../VSlider/VSliderTrack'\n\n// Composables\nimport { getOffset, makeSliderProps, useSlider } from '../VSlider/slider'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, defineComponent, ref } from 'vue'\n\n// Types\nimport type { PropType, WritableComputedRef } from 'vue'\nimport { filterInputProps, makeVInputProps } from '../VInput/VInput'\n\nexport const VRangeSlider = defineComponent({\n  name: 'VRangeSlider',\n\n  props: {\n    ...makeFocusProps(),\n    ...makeVInputProps(),\n    ...makeSliderProps(),\n\n    strict: Boolean,\n    modelValue: {\n      type: Array as PropType<number[]>,\n      default: () => ([0, 0]),\n    },\n  },\n\n  emits: {\n    'update:focused': (value: boolean) => true,\n    'update:modelValue': (value: [number, number]) => true,\n  },\n\n  setup (props, { slots, attrs }) {\n    const startThumbRef = ref<VSliderThumb>()\n    const stopThumbRef = ref<VSliderThumb>()\n    const inputRef = ref<VInput>()\n\n    function getActiveThumb (e: MouseEvent | TouchEvent) {\n      if (!startThumbRef.value || !stopThumbRef.value) return\n\n      const startOffset = getOffset(e, startThumbRef.value.$el, props.direction)\n      const stopOffset = getOffset(e, stopThumbRef.value.$el, props.direction)\n\n      const a = Math.abs(startOffset)\n      const b = Math.abs(stopOffset)\n\n      return (a < b || (a === b && startOffset < 0)) ? startThumbRef.value.$el : stopThumbRef.value.$el\n    }\n\n    const {\n      min,\n      max,\n      mousePressed,\n      roundValue,\n      onSliderMousedown,\n      onSliderTouchstart,\n      trackContainerRef,\n      position,\n      hasLabels,\n      activeThumbRef,\n    } = useSlider({\n      /* eslint-disable @typescript-eslint/no-use-before-define */\n      props,\n      handleSliderMouseUp: newValue => {\n        model.value = activeThumbRef.value === startThumbRef.value?.$el ? [newValue, model.value[1]] : [model.value[0], newValue]\n      },\n      handleMouseMove: newValue => {\n        const [start, stop] = model.value\n\n        if (!props.strict && start === stop && start !== min.value) {\n          activeThumbRef.value = newValue > start ? stopThumbRef.value?.$el : startThumbRef.value?.$el\n          activeThumbRef.value?.focus()\n        }\n\n        if (activeThumbRef.value === startThumbRef.value?.$el) {\n          model.value = [Math.min(newValue, stop), stop]\n        } else {\n          model.value = [start, Math.max(start, newValue)]\n        }\n      },\n      getActiveThumb,\n      /* eslint-enable @typescript-eslint/no-use-before-define */\n    })\n\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      arr => {\n        if (!arr || !arr.length) return [0, 0]\n\n        return arr.map(value => roundValue(value))\n      },\n    ) as WritableComputedRef<[number, number]>\n\n    const { isFocused, focus, blur } = useFocus(props)\n    const trackStart = computed(() => position(model.value[0]))\n    const trackStop = computed(() => position(model.value[1]))\n\n    return () => {\n      const [inputProps, _] = filterInputProps(props)\n\n      return (\n        <VInput\n          class={[\n            'v-slider',\n            'v-range-slider',\n            {\n              'v-slider--has-labels': !!slots['tick-label'] || hasLabels.value,\n              'v-slider--focused': isFocused.value,\n              'v-slider--pressed': mousePressed.value,\n              'v-slider--disabled': props.disabled,\n            },\n          ]}\n          ref={ inputRef }\n          { ...inputProps }\n          focused={ isFocused.value }\n        >\n          {{\n            ...slots,\n            default: ({ id }) => (\n              <div\n                class=\"v-slider__container\"\n                onMousedown={ onSliderMousedown }\n                onTouchstartPassive={ onSliderTouchstart }\n              >\n                <input\n                  id={ `${id.value}_start` }\n                  name={ props.name || id.value }\n                  disabled={ props.disabled }\n                  readonly={ props.readonly }\n                  tabindex=\"-1\"\n                  value={ model.value[0] }\n                />\n\n                <input\n                  id={ `${id.value}_stop` }\n                  name={ props.name || id.value }\n                  disabled={ props.disabled }\n                  readonly={ props.readonly }\n                  tabindex=\"-1\"\n                  value={ model.value[1] }\n                />\n\n                <VSliderTrack\n                  ref={ trackContainerRef }\n                  start={ trackStart.value }\n                  stop={ trackStop.value }\n                >\n                  {{ 'tick-label': slots['tick-label'] }}\n                </VSliderTrack>\n\n                <VSliderThumb\n                  ref={ startThumbRef }\n                  focused={ isFocused && activeThumbRef.value === startThumbRef.value?.$el }\n                  modelValue={ model.value[0] }\n                  onUpdate:modelValue={ v => (model.value = [v, model.value[1]]) }\n                  onFocus={ (e: FocusEvent) => {\n                    focus()\n                    activeThumbRef.value = startThumbRef.value?.$el\n\n                    // Make sure second thumb is focused if\n                    // the thumbs are on top of each other\n                    // and they are both at minimum value\n                    // but only if focused from outside.\n                    if (\n                      model.value[0] === model.value[1] &&\n                      model.value[1] === min.value &&\n                      e.relatedTarget !== stopThumbRef.value?.$el\n                    ) {\n                      startThumbRef.value?.$el.blur()\n                      stopThumbRef.value?.$el.focus()\n                    }\n                  } }\n                  onBlur={ () => {\n                    blur()\n                    activeThumbRef.value = undefined\n                  } }\n                  min={ min.value }\n                  max={ model.value[1] }\n                  position={ trackStart.value }\n                >\n                  {{ 'thumb-label': slots['thumb-label'] }}\n                </VSliderThumb>\n\n                <VSliderThumb\n                  ref={ stopThumbRef }\n                  focused={ isFocused && activeThumbRef.value === stopThumbRef.value?.$el }\n                  modelValue={ model.value[1] }\n                  onUpdate:modelValue={ v => (model.value = [model.value[0], v]) }\n                  onFocus={ (e: FocusEvent) => {\n                    focus()\n                    activeThumbRef.value = stopThumbRef.value?.$el\n\n                    // Make sure first thumb is focused if\n                    // the thumbs are on top of each other\n                    // and they are both at maximum value\n                    // but only if focused from outside.\n                    if (\n                      model.value[0] === model.value[1] &&\n                      model.value[0] === max.value &&\n                      e.relatedTarget !== startThumbRef.value?.$el\n                    ) {\n                      stopThumbRef.value?.$el.blur()\n                      startThumbRef.value?.$el.focus()\n                    }\n                  } }\n                  onBlur={ () => {\n                    blur()\n                    activeThumbRef.value = undefined\n                  } }\n                  min={ model.value[0] }\n                  max={ max.value }\n                  position={ trackStop.value }\n                >\n                  {{ 'thumb-label': slots['thumb-label'] }}\n                </VSliderThumb>\n              </div>\n            ),\n          }}\n        </VInput>\n      )\n    }\n  },\n})\n\nexport type VRangeSlider = InstanceType<typeof VRangeSlider>\n"],"file":"VRangeSlider.mjs"}
+{"version":3,"file":"VRangeSlider.mjs","names":["VInput","VSliderThumb","VSliderTrack","getOffset","makeSliderProps","useSlider","makeFocusProps","useFocus","useProxiedModel","computed","ref","defineComponent","filterInputProps","makeVInputProps","VRangeSlider","name","props","strict","Boolean","modelValue","type","Array","default","emits","value","setup","slots","attrs","startThumbRef","stopThumbRef","inputRef","getActiveThumb","e","startOffset","$el","direction","stopOffset","a","Math","abs","b","min","max","mousePressed","roundValue","onSliderMousedown","onSliderTouchstart","trackContainerRef","position","hasLabels","activeThumbRef","handleSliderMouseUp","newValue","model","handleMouseMove","start","stop","focus","undefined","arr","length","map","isFocused","blur","trackStart","trackStop","inputProps","_","disabled","id","readonly","v","relatedTarget"],"sources":["../../../src/components/VRangeSlider/VRangeSlider.tsx"],"sourcesContent":["// Styles\nimport '../VSlider/VSlider.sass'\n\n// Components\nimport { VInput } from '../VInput'\nimport { VSliderThumb } from '../VSlider/VSliderThumb'\nimport { VSliderTrack } from '../VSlider/VSliderTrack'\n\n// Composables\nimport { getOffset, makeSliderProps, useSlider } from '../VSlider/slider'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { PropType, WritableComputedRef } from 'vue'\nimport { filterInputProps, makeVInputProps } from '../VInput/VInput'\n\nexport const VRangeSlider = defineComponent({\n  name: 'VRangeSlider',\n\n  props: {\n    ...makeFocusProps(),\n    ...makeVInputProps(),\n    ...makeSliderProps(),\n\n    strict: Boolean,\n    modelValue: {\n      type: Array as PropType<number[]>,\n      default: () => ([0, 0]),\n    },\n  },\n\n  emits: {\n    'update:focused': (value: boolean) => true,\n    'update:modelValue': (value: [number, number]) => true,\n  },\n\n  setup (props, { slots, attrs }) {\n    const startThumbRef = ref<VSliderThumb>()\n    const stopThumbRef = ref<VSliderThumb>()\n    const inputRef = ref<VInput>()\n\n    function getActiveThumb (e: MouseEvent | TouchEvent) {\n      if (!startThumbRef.value || !stopThumbRef.value) return\n\n      const startOffset = getOffset(e, startThumbRef.value.$el, props.direction)\n      const stopOffset = getOffset(e, stopThumbRef.value.$el, props.direction)\n\n      const a = Math.abs(startOffset)\n      const b = Math.abs(stopOffset)\n\n      return (a < b || (a === b && startOffset < 0)) ? startThumbRef.value.$el : stopThumbRef.value.$el\n    }\n\n    const {\n      min,\n      max,\n      mousePressed,\n      roundValue,\n      onSliderMousedown,\n      onSliderTouchstart,\n      trackContainerRef,\n      position,\n      hasLabels,\n      activeThumbRef,\n    } = useSlider({\n      /* eslint-disable @typescript-eslint/no-use-before-define */\n      props,\n      handleSliderMouseUp: newValue => {\n        model.value = activeThumbRef.value === startThumbRef.value?.$el ? [newValue, model.value[1]] : [model.value[0], newValue]\n      },\n      handleMouseMove: newValue => {\n        const [start, stop] = model.value\n\n        if (!props.strict && start === stop && start !== min.value) {\n          activeThumbRef.value = newValue > start ? stopThumbRef.value?.$el : startThumbRef.value?.$el\n          activeThumbRef.value?.focus()\n        }\n\n        if (activeThumbRef.value === startThumbRef.value?.$el) {\n          model.value = [Math.min(newValue, stop), stop]\n        } else {\n          model.value = [start, Math.max(start, newValue)]\n        }\n      },\n      getActiveThumb,\n      /* eslint-enable @typescript-eslint/no-use-before-define */\n    })\n\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      arr => {\n        if (!arr || !arr.length) return [0, 0]\n\n        return arr.map(value => roundValue(value))\n      },\n    ) as WritableComputedRef<[number, number]>\n\n    const { isFocused, focus, blur } = useFocus(props)\n    const trackStart = computed(() => position(model.value[0]))\n    const trackStop = computed(() => position(model.value[1]))\n\n    return () => {\n      const [inputProps, _] = filterInputProps(props)\n\n      return (\n        <VInput\n          class={[\n            'v-slider',\n            'v-range-slider',\n            {\n              'v-slider--has-labels': !!slots['tick-label'] || hasLabels.value,\n              'v-slider--focused': isFocused.value,\n              'v-slider--pressed': mousePressed.value,\n              'v-slider--disabled': props.disabled,\n            },\n          ]}\n          ref={ inputRef }\n          { ...inputProps }\n          focused={ isFocused.value }\n        >\n          {{\n            ...slots,\n            default: ({ id }) => (\n              <div\n                class=\"v-slider__container\"\n                onMousedown={ onSliderMousedown }\n                onTouchstartPassive={ onSliderTouchstart }\n              >\n                <input\n                  id={ `${id.value}_start` }\n                  name={ props.name || id.value }\n                  disabled={ props.disabled }\n                  readonly={ props.readonly }\n                  tabindex=\"-1\"\n                  value={ model.value[0] }\n                />\n\n                <input\n                  id={ `${id.value}_stop` }\n                  name={ props.name || id.value }\n                  disabled={ props.disabled }\n                  readonly={ props.readonly }\n                  tabindex=\"-1\"\n                  value={ model.value[1] }\n                />\n\n                <VSliderTrack\n                  ref={ trackContainerRef }\n                  start={ trackStart.value }\n                  stop={ trackStop.value }\n                >\n                  {{ 'tick-label': slots['tick-label'] }}\n                </VSliderTrack>\n\n                <VSliderThumb\n                  ref={ startThumbRef }\n                  focused={ isFocused && activeThumbRef.value === startThumbRef.value?.$el }\n                  modelValue={ model.value[0] }\n                  onUpdate:modelValue={ v => (model.value = [v, model.value[1]]) }\n                  onFocus={ (e: FocusEvent) => {\n                    focus()\n                    activeThumbRef.value = startThumbRef.value?.$el\n\n                    // Make sure second thumb is focused if\n                    // the thumbs are on top of each other\n                    // and they are both at minimum value\n                    // but only if focused from outside.\n                    if (\n                      model.value[0] === model.value[1] &&\n                      model.value[1] === min.value &&\n                      e.relatedTarget !== stopThumbRef.value?.$el\n                    ) {\n                      startThumbRef.value?.$el.blur()\n                      stopThumbRef.value?.$el.focus()\n                    }\n                  } }\n                  onBlur={ () => {\n                    blur()\n                    activeThumbRef.value = undefined\n                  } }\n                  min={ min.value }\n                  max={ model.value[1] }\n                  position={ trackStart.value }\n                >\n                  {{ 'thumb-label': slots['thumb-label'] }}\n                </VSliderThumb>\n\n                <VSliderThumb\n                  ref={ stopThumbRef }\n                  focused={ isFocused && activeThumbRef.value === stopThumbRef.value?.$el }\n                  modelValue={ model.value[1] }\n                  onUpdate:modelValue={ v => (model.value = [model.value[0], v]) }\n                  onFocus={ (e: FocusEvent) => {\n                    focus()\n                    activeThumbRef.value = stopThumbRef.value?.$el\n\n                    // Make sure first thumb is focused if\n                    // the thumbs are on top of each other\n                    // and they are both at maximum value\n                    // but only if focused from outside.\n                    if (\n                      model.value[0] === model.value[1] &&\n                      model.value[0] === max.value &&\n                      e.relatedTarget !== startThumbRef.value?.$el\n                    ) {\n                      stopThumbRef.value?.$el.blur()\n                      startThumbRef.value?.$el.focus()\n                    }\n                  } }\n                  onBlur={ () => {\n                    blur()\n                    activeThumbRef.value = undefined\n                  } }\n                  min={ model.value[0] }\n                  max={ max.value }\n                  position={ trackStop.value }\n                >\n                  {{ 'thumb-label': slots['thumb-label'] }}\n                </VSliderThumb>\n              </div>\n            ),\n          }}\n        </VInput>\n      )\n    }\n  },\n})\n\nexport type VRangeSlider = InstanceType<typeof VRangeSlider>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRangeSlider/index.ts"],"names":["VRangeSlider"],"mappings":"SAASA,Y","sourcesContent":["export { VRangeSlider } from './VRangeSlider'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VRangeSlider"],"sources":["../../../src/components/VRangeSlider/index.ts"],"sourcesContent":["export { VRangeSlider } from './VRangeSlider'\n"],"mappings":"SAASA,Y"}

package/lib/components/VRating/VRating.css

@@ -33,7 +33,7 @@
   transition: inherit;
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-icon {
+.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 {
@@ -43,7 +43,7 @@
 .v-rating__item--half {
   overflow: hidden;
   position: absolute;
-  width: 50%;
+  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
   z-index: 1;
 }
 .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {

package/lib/components/VRating/VRating.mjs

@@ -9,7 +9,8 @@ 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 { useLocale } from "../../composables/locale.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
 
 import { computed, ref } from 'vue';
 import { createRange, genericComponent, getUid } from "../../util/index.mjs"; // Types
@@ -27,11 +28,11 @@ export const VRating = genericComponent()({
     clearable: Boolean,
     disabled: Boolean,
     emptyIcon: {
-      type: String,
+      type: IconValue,
       default: '$ratingEmpty'
     },
     fullIcon: {
-      type: String,
+      type: IconValue,
       default: '$ratingFull'
     },
     halfIncrements: Boolean,
@@ -204,6 +205,12 @@ export const VRating = genericComponent()({
       }, 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")]);
+    }
+
     return () => {
       var _props$itemLabels;
 
@@ -223,11 +230,11 @@ export const VRating = genericComponent()({
 
           return _createVNode("div", {
             "class": "v-rating__wrapper"
-          }, [!hasLabels ? undefined : slots['item-label'] ? slots['item-label']({
+          }, [hasLabels && props.itemLabelPosition === 'top' ? createLabel({
             value,
             index: i,
             label: (_props$itemLabels2 = props.itemLabels) == null ? void 0 : _props$itemLabels2[i]
-          }) : (_props$itemLabels3 = props.itemLabels) != null && _props$itemLabels3[i] ? _createVNode("span", null, [props.itemLabels[i]]) : _createVNode("span", null, [_createTextVNode("\xA0")]), _createVNode("div", {
+          }) : undefined, _createVNode("div", {
             "class": ['v-rating__item', {
               'v-rating__item--focused': Math.ceil(focusIndex.value) === value
             }]
@@ -240,7 +247,11 @@ export const VRating = genericComponent()({
           }, null)]) : _createVNode(VRatingItem, {
             "value": value,
             "index": i
-          }, null)])]);
+          }, 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.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","hasLabels","i","label","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    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 ? undefined\n                : slots['item-label'] ? slots['item-label']({ value, index: i, label: props.itemLabels?.[i] })\n                : props.itemLabels?.[i] ? <span>{ props.itemLabels[i] }</span>\n                : <span>&nbsp;</span>\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            </div>\n          )) }\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VRating = InstanceType<typeof VRating>\n"],"file":"VRating.mjs"}
+{"version":3,"file":"VRating.mjs","names":["VBtn","makeDensityProps","makeSizeProps","makeTagProps","useProxiedModel","makeThemeProps","provideTheme","useLocale","IconValue","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"],"sources":["../../../src/components/VRating/VRating.tsx"],"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'\nimport { IconValue } from '@/composables/icons'\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: IconValue\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: IconValue,\n      default: '$ratingEmpty',\n    },\n    fullIcon: {\n      type: IconValue,\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"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,I,6BAET;;SACSC,gB;SACAC,a;SACAC,Y;SACAC,e;SACAC,c,EAAgBC,Y;SAChBC,S;SACAC,S,uCAET;;AACA,SAASC,QAAT,EAAmBC,GAAnB,QAA8B,KAA9B;SACSC,W,EAAaC,gB,EAAkBC,M,gCAExC;;AAqBA,OAAO,MAAMC,OAAO,GAAGF,gBAAgB,GAKlC;EACHG,IAAI,EAAE,SADH;EAGHC,KAAK,EAAE;IACLD,IAAI,EAAEE,MADD;IAELC,aAAa,EAAE;MACbC,IAAI,EAAEF,MADO;MAEbG,OAAO,EAAE;IAFI,CAFV;IAMLC,WAAW,EAAEJ,MANR;IAOLK,KAAK,EAAEL,MAPF;IAQLM,SAAS,EAAEC,OARN;IASLC,QAAQ,EAAED,OATL;IAULE,SAAS,EAAE;MACTP,IAAI,EAAEX,SADG;MAETY,OAAO,EAAE;IAFA,CAVN;IAcLO,QAAQ,EAAE;MACRR,IAAI,EAAEX,SADE;MAERY,OAAO,EAAE;IAFD,CAdL;IAkBLQ,cAAc,EAAEJ,OAlBX;IAmBLK,KAAK,EAAEL,OAnBF;IAoBLM,MAAM,EAAE;MACNX,IAAI,EAAE,CAACY,MAAD,EAASd,MAAT,CADA;MAENG,OAAO,EAAE;IAFH,CApBH;IAwBLY,QAAQ,EAAER,OAxBL;IAyBLS,UAAU,EAAE;MACVd,IAAI,EAAEY,MADI;MAEVX,OAAO,EAAE;IAFC,CAzBP;IA6BLc,UAAU,EAAEC,KA7BP;IA8BLC,iBAAiB,EAAE;MACjBjB,IAAI,EAAEF,MADW;MAEjBG,OAAO,EAAE,KAFQ;MAGjBiB,SAAS,EAAGC,CAAD,IAAY,CAAC,KAAD,EAAQ,QAAR,EAAkBC,QAAlB,CAA2BD,CAA3B;IAHN,CA9Bd;IAmCLE,MAAM,EAAEhB,OAnCH;IAqCL,GAAGvB,gBAAgB,EArCd;IAsCL,GAAGC,aAAa,EAtCX;IAuCL,GAAGC,YAAY,EAvCV;IAwCL,GAAGE,cAAc;EAxCZ,CAHJ;EA8CHoC,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAmB;EADnC,CA9CJ;;EAkDHC,KAAK,CAAE3B,KAAF,QAAoB;IAAA,IAAX;MAAE4B;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAQtC,SAAS,EAAvB;IACA,MAAM;MAAEuC;IAAF,IAAmBxC,YAAY,CAACU,KAAD,CAArC;IACA,MAAM+B,MAAM,GAAG3C,eAAe,CAACY,KAAD,EAAQ,YAAR,CAA9B;IAEA,MAAMgC,KAAK,GAAGvC,QAAQ,CAAC,MAAME,WAAW,CAACoB,MAAM,CAACf,KAAK,CAACc,MAAP,CAAP,EAAuB,CAAvB,CAAlB,CAAtB;IACA,MAAMmB,UAAU,GAAGxC,QAAQ,CAAC,MAAMuC,KAAK,CAACN,KAAN,CAAYQ,OAAZ,CAAoBZ,CAAC,IAAItB,KAAK,CAACY,cAAN,GAAuB,CAACU,CAAC,GAAG,GAAL,EAAUA,CAAV,CAAvB,GAAsC,CAACA,CAAD,CAA/D,CAAP,CAA3B;IACA,MAAMa,UAAU,GAAGzC,GAAG,CAAC,CAAC,CAAF,CAAtB;IACA,MAAM0C,UAAU,GAAG1C,GAAG,CAAC,CAAC,CAAF,CAAtB;IACA,MAAM2C,QAAQ,GAAG3C,GAAG,EAApB;IACA,IAAI4C,UAAU,GAAG,KAAjB;IAEA,MAAMC,SAAS,GAAG9C,QAAQ,CAAC,MAAMwC,UAAU,CAACP,KAAX,CAAiBc,GAAjB,CAAqBd,KAAK,IAAI;MAAA;;MAC7D,MAAMe,UAAU,GAAGzC,KAAK,CAACa,KAAN,IAAesB,UAAU,CAACT,KAAX,GAAmB,CAAC,CAAtD;MACA,MAAMgB,QAAQ,GAAGX,MAAM,CAACL,KAAP,IAAgBA,KAAjC;MACA,MAAMiB,SAAS,GAAGR,UAAU,CAACT,KAAX,IAAoBA,KAAtC;MACA,MAAMkB,UAAU,GAAGH,UAAU,GAAGE,SAAH,GAAeD,QAA5C;MACA,MAAMG,IAAI,GAAGD,UAAU,GAAG5C,KAAK,CAACW,QAAT,GAAoBX,KAAK,CAACU,SAAjD;MACA,MAAML,WAAW,yBAAGL,KAAK,CAACK,WAAT,iCAAwBL,KAAK,CAACM,KAA/C;MACA,MAAMA,KAAK,GAAIoC,QAAQ,IAAIC,SAAb,GAA0BtC,WAA1B,GAAwCL,KAAK,CAACM,KAA5D;MAEA,OAAO;QAAEoC,QAAF;QAAYC,SAAZ;QAAuBE,IAAvB;QAA6BvC;MAA7B,CAAP;IACD,CAVgC,CAAP,CAA1B;IAYA,MAAMwC,UAAU,GAAGrD,QAAQ,CAAC,MAAM,CAAC,CAAD,EAAI,GAAGwC,UAAU,CAACP,KAAlB,EAAyBc,GAAzB,CAA6Bd,KAAK,IAAI;MACtE,SAASqB,YAAT,GAAyB;QACvBZ,UAAU,CAACT,KAAX,GAAmBA,KAAnB;MACD;;MAED,SAASsB,YAAT,GAAyB;QACvBb,UAAU,CAACT,KAAX,GAAmB,CAAC,CAApB;MACD;;MAED,SAASuB,OAAT,GAAoB;QAClB,IAAIvB,KAAK,KAAK,CAAV,IAAeK,MAAM,CAACL,KAAP,KAAiB,CAApC,EAAuC;UAAA;;UACrC,mBAAAW,QAAQ,CAACX,KAAT,qCAAgBwB,KAAhB;QACD,CAFD,MAEO;UACLd,UAAU,CAACV,KAAX,GAAmBA,KAAnB;QACD;MACF;;MAED,SAASyB,MAAT,GAAmB;QACjB,IAAI,CAACb,UAAL,EAAiBF,UAAU,CAACV,KAAX,GAAmB,CAAC,CAApB;MAClB;;MAED,SAAS0B,OAAT,GAAoB;QAClB,IAAIpD,KAAK,CAACS,QAAN,IAAkBT,KAAK,CAACgB,QAA5B,EAAsC;QACtCe,MAAM,CAACL,KAAP,GAAeK,MAAM,CAACL,KAAP,KAAiBA,KAAjB,IAA0B1B,KAAK,CAACO,SAAhC,GAA4C,CAA5C,GAAgDmB,KAA/D;MACD;;MAED,OAAO;QACLqB,YAAY,EAAE/C,KAAK,CAACa,KAAN,GAAckC,YAAd,GAA6BM,SADtC;QAELL,YAAY,EAAEhD,KAAK,CAACa,KAAN,GAAcmC,YAAd,GAA6BK,SAFtC;QAGLJ,OAHK;QAILE,MAJK;QAKLC;MALK,CAAP;IAOD,CAjCiC,CAAP,CAA3B;;IAmCA,SAASE,WAAT,GAAwB;MACtBhB,UAAU,GAAG,IAAb;IACD;;IAED,SAASiB,SAAT,GAAsB;MACpBjB,UAAU,GAAG,KAAb;IACD;;IAED,MAAMvC,IAAI,GAAGN,QAAQ,CAAC;MAAA;;MAAA,sBAAMO,KAAK,CAACD,IAAZ,0BAAqB,YAAWF,MAAM,EAAG,EAAzC;IAAA,CAAD,CAArB;;IAEA,SAAS2D,WAAT,QAA+G;MAAA;;MAAA,IAAzF;QAAE9B,KAAF;QAAS+B,KAAT;QAAgBC,QAAQ,GAAG;MAA3B,CAAyF;MAC7G,MAAM;QAAEX,YAAF;QAAgBC,YAAhB;QAA8BC,OAA9B;QAAuCE,MAAvC;QAA+CC;MAA/C,IAA2DN,UAAU,CAACpB,KAAX,CAAiB+B,KAAK,GAAG,CAAzB,CAAjE;MACA,MAAME,EAAE,GAAI,GAAE5D,IAAI,CAAC2B,KAAM,IAAGzB,MAAM,CAACyB,KAAD,CAAN,CAAckC,OAAd,CAAsB,GAAtB,EAA2B,GAA3B,CAAgC,EAA5D;MACA,MAAMC,QAAQ,GAAG;QACfvD,KAAK,2BAAEiC,SAAS,CAACb,KAAV,CAAgB+B,KAAhB,CAAF,qBAAE,sBAAwBnD,KADhB;QAEfwD,OAAO,EAAE9D,KAAK,CAAC8D,OAFA;QAGfrD,QAAQ,EAAET,KAAK,CAACS,QAHD;QAIfoC,IAAI,4BAAEN,SAAS,CAACb,KAAV,CAAgB+B,KAAhB,CAAF,qBAAE,uBAAwBZ,IAJf;QAKfrB,MAAM,EAAExB,KAAK,CAACwB,MALC;QAMfuC,IAAI,EAAE/D,KAAK,CAAC+D,IANG;QAOfC,GAAG,EAAE,MAPU;QAQfC,OAAO,EAAE;MARM,CAAjB;MAWA;QAAA,OAGYN,EAHZ;QAAA,SAIa;UACL,wBAAwB3D,KAAK,CAACY,cAAN,IAAwBc,KAAK,GAAG,CAAR,GAAY,CADvD;UAEL,wBAAwB1B,KAAK,CAACY,cAAN,IAAwBc,KAAK,GAAG,CAAR,KAAc;QAFzD,CAJb;QAAA,eAQoB4B,WARpB;QAAA,aASkBC,SATlB;QAAA,gBAUqBR,YAVrB;QAAA,gBAWqBC;MAXrB;QAAA,SAakB;MAblB,IAauCnB,CAAC,CAAC7B,KAAK,CAACE,aAAP,EAAsBwB,KAAtB,EAA6B1B,KAAK,CAACc,MAAnC,CAbxC,IAeQ,CAAC4C,QAAD,GAAYL,SAAZ,GACEzB,KAAK,CAACsC,IAAN,GAAatC,KAAK,CAACsC,IAAN,CAAW,EACxB,GAAG3B,SAAS,CAACb,KAAV,CAAgB+B,KAAhB,CADqB;QAExBzD,KAAK,EAAE6D,QAFiB;QAGxBnC,KAHwB;QAIxB+B;MAJwB,CAAX,CAAb,sBAOWI,QAPX,OAhBV;QAAA,SA4BY,kBA5BZ;QAAA,QA6Ba9D,IAAI,CAAC2B,KA7BlB;QAAA,MA8BWiC,EA9BX;QAAA,QA+BW,OA/BX;QAAA,SAgCcjC,KAhCd;QAAA,WAiCgBK,MAAM,CAACL,KAAP,KAAiBA,KAjCjC;QAAA,WAkCgB0B,OAlChB;QAAA,WAmCgBH,OAnChB;QAAA,UAoCeE,MApCf;QAAA,OAqCYM,KAAK,KAAK,CAAV,GAAcpB,QAAd,GAAyBgB,SArCrC;QAAA,YAsCiBrD,KAAK,CAACgB,QAtCvB;QAAA,YAuCiBhB,KAAK,CAACS;MAvCvB;IA2CD;;IAED,SAAS0D,WAAT,CAAsBC,UAAtB,EAAoF;MAClF,IAAIxC,KAAK,CAAC,YAAD,CAAT,EAAyB,OAAOA,KAAK,CAAC,YAAD,CAAL,CAAoBwC,UAApB,CAAP;MAEzB,IAAIA,UAAU,CAACC,KAAf,EAAsB,mCAAeD,UAAU,CAACC,KAA1B;MAEtB;IACD;;IAED,OAAO,MAAM;MAAA;;MACX,MAAMC,SAAS,GAAG,CAAC,uBAACtE,KAAK,CAACkB,UAAP,aAAC,kBAAkBJ,MAAnB,CAAD,IAA8Bc,KAAK,CAAC,YAAD,CAArD;MAEA;QAAA,SAEW,CACL,UADK,EAEL;UACE,mBAAmB5B,KAAK,CAACa,KAD3B;UAEE,sBAAsBb,KAAK,CAACgB;QAF9B,CAFK,EAMLc,YAAY,CAACJ,KANR;MAFX;QAAA;UAAA,SAWyB,CAXzB;UAAA,SAWqC,CAAC,CAXtC;UAAA,YAWqD;QAXrD,UAaMM,KAAK,CAACN,KAAN,CAAYc,GAAZ,CAAgB,CAACd,KAAD,EAAQ6C,CAAR;UAAA;;UAAA;YAAA,SACL;UADK,IAGZD,SAAS,IAAItE,KAAK,CAACoB,iBAAN,KAA4B,KAAzC,GACI+C,WAAW,CAAC;YAAEzC,KAAF;YAAS+B,KAAK,EAAEc,CAAhB;YAAmBF,KAAK,wBAAErE,KAAK,CAACkB,UAAR,qBAAE,mBAAmBqD,CAAnB;UAA1B,CAAD,CADf,GAEIlB,SALQ;YAAA,SAQL,CACL,gBADK,EAEL;cACE,2BAA2BmB,IAAI,CAACC,IAAL,CAAUrC,UAAU,CAACV,KAArB,MAAgCA;YAD7D,CAFK;UARK,IAeV1B,KAAK,CAACY,cAAN;YAAA,SAEuBc,KAAK,GAAG,GAF/B;YAAA,SAE6C6C,CAAC,GAAG;UAFjD;YAAA,SAGuB7C,KAHvB;YAAA,SAGwC6C,CAAC,GAAG,CAAL,GAAU;UAHjD;YAAA,SAMqB7C,KANrB;YAAA,SAMqC6C;UANrC,QAfU,IAyBZD,SAAS,IAAItE,KAAK,CAACoB,iBAAN,KAA4B,QAAzC,GACI+C,WAAW,CAAC;YAAEzC,KAAF;YAAS+B,KAAK,EAAEc,CAAhB;YAAmBF,KAAK,wBAAErE,KAAK,CAACkB,UAAR,qBAAE,mBAAmBqD,CAAnB;UAA1B,CAAD,CADf,GAEIlB,SA3BQ;QAAA,CAAhB,CAbN;MAAA;IA8CD,CAjDD;EAkDD;;AA5OE,CALkC,CAAhC"}

package/lib/components/VRating/VRating.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use './variables' as *
 
 .v-rating
@@ -36,7 +35,7 @@
 
   &:hover:not(.v-rating__item--focused)
     .v-rating--hover &
-      .v-icon
+      .v-btn
         transform: $rating-item-icon-transform
 
   &--focused
@@ -47,7 +46,7 @@
   &--half
     overflow: hidden
     position: absolute
-    width: 50%
+    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%)
     z-index: 1
 
     .v-btn__overlay,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRating/index.ts"],"names":["VRating"],"mappings":"SAASA,O","sourcesContent":["export { VRating } from './VRating'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VRating"],"sources":["../../../src/components/VRating/index.ts"],"sourcesContent":["export { VRating } from './VRating'\n"],"mappings":"SAASA,O"}

package/lib/components/VResponsive/VResponsive.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VResponsive/VResponsive.tsx"],"names":["makeDimensionProps","useDimension","computed","defineComponent","useAspectStyles","props","aspectStyles","ratio","Number","aspectRatio","paddingBottom","String","undefined","VResponsive","name","contentClass","setup","slots","dimensionStyles","value","additional","default"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,kB,EAAoBC,Y,4CAE7B;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e;AAET,OAAO,SAASC,eAAT,CAA0BC,KAA1B,EAAoE;AACzE,SAAO;AACLC,IAAAA,YAAY,EAAEJ,QAAQ,CAAC,MAAM;AAC3B,YAAMK,KAAK,GAAGC,MAAM,CAACH,KAAK,CAACI,WAAP,CAApB;AAEA,aAAOF,KAAK,GACR;AAAEG,QAAAA,aAAa,EAAEC,MAAM,CAAC,IAAIJ,KAAJ,GAAY,GAAb,CAAN,GAA0B;AAA3C,OADQ,GAERK,SAFJ;AAGD,KANqB;AADjB,GAAP;AASD;AAED,OAAO,MAAMC,WAAW,GAAGV,eAAe,CAAC;AACzCW,EAAAA,IAAI,EAAE,aADmC;AAGzCT,EAAAA,KAAK,EAAE;AACLI,IAAAA,WAAW,EAAE,CAACE,MAAD,EAASH,MAAT,CADR;AAELO,IAAAA,YAAY,EAAEJ,MAFT;AAIL,OAAGX,kBAAkB;AAJhB,GAHkC;;AAUzCgB,EAAAA,KAAK,CAAEX,KAAF,QAAoB;AAAA,QAAX;AAAEY,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAsBjB,YAAY,CAACI,KAAD,CAAxC;AACA,UAAM;AAAEC,MAAAA;AAAF,QAAmBF,eAAe,CAACC,KAAD,CAAxC;AAEA,WAAO;AAAA;;AAAA;AAAA,iBACM,cADN;AAAA,iBAC6Ba,eAAe,CAACC;AAD7C;AAAA,iBAEQ,qBAFR;AAAA,iBAEsCb,YAAY,CAACa;AAFnD,qCAGDF,KAAK,CAACG,UAHL,qBAGD,uBAAAH,KAAK,CAHJ,EAIDA,KAAK,CAACI,OAAN;AAAA,iBACY,CAAC,uBAAD,EAA0BhB,KAAK,CAACU,YAAhC;AADZ,UAC6DE,KAAK,CAACI,OAAN,EAD7D,EAJC;AAAA,KAAP;AASD;;AAvBwC,CAAD,CAAnC","sourcesContent":["// Styles\nimport './VResponsive.sass'\n\n// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport function useAspectStyles (props: { aspectRatio?: string | number }) {\n  return {\n    aspectStyles: computed(() => {\n      const ratio = Number(props.aspectRatio)\n\n      return ratio\n        ? { paddingBottom: String(1 / ratio * 100) + '%' }\n        : undefined\n    }),\n  }\n}\n\nexport const VResponsive = defineComponent({\n  name: 'VResponsive',\n\n  props: {\n    aspectRatio: [String, Number],\n    contentClass: String,\n\n    ...makeDimensionProps(),\n  },\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n    const { aspectStyles } = useAspectStyles(props)\n\n    return () => (\n      <div class=\"v-responsive\" style={ dimensionStyles.value }>\n        <div class=\"v-responsive__sizer\" style={ aspectStyles.value } />\n        { slots.additional?.() }\n        { slots.default && (\n          <div class={['v-responsive__content', props.contentClass]}>{ slots.default() }</div>\n        )}\n      </div>\n    )\n  },\n})\n"],"file":"VResponsive.mjs"}
+{"version":3,"file":"VResponsive.mjs","names":["makeDimensionProps","useDimension","computed","defineComponent","useAspectStyles","props","aspectStyles","ratio","Number","aspectRatio","paddingBottom","String","undefined","VResponsive","name","contentClass","setup","slots","dimensionStyles","value","additional","default"],"sources":["../../../src/components/VResponsive/VResponsive.tsx"],"sourcesContent":["// Styles\nimport './VResponsive.sass'\n\n// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport function useAspectStyles (props: { aspectRatio?: string | number }) {\n  return {\n    aspectStyles: computed(() => {\n      const ratio = Number(props.aspectRatio)\n\n      return ratio\n        ? { paddingBottom: String(1 / ratio * 100) + '%' }\n        : undefined\n    }),\n  }\n}\n\nexport const VResponsive = defineComponent({\n  name: 'VResponsive',\n\n  props: {\n    aspectRatio: [String, Number],\n    contentClass: String,\n\n    ...makeDimensionProps(),\n  },\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n    const { aspectStyles } = useAspectStyles(props)\n\n    return () => (\n      <div class=\"v-responsive\" style={ dimensionStyles.value }>\n        <div class=\"v-responsive__sizer\" style={ aspectStyles.value } />\n        { slots.additional?.() }\n        { slots.default && (\n          <div class={['v-responsive__content', props.contentClass]}>{ slots.default() }</div>\n        )}\n      </div>\n    )\n  },\n})\n"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,kB,EAAoBC,Y,4CAE7B;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e;AAET,OAAO,SAASC,eAAT,CAA0BC,KAA1B,EAAoE;EACzE,OAAO;IACLC,YAAY,EAAEJ,QAAQ,CAAC,MAAM;MAC3B,MAAMK,KAAK,GAAGC,MAAM,CAACH,KAAK,CAACI,WAAP,CAApB;MAEA,OAAOF,KAAK,GACR;QAAEG,aAAa,EAAEC,MAAM,CAAC,IAAIJ,KAAJ,GAAY,GAAb,CAAN,GAA0B;MAA3C,CADQ,GAERK,SAFJ;IAGD,CANqB;EADjB,CAAP;AASD;AAED,OAAO,MAAMC,WAAW,GAAGV,eAAe,CAAC;EACzCW,IAAI,EAAE,aADmC;EAGzCT,KAAK,EAAE;IACLI,WAAW,EAAE,CAACE,MAAD,EAASH,MAAT,CADR;IAELO,YAAY,EAAEJ,MAFT;IAIL,GAAGX,kBAAkB;EAJhB,CAHkC;;EAUzCgB,KAAK,CAAEX,KAAF,QAAoB;IAAA,IAAX;MAAEY;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAsBjB,YAAY,CAACI,KAAD,CAAxC;IACA,MAAM;MAAEC;IAAF,IAAmBF,eAAe,CAACC,KAAD,CAAxC;IAEA,OAAO;MAAA;;MAAA;QAAA,SACM,cADN;QAAA,SAC6Ba,eAAe,CAACC;MAD7C;QAAA,SAEQ,qBAFR;QAAA,SAEsCb,YAAY,CAACa;MAFnD,+BAGDF,KAAK,CAACG,UAHL,qBAGD,uBAAAH,KAAK,CAHJ,EAIDA,KAAK,CAACI,OAAN;QAAA,SACY,CAAC,uBAAD,EAA0BhB,KAAK,CAACU,YAAhC;MADZ,IAC6DE,KAAK,CAACI,OAAN,EAD7D,EAJC;IAAA,CAAP;EASD;;AAvBwC,CAAD,CAAnC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VResponsive/index.ts"],"names":["VResponsive"],"mappings":"SAASA,W","sourcesContent":["export { VResponsive } from './VResponsive'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VResponsive"],"sources":["../../../src/components/VResponsive/index.ts"],"sourcesContent":["export { VResponsive } from './VResponsive'\n"],"mappings":"SAASA,W"}

package/lib/components/VSelect/VSelect.mjs

@@ -1,45 +1,41 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
 import "./VSelect.css"; // Components
 
+import { VDialogTransition } from "../transitions/index.mjs";
+import { VCheckboxBtn } from "../VCheckbox/index.mjs";
 import { VChip } from "../VChip/index.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VList, VListItem } from "../VList/index.mjs";
 import { VMenu } from "../VMenu/index.mjs";
 import { VTextField } from "../VTextField/index.mjs"; // Composables
 
+import { makeItemsProps, useItems } from "../../composables/items.mjs";
 import { makeTransitionProps } from "../../composables/transition.mjs";
 import { useForwardRef } from "../../composables/forwardRef.mjs";
 import { useLocale } from "../../composables/locale.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utility
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utility
 
-import { computed, ref, watch } from 'vue';
+import { computed, mergeProps, ref } from 'vue';
 import { genericComponent, propsFactory, useRender, wrapInArray } from "../../util/index.mjs"; // Types
 
-export function genItem(item) {
-  var _ref;
-
-  return {
-    title: String((_ref = typeof item === 'object' ? item.title : item) != null ? _ref : ''),
-    value: typeof item === 'object' ? item.value : item
-  };
-}
 export const makeSelectProps = propsFactory({
   chips: Boolean,
   closableChips: Boolean,
   eager: Boolean,
   hideNoData: Boolean,
   hideSelected: Boolean,
-  items: {
-    type: Array,
-    default: () => []
-  },
+  menu: Boolean,
   menuIcon: {
-    type: String,
+    type: IconValue,
     default: '$dropdown'
   },
+  menuProps: {
+    type: Object
+  },
   modelValue: {
-    type: [Number, String, Array],
+    type: null,
     default: () => []
   },
   multiple: Boolean,
@@ -47,50 +43,51 @@ export const makeSelectProps = propsFactory({
     type: String,
     default: '$vuetify.noDataText'
   },
-  openOnClear: Boolean
+  openOnClear: Boolean,
+  ...makeItemsProps({
+    itemChildren: false
+  })
 }, 'select');
 export const VSelect = genericComponent()({
   name: 'VSelect',
   props: { ...makeSelectProps(),
     ...makeTransitionProps({
-      transition: 'scale-transition'
+      transition: {
+        component: VDialogTransition
+      }
     })
   },
   emits: {
-    'update:modelValue': val => true
+    'update:modelValue': val => true,
+    'update:menu': val => true
   },
 
-  setup(props, _ref2) {
+  setup(props, _ref) {
     let {
       slots
-    } = _ref2;
+    } = _ref;
     const {
       t
     } = useLocale();
     const vTextFieldRef = ref();
-    const activator = ref();
-    const menu = ref(false);
-    const items = computed(() => props.items.map(genItem));
-    const model = useProxiedModel(props, 'modelValue', [], v => wrapInArray(v), v => props.multiple ? v : v[0]);
+    const menu = useProxiedModel(props, 'menu');
+    const {
+      items,
+      transformIn,
+      transformOut
+    } = useItems(props);
+    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+      var _transformed$;
+
+      const transformed = transformOut(v);
+      return props.multiple ? transformed : (_transformed$ = transformed[0]) != null ? _transformed$ : null;
+    });
     const selections = computed(() => {
-      const array = [];
-      let index = 0;
-
-      for (const unwrapped of model.value) {
-        const item = genItem(unwrapped);
-        const found = array.find(selection => selection.value === item.value);
-
-        if (found == null) {
-          array.push({ ...item,
-            index
-          });
-          index++;
-        }
-      }
-
-      return array;
+      return model.value.map(v => {
+        return items.value.find(item => item.value === v.value) || v;
+      });
     });
-    const selected = computed(() => selections.value.map(selection => selection.value));
+    const selected = computed(() => selections.value.map(selection => selection.props.value));
 
     function onClear(e) {
       model.value = [];
@@ -117,26 +114,30 @@ export const VSelect = genericComponent()({
 
     function select(item) {
       if (props.multiple) {
-        const index = selections.value.findIndex(selection => selection.value === item.value);
+        const index = selected.value.findIndex(selection => selection === item.value);
 
         if (index === -1) {
-          model.value.push(item.value);
+          model.value = [...model.value, item];
         } else {
-          model.value = selected.value.filter(selection => selection !== item.value);
+          const value = [...model.value];
+          value.splice(index, 1);
+          model.value = value;
         }
       } else {
-        model.value = [item.value];
+        model.value = [item];
         menu.value = false;
       }
     }
 
-    watch(() => vTextFieldRef.value, val => {
-      activator.value = val.$el.querySelector('.v-input__control');
-    });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
       return _createVNode(VTextField, {
         "ref": vTextFieldRef,
+        "modelValue": model.value.map(v => v.props.value).join(', '),
+        "onUpdate:modelValue": v => {
+          if (v == null) model.value = [];
+        },
+        "validationValue": props.modelValue,
         "class": ['v-select', {
           'v-select--active-menu': menu.value,
           'v-select--chips': !!props.chips,
@@ -148,68 +149,94 @@ export const VSelect = genericComponent()({
         "onClick:input": onClickControl,
         "onClick:control": onClickControl,
         "onBlur": () => menu.value = false,
-        "modelValue": model.value.join(', '),
         "onKeydown": onKeydown
       }, { ...slots,
-        default: () => _createVNode(_Fragment, null, [activator.value && _createVNode(VMenu, {
-          "modelValue": menu.value,
-          "onUpdate:modelValue": $event => menu.value = $event,
-          "activator": activator.value,
-          "contentClass": "v-select__content",
-          "eager": props.eager,
-          "openOnClick": false,
-          "transition": props.transition
-        }, {
-          default: () => [_createVNode(VList, {
-            "selected": selected.value,
-            "selectStrategy": props.multiple ? 'independent' : 'single-independent'
-          }, {
-            default: () => [!items.value.length && !props.hideNoData && _createVNode(VListItem, {
-              "title": t(props.noDataText)
-            }, null), items.value.map(item => _createVNode(VListItem, {
-              "title": item.title,
-              "value": item.value,
-              "onMousedown": e => e.preventDefault(),
-              "onClick": () => select(item)
-            }, null))]
-          })]
-        }), selections.value.map((selection, index) => {
-          function onChipClose(e) {
-            e.stopPropagation();
-            e.preventDefault();
-            select(selection);
-          }
-
-          const slotProps = {
-            'onClick:close': onChipClose,
-            modelValue: true
-          };
-          return _createVNode("div", {
-            "class": "v-select__selection"
-          }, [hasChips && _createVNode(VDefaultsProvider, {
-            "defaults": {
-              VChip: {
-                closable: props.closableChips,
-                size: 'small',
-                text: selection.title
-              }
+        default: () => {
+          var _slots$noData, _slots$noData2;
+
+          return _createVNode(_Fragment, null, [_createVNode(VMenu, _mergeProps({
+            "modelValue": menu.value,
+            "onUpdate:modelValue": $event => menu.value = $event,
+            "activator": "parent",
+            "contentClass": "v-select__content",
+            "eager": props.eager,
+            "openOnClick": false,
+            "closeOnContentClick": false,
+            "transition": props.transition
+          }, props.menuProps), {
+            default: () => [_createVNode(VList, {
+              "selected": selected.value,
+              "selectStrategy": props.multiple ? 'independent' : 'single-independent',
+              "onMousedown": e => e.preventDefault()
+            }, {
+              default: () => [!items.value.length && !props.hideNoData && ((_slots$noData = (_slots$noData2 = slots['no-data']) == null ? void 0 : _slots$noData2.call(slots)) != null ? _slots$noData : _createVNode(VListItem, {
+                "title": t(props.noDataText)
+              }, null)), items.value.map(item => {
+                var _slots$item, _slots$item2;
+
+                return (_slots$item = (_slots$item2 = slots.item) == null ? void 0 : _slots$item2.call(slots, {
+                  item,
+                  props: mergeProps(item.props, {
+                    onClick: () => select(item)
+                  })
+                })) != null ? _slots$item : _createVNode(VListItem, _mergeProps(item.props, {
+                  "onClick": () => select(item)
+                }), {
+                  prepend: _ref2 => {
+                    let {
+                      isSelected
+                    } = _ref2;
+                    return props.multiple ? _createVNode(VCheckboxBtn, {
+                      "modelValue": isSelected,
+                      "ripple": false
+                    }, null) : undefined;
+                  }
+                });
+              })]
+            })]
+          }), selections.value.map((item, index) => {
+            function onChipClose(e) {
+              e.stopPropagation();
+              e.preventDefault();
+              select(item);
             }
-          }, {
-            default: () => [slots.chip ? slots.chip({
-              props: slotProps,
-              selection
-            }) : _createVNode(VChip, slotProps, null)]
-          }), !hasChips && (slots.selection ? slots.selection({
-            selection
-          }) : _createVNode("span", {
-            "class": "v-select__selection-text"
-          }, [selection.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
-            "class": "v-select__selection-comma"
-          }, [_createTextVNode(",")])]))]);
-        })])
+
+            const slotProps = {
+              'onClick:close': onChipClose,
+              modelValue: true
+            };
+            return _createVNode("div", {
+              "class": "v-select__selection"
+            }, [hasChips ? _createVNode(VDefaultsProvider, {
+              "defaults": {
+                VChip: {
+                  closable: props.closableChips,
+                  size: 'small',
+                  text: item.title
+                }
+              }
+            }, {
+              default: () => [slots.chip ? slots.chip({
+                props: slotProps,
+                item,
+                index
+              }) : _createVNode(VChip, slotProps, null)]
+            }) : slots.selection ? slots.selection({
+              item,
+              index
+            }) : _createVNode("span", {
+              "class": "v-select__selection-text"
+            }, [item.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
+              "class": "v-select__selection-comma"
+            }, [_createTextVNode(",")])])]);
+          })]);
+        }
       });
     });
-    return useForwardRef({}, vTextFieldRef);
+    return useForwardRef({
+      menu,
+      select
+    }, vTextFieldRef);
   }
 
 });