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

package/lib/components/VRadioGroup/index.mjs

@@ -1,10 +1,2 @@
-import VRadioGroup from "./VRadioGroup.mjs";
-import VRadio from "./VRadio.mjs";
-export { VRadioGroup, VRadio };
-export default {
-  $_vuetify_subcomponents: {
-    VRadioGroup,
-    VRadio
-  }
-};
+export { VRadioGroup } from "./VRadioGroup.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRadioGroup/index.ts"],"names":["VRadioGroup","VRadio","$_vuetify_subcomponents"],"mappings":"OAAOA,W;OACAC,M;AAEP,SAASD,WAAT,EAAsBC,MAAtB;AAEA,eAAe;AACbC,EAAAA,uBAAuB,EAAE;AACvBF,IAAAA,WADuB;AAEvBC,IAAAA;AAFuB;AADZ,CAAf","sourcesContent":["import VRadioGroup from './VRadioGroup'\nimport VRadio from './VRadio'\n\nexport { VRadioGroup, VRadio }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VRadioGroup,\n    VRadio,\n  },\n}\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VRadioGroup"],"sources":["../../../src/components/VRadioGroup/index.ts"],"sourcesContent":["export { VRadioGroup } from './VRadioGroup'\n"],"mappings":"SAASA,W"}

package/lib/components/VRangeSlider/VRangeSlider.mjs

@@ -1,225 +1,212 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Styles
-import "./VRangeSlider.sass"; // Components
-
-import VSlider from "../VSlider/index.mjs"; // Helpers
-
-import { addOnceEventListener, createRange, deepEqual, passiveSupported } from "../../util/helpers.mjs"; // Types
-
-/* @vue/component */
-export default VSlider.extend({
-  name: 'v-range-slider',
-  props: {
-    value: {
+import "../VSlider/VSlider.css"; // Components
+
+import { getOffset, makeSliderProps, useSlider } from "../VSlider/slider.mjs";
+import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
+import { VSliderThumb } from "../VSlider/VSliderThumb.mjs";
+import { VSliderTrack } from "../VSlider/VSliderTrack.mjs"; // Composables
+
+import { makeFocusProps, useFocus } from "../../composables/focus.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
+
+import { computed, ref } from 'vue';
+import { defineComponent, useRender } from "../../util/index.mjs"; // Types
+
+export const VRangeSlider = defineComponent({
+  name: 'VRangeSlider',
+  props: { ...makeFocusProps(),
+    ...makeVInputProps(),
+    ...makeSliderProps(),
+    strict: Boolean,
+    modelValue: {
       type: Array,
       default: () => [0, 0]
     }
   },
-
-  data() {
-    return {
-      activeThumb: null,
-      lazyValue: this.value
-    };
+  emits: {
+    'update:focused': value => true,
+    'update:modelValue': value => true
   },
 
-  computed: {
-    classes() {
-      return { ...VSlider.options.computed.classes.call(this),
-        'v-input--range-slider': true
-      };
-    },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const startThumbRef = ref();
+    const stopThumbRef = ref();
+    const inputRef = ref();
+
+    function getActiveThumb(e) {
+      if (!startThumbRef.value || !stopThumbRef.value) return;
+      const startOffset = getOffset(e, startThumbRef.value.$el, props.direction);
+      const stopOffset = getOffset(e, stopThumbRef.value.$el, props.direction);
+      const a = Math.abs(startOffset);
+      const b = Math.abs(stopOffset);
+      return a < b || a === b && startOffset < 0 ? startThumbRef.value.$el : stopThumbRef.value.$el;
+    }
 
-    internalValue: {
-      get() {
-        return this.lazyValue;
+    const {
+      activeThumbRef,
+      hasLabels,
+      max,
+      min,
+      mousePressed,
+      onSliderMousedown,
+      onSliderTouchstart,
+      position,
+      roundValue,
+      trackContainerRef
+    } = useSlider({
+      /* eslint-disable @typescript-eslint/no-use-before-define */
+      props,
+      handleSliderMouseUp: newValue => {
+        var _startThumbRef$value;
+
+        model.value = activeThumbRef.value === ((_startThumbRef$value = startThumbRef.value) == null ? void 0 : _startThumbRef$value.$el) ? [newValue, model.value[1]] : [model.value[0], newValue];
       },
+      handleMouseMove: newValue => {
+        var _startThumbRef$value3;
 
-      set(val) {
-        // Round value to ensure the
-        // entire slider range can
-        // be selected with step
-        let value = val.map((v = 0) => this.roundValue(Math.min(Math.max(v, this.minValue), this.maxValue))); // Switch values if range and wrong order
+        const [start, stop] = model.value;
 
-        if (value[0] > value[1] || value[1] < value[0]) {
-          if (this.activeThumb !== null) {
-            const toFocus = this.activeThumb === 1 ? 0 : 1;
-            const el = this.$refs["thumb_".concat(toFocus)];
-            el.focus();
-          }
+        if (!props.strict && start === stop && start !== min.value) {
+          var _stopThumbRef$value, _startThumbRef$value2, _activeThumbRef$value;
 
-          value = [value[1], value[0]];
+          activeThumbRef.value = newValue > start ? (_stopThumbRef$value = stopThumbRef.value) == null ? void 0 : _stopThumbRef$value.$el : (_startThumbRef$value2 = startThumbRef.value) == null ? void 0 : _startThumbRef$value2.$el;
+          (_activeThumbRef$value = activeThumbRef.value) == null ? void 0 : _activeThumbRef$value.focus();
         }
 
-        this.lazyValue = value;
-        if (!deepEqual(value, this.value)) this.$emit('input', value);
-        this.validate();
-      }
-
-    },
-
-    inputWidth() {
-      return this.internalValue.map(v => (this.roundValue(v) - this.minValue) / (this.maxValue - this.minValue) * 100);
-    }
-
-  },
-  methods: {
-    getTrackStyle(startLength, endLength, startPadding = 0, endPadding = 0) {
-      const startDir = this.vertical ? this.$vuetify.rtl ? 'top' : 'bottom' : this.$vuetify.rtl ? 'right' : 'left';
-      const endDir = this.vertical ? 'height' : 'width';
-      const start = "calc(".concat(startLength, "% + ").concat(startPadding, "px)");
-      const end = "calc(".concat(endLength, "% + ").concat(endPadding, "px)");
-      return {
-        transition: this.trackTransition,
-        [startDir]: start,
-        [endDir]: end
-      };
-    },
-
-    getIndexOfClosestValue(arr, v) {
-      if (Math.abs(arr[0] - v) < Math.abs(arr[1] - v)) return 0;else return 1;
-    },
-
-    genInput() {
-      return createRange(2).map(i => {
-        const input = VSlider.options.methods.genInput.call(this);
-        input.data = input.data || {};
-        input.data.attrs = input.data.attrs || {};
-        input.data.attrs.value = this.internalValue[i];
-        input.data.attrs.id = "input-".concat(i ? 'max' : 'min', "-").concat(this._uid);
-        return input;
-      });
-    },
-
-    genTrackContainer() {
-      const children = [];
-      const padding = this.isDisabled ? 10 : 0;
-      const sections = [{
-        class: 'v-slider__track-background',
-        color: this.computedTrackColor,
-        styles: [0, this.inputWidth[0], 0, -padding]
-      }, {
-        class: this.isDisabled ? 'v-slider__track-background' : 'v-slider__track-fill',
-        color: this.isDisabled ? this.computedTrackColor : this.computedTrackFillColor,
-        styles: [this.inputWidth[0], Math.abs(this.inputWidth[1] - this.inputWidth[0]), padding, padding * -2]
-      }, {
-        class: 'v-slider__track-background',
-        color: this.computedTrackColor,
-        styles: [this.inputWidth[1], Math.abs(100 - this.inputWidth[1]), padding, -padding]
-      }];
-      if (this.$vuetify.rtl) sections.reverse();
-      children.push(...sections.map(section => this.$createElement('div', this.setBackgroundColor(section.color, {
-        staticClass: section.class,
-        style: this.getTrackStyle(...section.styles)
-      }))));
-      return this.$createElement('div', {
-        staticClass: 'v-slider__track-container',
-        ref: 'track'
-      }, children);
-    },
-
-    genChildren() {
-      return [this.genInput(), this.genTrackContainer(), this.genSteps(), createRange(2).map(index => {
-        const value = this.internalValue[index];
-
-        const onFocus = e => {
-          this.isFocused = true;
-          this.activeThumb = index;
-          this.$emit('focus', e);
-        };
-
-        const onBlur = e => {
-          this.isFocused = false;
-          this.activeThumb = null;
-          this.$emit('blur', e);
-        };
-
-        const valueWidth = this.inputWidth[index];
-        const isActive = this.isActive && this.activeThumb === index;
-        const isFocused = this.isFocused && this.activeThumb === index;
-        return this.genThumbContainer(value, valueWidth, isActive, isFocused, onFocus, onBlur, "thumb_".concat(index));
-      })];
-    },
-
-    reevaluateSelected(value) {
-      this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);
-      const refName = "thumb_".concat(this.activeThumb);
-      const thumbRef = this.$refs[refName];
-      thumbRef.focus();
-    },
-
-    onSliderMouseDown(e) {
-      var _e$target;
-
-      const value = this.parseMouseMove(e);
-      this.reevaluateSelected(value);
-      this.oldValue = this.internalValue;
-      this.isActive = true;
-
-      if ((_e$target = e.target) == null ? void 0 : _e$target.matches('.v-slider__thumb-container, .v-slider__thumb-container *')) {
-        this.thumbPressed = true;
-      } else {
-        window.clearTimeout(this.mouseTimeout);
-        this.mouseTimeout = window.setTimeout(() => {
-          this.thumbPressed = true;
-        }, 300);
-      }
-
-      const mouseUpOptions = passiveSupported ? {
-        passive: true,
-        capture: true
-      } : true;
-      const mouseMoveOptions = passiveSupported ? {
-        passive: true
-      } : false;
-      const isTouchEvent = ('touches' in e);
-      this.onMouseMove(e);
-      this.app.addEventListener(isTouchEvent ? 'touchmove' : 'mousemove', this.onMouseMove, mouseMoveOptions);
-      addOnceEventListener(this.app, isTouchEvent ? 'touchend' : 'mouseup', this.onSliderMouseUp, mouseUpOptions);
-      this.$emit('start', this.internalValue);
-    },
-
-    onSliderClick(e) {
-      if (!this.isActive) {
-        if (this.noClick) {
-          this.noClick = false;
-          return;
+        if (activeThumbRef.value === ((_startThumbRef$value3 = startThumbRef.value) == null ? void 0 : _startThumbRef$value3.$el)) {
+          model.value = [Math.min(newValue, stop), stop];
+        } else {
+          model.value = [start, Math.max(start, newValue)];
+        }
+      },
+      getActiveThumb
+      /* eslint-enable @typescript-eslint/no-use-before-define */
+
+    });
+    const model = useProxiedModel(props, 'modelValue', undefined, arr => {
+      if (!arr || !arr.length) return [0, 0];
+      return arr.map(value => roundValue(value));
+    });
+    const {
+      isFocused,
+      focus,
+      blur
+    } = useFocus(props);
+    const trackStart = computed(() => position(model.value[0]));
+    const trackStop = computed(() => position(model.value[1]));
+    useRender(() => {
+      const [inputProps, _] = filterInputProps(props);
+      return _createVNode(VInput, _mergeProps({
+        "class": ['v-slider', 'v-range-slider', {
+          'v-slider--has-labels': !!slots['tick-label'] || hasLabels.value,
+          'v-slider--focused': isFocused.value,
+          'v-slider--pressed': mousePressed.value,
+          'v-slider--disabled': props.disabled
+        }],
+        "ref": inputRef
+      }, inputProps, {
+        "focused": isFocused.value
+      }), { ...slots,
+        default: _ref2 => {
+          var _startThumbRef$value4, _stopThumbRef$value4;
+
+          let {
+            id
+          } = _ref2;
+          return _createVNode("div", {
+            "class": "v-slider__container",
+            "onMousedown": onSliderMousedown,
+            "onTouchstartPassive": onSliderTouchstart
+          }, [_createVNode("input", {
+            "id": `${id.value}_start`,
+            "name": props.name || id.value,
+            "disabled": props.disabled,
+            "readonly": props.readonly,
+            "tabindex": "-1",
+            "value": model.value[0]
+          }, null), _createVNode("input", {
+            "id": `${id.value}_stop`,
+            "name": props.name || id.value,
+            "disabled": props.disabled,
+            "readonly": props.readonly,
+            "tabindex": "-1",
+            "value": model.value[1]
+          }, null), _createVNode(VSliderTrack, {
+            "ref": trackContainerRef,
+            "start": trackStart.value,
+            "stop": trackStop.value
+          }, {
+            'tick-label': slots['tick-label']
+          }), _createVNode(VSliderThumb, {
+            "ref": startThumbRef,
+            "focused": isFocused && activeThumbRef.value === ((_startThumbRef$value4 = startThumbRef.value) == null ? void 0 : _startThumbRef$value4.$el),
+            "modelValue": model.value[0],
+            "onUpdate:modelValue": v => model.value = [v, model.value[1]],
+            "onFocus": e => {
+              var _startThumbRef$value5, _stopThumbRef$value2;
+
+              focus();
+              activeThumbRef.value = (_startThumbRef$value5 = startThumbRef.value) == null ? void 0 : _startThumbRef$value5.$el; // Make sure second thumb is focused if
+              // the thumbs are on top of each other
+              // and they are both at minimum value
+              // but only if focused from outside.
+
+              if (model.value[0] === model.value[1] && model.value[1] === min.value && e.relatedTarget !== ((_stopThumbRef$value2 = stopThumbRef.value) == null ? void 0 : _stopThumbRef$value2.$el)) {
+                var _startThumbRef$value6, _stopThumbRef$value3;
+
+                (_startThumbRef$value6 = startThumbRef.value) == null ? void 0 : _startThumbRef$value6.$el.blur();
+                (_stopThumbRef$value3 = stopThumbRef.value) == null ? void 0 : _stopThumbRef$value3.$el.focus();
+              }
+            },
+            "onBlur": () => {
+              blur();
+              activeThumbRef.value = undefined;
+            },
+            "min": min.value,
+            "max": model.value[1],
+            "position": trackStart.value
+          }, {
+            'thumb-label': slots['thumb-label']
+          }), _createVNode(VSliderThumb, {
+            "ref": stopThumbRef,
+            "focused": isFocused && activeThumbRef.value === ((_stopThumbRef$value4 = stopThumbRef.value) == null ? void 0 : _stopThumbRef$value4.$el),
+            "modelValue": model.value[1],
+            "onUpdate:modelValue": v => model.value = [model.value[0], v],
+            "onFocus": e => {
+              var _stopThumbRef$value5, _startThumbRef$value7;
+
+              focus();
+              activeThumbRef.value = (_stopThumbRef$value5 = stopThumbRef.value) == null ? void 0 : _stopThumbRef$value5.$el; // Make sure first thumb is focused if
+              // the thumbs are on top of each other
+              // and they are both at maximum value
+              // but only if focused from outside.
+
+              if (model.value[0] === model.value[1] && model.value[0] === max.value && e.relatedTarget !== ((_startThumbRef$value7 = startThumbRef.value) == null ? void 0 : _startThumbRef$value7.$el)) {
+                var _stopThumbRef$value6, _startThumbRef$value8;
+
+                (_stopThumbRef$value6 = stopThumbRef.value) == null ? void 0 : _stopThumbRef$value6.$el.blur();
+                (_startThumbRef$value8 = startThumbRef.value) == null ? void 0 : _startThumbRef$value8.$el.focus();
+              }
+            },
+            "onBlur": () => {
+              blur();
+              activeThumbRef.value = undefined;
+            },
+            "min": model.value[0],
+            "max": max.value,
+            "position": trackStop.value
+          }, {
+            'thumb-label': slots['thumb-label']
+          })]);
         }
-
-        const value = this.parseMouseMove(e);
-        this.reevaluateSelected(value);
-        this.setInternalValue(value);
-        this.$emit('change', this.internalValue);
-      }
-    },
-
-    onMouseMove(e) {
-      const value = this.parseMouseMove(e);
-
-      if (e.type === 'mousemove') {
-        this.thumbPressed = true;
-      }
-
-      this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);
-      this.setInternalValue(value);
-    },
-
-    onKeyDown(e) {
-      if (this.activeThumb === null) return;
-      const value = this.parseKeyDown(e, this.internalValue[this.activeThumb]);
-      if (value == null) return;
-      this.setInternalValue(value);
-      this.$emit('change', this.internalValue);
-    },
-
-    setInternalValue(value) {
-      this.internalValue = this.internalValue.map((v, i) => {
-        if (i === this.activeThumb) return value;else return Number(v);
       });
-    }
-
+    });
+    return {};
   }
+
 });
 //# sourceMappingURL=VRangeSlider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRangeSlider/VRangeSlider.ts"],"names":["VSlider","addOnceEventListener","createRange","deepEqual","passiveSupported","extend","name","props","value","type","Array","default","data","activeThumb","lazyValue","computed","classes","options","call","internalValue","get","set","val","map","v","roundValue","Math","min","max","minValue","maxValue","toFocus","el","$refs","focus","$emit","validate","inputWidth","methods","getTrackStyle","startLength","endLength","startPadding","endPadding","startDir","vertical","$vuetify","rtl","endDir","start","end","transition","trackTransition","getIndexOfClosestValue","arr","abs","genInput","i","input","attrs","id","_uid","genTrackContainer","children","padding","isDisabled","sections","class","color","computedTrackColor","styles","computedTrackFillColor","reverse","push","section","$createElement","setBackgroundColor","staticClass","style","ref","genChildren","genSteps","index","onFocus","e","isFocused","onBlur","valueWidth","isActive","genThumbContainer","reevaluateSelected","refName","thumbRef","onSliderMouseDown","parseMouseMove","oldValue","target","matches","thumbPressed","window","clearTimeout","mouseTimeout","setTimeout","mouseUpOptions","passive","capture","mouseMoveOptions","isTouchEvent","onMouseMove","app","addEventListener","onSliderMouseUp","onSliderClick","noClick","setInternalValue","onKeyDown","parseKeyDown","Number"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VRangeSlider.sass'\n\n// Components\nimport VSlider from '../VSlider'\n\n// Helpers\nimport {\n  addOnceEventListener,\n  createRange,\n  deepEqual,\n  passiveSupported,\n} from '../../util/helpers'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\n\n/* @vue/component */\nexport default VSlider.extend({\n  name: 'v-range-slider',\n\n  props: {\n    value: {\n      type: Array,\n      default: () => ([0, 0]),\n    } as unknown as PropValidator<[number, number]>,\n  },\n\n  data () {\n    return {\n      activeThumb: null as null | number,\n      lazyValue: this.value,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSlider.options.computed.classes.call(this),\n        'v-input--range-slider': true,\n      }\n    },\n    internalValue: {\n      get (): number[] {\n        return this.lazyValue\n      },\n      set (val: number[]) {\n        // Round value to ensure the\n        // entire slider range can\n        // be selected with step\n        let value = val.map((v = 0) => this.roundValue(Math.min(Math.max(v, this.minValue), this.maxValue)))\n\n        // Switch values if range and wrong order\n        if (value[0] > value[1] || value[1] < value[0]) {\n          if (this.activeThumb !== null) {\n            const toFocus = this.activeThumb === 1 ? 0 : 1\n            const el = this.$refs[`thumb_${toFocus}`] as HTMLElement\n            el.focus()\n          }\n          value = [value[1], value[0]]\n        }\n\n        this.lazyValue = value\n        if (!deepEqual(value, this.value)) this.$emit('input', value)\n\n        this.validate()\n      },\n    },\n    inputWidth (): number[] {\n      return this.internalValue.map((v: number) => (\n        this.roundValue(v) - this.minValue) / (this.maxValue - this.minValue) * 100\n      )\n    },\n  },\n\n  methods: {\n    getTrackStyle (startLength: number, endLength: number, startPadding = 0, endPadding = 0) {\n      const startDir = this.vertical ? this.$vuetify.rtl ? 'top' : 'bottom' : this.$vuetify.rtl ? 'right' : 'left'\n      const endDir = this.vertical ? 'height' : 'width'\n\n      const start = `calc(${startLength}% + ${startPadding}px)`\n      const end = `calc(${endLength}% + ${endPadding}px)`\n\n      return {\n        transition: this.trackTransition,\n        [startDir]: start,\n        [endDir]: end,\n      }\n    },\n    getIndexOfClosestValue (arr: number[], v: number) {\n      if (Math.abs(arr[0] - v) < Math.abs(arr[1] - v)) return 0\n      else return 1\n    },\n    genInput () {\n      return createRange(2).map(i => {\n        const input = VSlider.options.methods.genInput.call(this)\n\n        input.data = input.data || {}\n        input.data.attrs = input.data.attrs || {}\n        input.data.attrs.value = this.internalValue[i]\n        input.data.attrs.id = `input-${i ? 'max' : 'min'}-${this._uid}`\n\n        return input\n      })\n    },\n    genTrackContainer () {\n      const children = []\n\n      const padding = this.isDisabled ? 10 : 0\n      const sections: { class: string, color: string | undefined, styles: [number, number, number, number] }[] = [\n        {\n          class: 'v-slider__track-background',\n          color: this.computedTrackColor,\n          styles: [0, this.inputWidth[0], 0, -padding],\n        },\n        {\n          class: this.isDisabled ? 'v-slider__track-background' : 'v-slider__track-fill',\n          color: this.isDisabled ? this.computedTrackColor : this.computedTrackFillColor,\n          styles: [this.inputWidth[0], Math.abs(this.inputWidth[1] - this.inputWidth[0]), padding, padding * -2],\n        },\n        {\n          class: 'v-slider__track-background',\n          color: this.computedTrackColor,\n          styles: [this.inputWidth[1], Math.abs(100 - this.inputWidth[1]), padding, -padding],\n        },\n      ]\n\n      if (this.$vuetify.rtl) sections.reverse()\n\n      children.push(...sections.map(section => this.$createElement('div', this.setBackgroundColor(section.color, {\n        staticClass: section.class,\n        style: this.getTrackStyle(...section.styles),\n      }))))\n\n      return this.$createElement('div', {\n        staticClass: 'v-slider__track-container',\n        ref: 'track',\n      }, children)\n    },\n    genChildren () {\n      return [\n        this.genInput(),\n        this.genTrackContainer(),\n        this.genSteps(),\n        createRange(2).map(index => {\n          const value = this.internalValue[index]\n          const onFocus = (e: Event) => {\n            this.isFocused = true\n            this.activeThumb = index\n\n            this.$emit('focus', e)\n          }\n\n          const onBlur = (e: Event) => {\n            this.isFocused = false\n            this.activeThumb = null\n\n            this.$emit('blur', e)\n          }\n\n          const valueWidth = this.inputWidth[index]\n          const isActive = this.isActive && this.activeThumb === index\n          const isFocused = this.isFocused && this.activeThumb === index\n\n          return this.genThumbContainer(value, valueWidth, isActive, isFocused, onFocus, onBlur, `thumb_${index}`)\n        }),\n      ]\n    },\n    reevaluateSelected (value: number) {\n      this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value)\n      const refName = `thumb_${this.activeThumb}`\n      const thumbRef = this.$refs[refName] as HTMLElement\n      thumbRef.focus()\n    },\n    onSliderMouseDown (e: MouseEvent) {\n      const value = this.parseMouseMove(e)\n\n      this.reevaluateSelected(value)\n\n      this.oldValue = this.internalValue\n      this.isActive = true\n\n      if ((e.target as Element)?.matches('.v-slider__thumb-container, .v-slider__thumb-container *')) {\n        this.thumbPressed = true\n      } else {\n        window.clearTimeout(this.mouseTimeout)\n        this.mouseTimeout = window.setTimeout(() => {\n          this.thumbPressed = true\n        }, 300)\n      }\n\n      const mouseUpOptions = passiveSupported ? { passive: true, capture: true } : true\n      const mouseMoveOptions = passiveSupported ? { passive: true } : false\n\n      const isTouchEvent = 'touches' in e\n\n      this.onMouseMove(e)\n      this.app.addEventListener(isTouchEvent ? 'touchmove' : 'mousemove', this.onMouseMove, mouseMoveOptions)\n      addOnceEventListener(this.app, isTouchEvent ? 'touchend' : 'mouseup', this.onSliderMouseUp, mouseUpOptions)\n\n      this.$emit('start', this.internalValue)\n    },\n    onSliderClick (e: MouseEvent) {\n      if (!this.isActive) {\n        if (this.noClick) {\n          this.noClick = false\n          return\n        }\n\n        const value = this.parseMouseMove(e)\n\n        this.reevaluateSelected(value)\n\n        this.setInternalValue(value)\n\n        this.$emit('change', this.internalValue)\n      }\n    },\n    onMouseMove (e: MouseEvent) {\n      const value = this.parseMouseMove(e)\n\n      if (e.type === 'mousemove') {\n        this.thumbPressed = true\n      }\n\n      this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value)\n\n      this.setInternalValue(value)\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (this.activeThumb === null) return\n\n      const value = this.parseKeyDown(e, this.internalValue[this.activeThumb])\n\n      if (value == null) return\n\n      this.setInternalValue(value)\n      this.$emit('change', this.internalValue)\n    },\n    setInternalValue (value: number) {\n      this.internalValue = this.internalValue.map((v: number, i: number) => {\n        if (i === this.activeThumb) return value\n        else return Number(v)\n      })\n    },\n  },\n})\n"],"file":"VRangeSlider.mjs"}
+{"version":3,"file":"VRangeSlider.mjs","names":["getOffset","makeSliderProps","useSlider","filterInputProps","makeVInputProps","VInput","VSliderThumb","VSliderTrack","makeFocusProps","useFocus","useProxiedModel","computed","ref","defineComponent","useRender","VRangeSlider","name","props","strict","Boolean","modelValue","type","Array","default","emits","value","setup","slots","startThumbRef","stopThumbRef","inputRef","getActiveThumb","e","startOffset","$el","direction","stopOffset","a","Math","abs","b","activeThumbRef","hasLabels","max","min","mousePressed","onSliderMousedown","onSliderTouchstart","position","roundValue","trackContainerRef","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 { getOffset, makeSliderProps, useSlider } from '@/components/VSlider/slider'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VSliderThumb } from '../VSlider/VSliderThumb'\nimport { VSliderTrack } from '../VSlider/VSliderTrack'\n\n// Composables\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType, WritableComputedRef } from 'vue'\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 }) {\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      activeThumbRef,\n      hasLabels,\n      max,\n      min,\n      mousePressed,\n      onSliderMousedown,\n      onSliderTouchstart,\n      position,\n      roundValue,\n      trackContainerRef,\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    useRender(() => {\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    return {}\n  },\n})\n\nexport type VRangeSlider = InstanceType<typeof VRangeSlider>\n"],"mappings":"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"}

package/lib/components/VRangeSlider/index.mjs

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRangeSlider/index.ts"],"names":["VRangeSlider"],"mappings":"OAAOA,Y;AAEP,SAASA,YAAT;AACA,eAAeA,YAAf","sourcesContent":["import VRangeSlider from './VRangeSlider'\n\nexport { VRangeSlider }\nexport default 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

@@ -0,0 +1,58 @@
+.v-rating {
+  max-width: 100%;
+  display: inline-flex;
+  white-space: nowrap;
+}
+.v-rating--readonly {
+  pointer-events: none;
+}
+
+.v-rating__wrapper {
+  align-items: center;
+  display: inline-flex;
+  flex-direction: column;
+}
+.v-rating__wrapper--bottom {
+  flex-direction: column-reverse;
+}
+
+.v-rating__item {
+  display: inline-flex;
+  position: relative;
+}
+.v-rating__item label {
+  cursor: pointer;
+}
+.v-rating__item .v-btn--variant-plain {
+  opacity: 1;
+}
+.v-rating__item .v-btn {
+  transition-property: transform;
+}
+.v-rating__item .v-btn .v-icon {
+  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-btn {
+  transform: scale(1.25);
+}
+.v-rating__item--focused .v-btn__overlay {
+  display: block;
+  opacity: var(--v-hover-opacity);
+}
+.v-rating__item--half {
+  overflow: hidden;
+  position: absolute;
+  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 {
+  opacity: 0;
+}
+
+.v-rating__hidden {
+  height: 0;
+  opacity: 0;
+  position: absolute;
+  width: 0;
+}