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

package/lib/components/VSlider/VSliderTrack.sass

@@ -0,0 +1,159 @@
+// Imports
+@forward './variables'
+@use 'sass:map'
+@use 'sass:selector'
+@use '../../styles/settings'
+@use '../../styles/tools'
+@use './variables' as *
+
+// Theme
+.v-slider-track__background
+  background-color: rgb(var(--v-theme-surface-variant))
+
+.v-slider-track__fill
+  background-color: rgb(var(--v-theme-surface-variant))
+
+.v-slider-track__tick
+  background-color: rgb(var(--v-theme-surface-variant))
+
+  &--filled
+    background-color: rgb(var(--v-theme-on-surface-variant))
+
+// Elements
+.v-slider-track
+  border-radius: $slider-track-border-radius
+
+.v-slider-track
+  &__background, &__fill
+    position: absolute
+    transition: $slider-transition
+    border-radius: inherit
+
+    .v-slider--pressed &
+      transition: none
+
+    .v-input--error:not(.v-input--disabled) &
+      background-color: currentColor
+
+.v-slider-track__ticks
+  height: 100%
+  width: 100%
+  position: relative
+
+.v-slider-track__tick
+  position: absolute
+  opacity: 0
+  transition: 0.2s opacity settings.$standard-easing
+  border-radius: $slider-tick-border-radius
+  width: var(--v-slider-tick-size)
+  height: var(--v-slider-tick-size)
+  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2))
+
+  &:first-child .v-slider-track__tick-label
+    @include tools.ltr()
+      transform: none
+
+    @include tools.rtl()
+      transform: translateX(100%)
+
+  &:last-child .v-slider-track__tick-label
+    @include tools.ltr()
+      transform: translateX(-100%)
+
+    @include tools.rtl()
+      transform: none
+
+.v-slider-track__tick-label
+  position: absolute
+  user-select: none
+  white-space: nowrap
+
+// Horizontal
+.v-slider.v-input--horizontal
+  .v-slider-track
+    display: flex
+    align-items: center
+    width: 100%
+    height: $slider-track-active-size
+    touch-action: pan-y
+
+    &__background
+      height: var(--v-slider-track-size)
+
+    &__fill
+      height: inherit
+
+  .v-slider-track__tick
+    margin-top: calc(#{$slider-track-active-size} / 2)
+
+    @include tools.rtl()
+      transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2))
+
+    &:first-child
+      margin-inline-start: calc(var(--v-slider-tick-size) + 1px)
+
+      .v-slider-track__tick-label
+        @include tools.ltr()
+          transform: translateX(0%)
+
+        @include tools.rtl()
+          transform: translateX(0%)
+
+    &:last-child
+      margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px)
+
+      .v-slider-track__tick-label
+        @include tools.ltr()
+          transform: translateX(-100%)
+
+        @include tools.rtl()
+          transform: translateX(100%)
+
+    .v-slider-track__tick-label
+      margin-top: calc(var(--v-slider-track-size) / 2 + #{$slider-tick-label-margin-top})
+
+      @include tools.ltr()
+        transform: translateX(-50%)
+
+      @include tools.rtl()
+        transform: translateX(50%)
+
+// Vertical
+.v-slider.v-input--vertical
+  .v-slider-track
+    height: 100%
+    display: flex
+    justify-content: center
+    width: $slider-track-active-size
+    touch-action: pan-x
+
+    &__background
+      width: var(--v-slider-track-size)
+
+    &__fill
+      width: inherit
+
+  .v-slider-track__ticks
+    height: 100%
+
+  .v-slider-track__tick
+    margin-inline-start: calc(#{$slider-track-active-size} / 2)
+    transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2))
+
+    @include tools.rtl()
+      transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2))
+
+    &:last-child
+      bottom: calc(0% + var(--v-slider-tick-size) + 1px)
+
+    .v-slider-track__tick-label
+      margin-inline-start: calc(var(--v-slider-track-size) / 2 + #{$slider-tick-label-margin-start})
+      transform: translateY(-50%)
+
+// Modifiers
+.v-slider-track__ticks--always-show, .v-slider--focused
+  .v-slider-track__tick
+    opacity: 1
+
+.v-slider-track__background--opacity
+  opacity: 0.38

package/lib/components/VSlider/_variables.scss

@@ -1,25 +1,34 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
+@use '../../styles/tools';
 
-$chip-group-no-color-opacity: .22 !default;
-$chip-group-opacity: .32 !default;
 $slider-horizontal-left: 8px !default;
 $slider-horizontal-min-height: 32px !default;
 $slider-horizontal-right: 8px !default;
 $slider-label-margin-end: 12px !default;
 $slider-label-margin-start: 12px !default;
 $slider-state-track-background-opacity: 0.4 !default;
-$slider-thumb-before-opacity: 0.3 !default;
+$slider-thumb-hover-opacity: var(--v-hover-opacity) !default;
+$slider-thumb-focus-opacity: var(--v-focus-opacity) !default;
+$slider-thumb-pressed-opacity: var(--v-pressed-opacity) !default;
 $slider-thumb-border-radius: 50% !default;
 $slider-thumb-focused-size-increase: 24px !default;
-$slider-thumb-label-font-size: map-deep-get($headings, 'caption', 'size') !default;
-$slider-thumb-label-height: 32px !default;
-$slider-thumb-label-transition: .3s map-get($transition, 'fast-in-fast-out') !default;
-$slider-thumb-label-width: 32px !default;
-$slider-thumb-size: 12px !default;
-$slider-tick-border-radius: 0 !default;
-$slider-track-border-radius: 0 !default;
-$slider-track-width: 2px !default;
-$slider-transition: .3s map-get($transition, 'swing') !default;
+$slider-thumb-label-font-size: tools.map-deep-get(settings.$typography, 'caption', 'size') !default;
+$slider-thumb-label-border-radius: 4px !default;
+$slider-thumb-label-height: 25px !default;
+$slider-thumb-label-min-width: 35px !default;
+$slider-thumb-label-wedge-size: 6px !default;
+$slider-thumb-label-offset: calc(var(--v-slider-thumb-size) / 2) !default;
+$slider-thumb-label-transition: .2s settings.$accelerated-easing !default;
+$slider-thumb-label-padding: 6px !default;
+$slider-thumb-touch-size: 42px !default;
+$slider-tick-border-radius: 2px !default;
+$slider-tick-label-margin-top: 8px !default;
+$slider-tick-label-margin-start: 12px !default;
+$slider-track-border-radius: 6px !default;
+$slider-track-active-size-offset: 2px !default;
+$slider-transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1) !default;
 $slider-vertical-margin-bottom: 12px !default;
 $slider-vertical-margin-top: 12px !default;
-$slider-vertical-min-height: 150px !default;
+$slider-vertical-min-height: 300px !default;
+
+$slider-track-active-size: calc(var(--v-slider-track-size) + #{$slider-track-active-size-offset}) !default;

package/lib/components/VSlider/index.mjs

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

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

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

package/lib/components/VSlider/slider.mjs

@@ -0,0 +1,300 @@
+/* eslint-disable max-statements */
+// Composables
+import { useRtl } from "../../composables/rtl.mjs";
+import { makeRoundedProps } from "../../composables/rounded.mjs";
+import { makeElevationProps } from "../../composables/elevation.mjs"; // Utilities
+
+import { computed, provide, ref, toRef } from 'vue';
+import { clamp, createRange, propsFactory } from "../../util/index.mjs"; // Types
+
+export const VSliderSymbol = Symbol.for('vuetify:v-slider');
+export function getOffset(e, el, direction) {
+  const vertical = direction === 'vertical';
+  const rect = el.getBoundingClientRect();
+  const touch = 'touches' in e ? e.touches[0] : e;
+  return vertical ? touch.clientY - (rect.top + rect.height / 2) : touch.clientX - (rect.left + rect.width / 2);
+}
+
+function getPosition(e, position) {
+  if ('touches' in e && e.touches.length) return e.touches[0][position];else if ('changedTouches' in e && e.changedTouches.length) return e.changedTouches[0][position];else return e[position];
+}
+
+export const makeSliderProps = propsFactory({
+  disabled: Boolean,
+  error: Boolean,
+  readonly: Boolean,
+  max: {
+    type: [Number, String],
+    default: 100
+  },
+  min: {
+    type: [Number, String],
+    default: 0
+  },
+  step: {
+    type: [Number, String],
+    default: 0
+  },
+  thumbColor: String,
+  thumbLabel: {
+    type: [Boolean, String],
+    default: undefined,
+    validator: v => typeof v === 'boolean' || v === 'always'
+  },
+  thumbSize: {
+    type: [Number, String],
+    default: 20
+  },
+  showTicks: {
+    type: [Boolean, String],
+    default: false,
+    validator: v => typeof v === 'boolean' || v === 'always'
+  },
+  ticks: {
+    type: [Array, Object]
+  },
+  tickSize: {
+    type: [Number, String],
+    default: 2
+  },
+  color: String,
+  trackColor: String,
+  trackFillColor: String,
+  trackSize: {
+    type: [Number, String],
+    default: 4
+  },
+  direction: {
+    type: String,
+    default: 'horizontal',
+    validator: v => ['vertical', 'horizontal'].includes(v)
+  },
+  reverse: Boolean,
+  ...makeRoundedProps(),
+  ...makeElevationProps({
+    elevation: 2
+  })
+}, 'slider');
+export const useSlider = _ref => {
+  let {
+    props,
+    handleSliderMouseUp,
+    handleMouseMove,
+    getActiveThumb
+  } = _ref;
+  const {
+    isRtl
+  } = useRtl();
+  const isReversed = computed(() => isRtl.value !== props.reverse);
+  const horizontalDirection = computed(() => {
+    let hd = isRtl.value ? 'rtl' : 'ltr';
+
+    if (props.reverse) {
+      hd = hd === 'rtl' ? 'ltr' : 'rtl';
+    }
+
+    return hd;
+  });
+  const min = computed(() => parseFloat(props.min));
+  const max = computed(() => parseFloat(props.max));
+  const step = computed(() => props.step > 0 ? parseFloat(props.step) : 0);
+  const decimals = computed(() => {
+    const trimmedStep = step.value.toString().trim();
+    return trimmedStep.includes('.') ? trimmedStep.length - trimmedStep.indexOf('.') - 1 : 0;
+  });
+  const thumbSize = computed(() => parseInt(props.thumbSize, 10));
+  const tickSize = computed(() => parseInt(props.tickSize, 10));
+  const trackSize = computed(() => parseInt(props.trackSize, 10));
+  const numTicks = computed(() => (max.value - min.value) / step.value);
+  const disabled = toRef(props, 'disabled');
+  const vertical = computed(() => props.direction === 'vertical');
+  const thumbColor = computed(() => {
+    var _props$thumbColor;
+
+    return props.error || props.disabled ? undefined : (_props$thumbColor = props.thumbColor) != null ? _props$thumbColor : props.color;
+  });
+  const trackColor = computed(() => {
+    var _props$trackColor;
+
+    return props.error || props.disabled ? undefined : (_props$trackColor = props.trackColor) != null ? _props$trackColor : props.color;
+  });
+  const trackFillColor = computed(() => {
+    var _props$trackFillColor;
+
+    return props.error || props.disabled ? undefined : (_props$trackFillColor = props.trackFillColor) != null ? _props$trackFillColor : props.color;
+  });
+  const mousePressed = ref(false);
+  const startOffset = ref(0);
+  const trackContainerRef = ref();
+  const activeThumbRef = ref();
+
+  function roundValue(value) {
+    if (step.value <= 0) return value;
+    const clamped = clamp(value, min.value, max.value);
+    const offset = min.value % step.value;
+    const newValue = Math.round((clamped - offset) / step.value) * step.value + offset;
+    return parseFloat(Math.min(newValue, max.value).toFixed(decimals.value));
+  }
+
+  function parseMouseMove(e) {
+    var _trackContainerRef$va;
+
+    const vertical = props.direction === 'vertical';
+    const start = vertical ? 'top' : 'left';
+    const length = vertical ? 'height' : 'width';
+    const position = vertical ? 'clientY' : 'clientX';
+    const {
+      [start]: trackStart,
+      [length]: trackLength
+    } = (_trackContainerRef$va = trackContainerRef.value) == null ? void 0 : _trackContainerRef$va.$el.getBoundingClientRect();
+    const clickOffset = getPosition(e, position); // It is possible for left to be NaN, force to number
+
+    let clickPos = Math.min(Math.max((clickOffset - trackStart - startOffset.value) / trackLength, 0), 1) || 0;
+    if (vertical || isReversed.value) clickPos = 1 - clickPos;
+    return roundValue(min.value + clickPos * (max.value - min.value));
+  }
+
+  let thumbMoved = false;
+
+  const handleStop = e => {
+    if (!thumbMoved) {
+      startOffset.value = 0;
+      handleSliderMouseUp(parseMouseMove(e));
+    }
+
+    mousePressed.value = false;
+    thumbMoved = false;
+    startOffset.value = 0;
+  };
+
+  const handleStart = e => {
+    activeThumbRef.value = getActiveThumb(e);
+    if (!activeThumbRef.value) return;
+    activeThumbRef.value.focus();
+    mousePressed.value = true;
+
+    if (activeThumbRef.value.contains(e.target)) {
+      thumbMoved = true;
+      startOffset.value = getOffset(e, activeThumbRef.value, props.direction);
+    } else {
+      startOffset.value = 0;
+      handleMouseMove(parseMouseMove(e));
+    }
+  };
+
+  const moveListenerOptions = {
+    passive: true,
+    capture: true
+  };
+
+  function onMouseMove(e) {
+    thumbMoved = true;
+    handleMouseMove(parseMouseMove(e));
+  }
+
+  function onSliderMouseUp(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    handleStop(e);
+    window.removeEventListener('mousemove', onMouseMove, moveListenerOptions);
+    window.removeEventListener('mouseup', onSliderMouseUp);
+  }
+
+  function onSliderTouchend(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    handleStop(e);
+    window.removeEventListener('touchmove', onMouseMove, moveListenerOptions);
+    window.removeEventListener('touchend', onSliderTouchend);
+  }
+
+  function onSliderTouchstart(e) {
+    handleStart(e);
+    window.addEventListener('touchmove', onMouseMove, moveListenerOptions);
+    window.addEventListener('touchend', onSliderTouchend, {
+      passive: false
+    });
+  }
+
+  function onSliderMousedown(e) {
+    e.preventDefault();
+    handleStart(e);
+    window.addEventListener('mousemove', onMouseMove, moveListenerOptions);
+    window.addEventListener('mouseup', onSliderMouseUp, {
+      passive: false
+    });
+  }
+
+  const position = val => {
+    const percentage = (val - min.value) / (max.value - min.value) * 100;
+    return clamp(isNaN(percentage) ? 0 : percentage, 0, 100);
+  };
+
+  const parsedTicks = computed(() => {
+    if (!props.ticks) {
+      return numTicks.value !== Infinity ? createRange(numTicks.value + 1).map(t => {
+        const value = min.value + t * step.value;
+        return {
+          value,
+          position: position(value)
+        };
+      }) : [];
+    }
+
+    if (Array.isArray(props.ticks)) return props.ticks.map(t => ({
+      value: t,
+      position: position(t),
+      label: t.toString()
+    }));
+    return Object.keys(props.ticks).map(key => ({
+      value: parseInt(key, 10),
+      position: position(parseInt(key, 10)),
+      label: props.ticks[key]
+    }));
+  });
+  const hasLabels = computed(() => parsedTicks.value.some(_ref2 => {
+    let {
+      label
+    } = _ref2;
+    return !!label;
+  }));
+  const data = {
+    activeThumbRef,
+    color: toRef(props, 'color'),
+    decimals,
+    disabled,
+    direction: toRef(props, 'direction'),
+    elevation: toRef(props, 'elevation'),
+    hasLabels,
+    horizontalDirection,
+    isReversed,
+    min,
+    max,
+    mousePressed,
+    numTicks,
+    onSliderMousedown,
+    onSliderTouchstart,
+    parsedTicks,
+    parseMouseMove,
+    position,
+    readonly: toRef(props, 'readonly'),
+    rounded: toRef(props, 'rounded'),
+    roundValue,
+    showTicks: toRef(props, 'showTicks'),
+    startOffset,
+    step,
+    thumbSize,
+    thumbColor,
+    thumbLabel: toRef(props, 'thumbLabel'),
+    ticks: toRef(props, 'ticks'),
+    tickSize,
+    trackColor,
+    trackContainerRef,
+    trackFillColor,
+    trackSize,
+    vertical
+  };
+  provide(VSliderSymbol, data);
+  return data;
+};
+//# sourceMappingURL=slider.mjs.map

package/lib/components/VSlider/slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VSlider/slider.ts"],"names":["useRtl","makeRoundedProps","makeElevationProps","computed","provide","ref","toRef","clamp","createRange","propsFactory","VSliderSymbol","Symbol","for","getOffset","e","el","direction","vertical","rect","getBoundingClientRect","touch","touches","clientY","top","height","clientX","left","width","getPosition","position","length","changedTouches","makeSliderProps","disabled","Boolean","error","readonly","max","type","Number","String","default","min","step","thumbColor","thumbLabel","undefined","validator","v","thumbSize","showTicks","ticks","Array","Object","tickSize","color","trackColor","trackFillColor","trackSize","includes","reverse","elevation","useSlider","props","handleSliderMouseUp","handleMouseMove","getActiveThumb","isRtl","isReversed","value","horizontalDirection","hd","parseFloat","decimals","trimmedStep","toString","trim","indexOf","parseInt","numTicks","mousePressed","startOffset","trackContainerRef","activeThumbRef","roundValue","clamped","offset","newValue","Math","round","toFixed","parseMouseMove","start","trackStart","trackLength","$el","clickOffset","clickPos","thumbMoved","handleStop","handleStart","focus","contains","target","moveListenerOptions","passive","capture","onMouseMove","onSliderMouseUp","stopPropagation","preventDefault","window","removeEventListener","onSliderTouchend","onSliderTouchstart","addEventListener","onSliderMousedown","val","percentage","isNaN","parsedTicks","Infinity","map","t","isArray","label","keys","key","hasLabels","some","data","rounded"],"mappings":"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","sourcesContent":["/* eslint-disable max-statements */\n// Composables\nimport { useRtl } from '@/composables/rtl'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeElevationProps } from '@/composables/elevation'\n\n// Utilities\nimport { computed, provide, ref, toRef } from 'vue'\nimport { clamp, createRange, propsFactory } from '@/util'\n\n// Types\nimport type { ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue'\nimport type { VSliderTrack } from './VSliderTrack'\n\ntype Tick = {\n  value: number\n  position: number\n  label?: string\n}\n\ntype SliderProvide = {\n  activeThumbRef: Ref<HTMLElement | undefined>\n  color: Ref<string | undefined>\n  decimals: Ref<number>\n  direction: Ref<'vertical' | 'horizontal'>\n  disabled: Ref<boolean | undefined>\n  elevation: Ref<number | string | undefined>\n  min: Ref<number>\n  max: Ref<number>\n  mousePressed: Ref<boolean>\n  numTicks: Ref<number>\n  onSliderMousedown: (e: MouseEvent) => void\n  onSliderTouchstart: (e: TouchEvent) => void\n  parseMouseMove: (e: MouseEvent | TouchEvent) => number\n  position: (val: number) => number\n  readonly: Ref<boolean | undefined>\n  rounded: Ref<boolean | number | string | undefined>\n  roundValue: (value: number) => number\n  thumbLabel: Ref<boolean | string | undefined>\n  showTicks: Ref<boolean | 'always'>\n  startOffset: Ref<number>\n  step: Ref<number>\n  thumbSize: Ref<number>\n  thumbColor: Ref<string | undefined>\n  trackColor: Ref<string | undefined>\n  trackFillColor: Ref<string | undefined>\n  trackSize: Ref<number>\n  ticks: Ref<number[] | Record<string, string> | undefined>\n  tickSize: Ref<number>\n  trackContainerRef: Ref<VSliderTrack | undefined>\n  vertical: Ref<boolean>\n  parsedTicks: Ref<Tick[]>\n  hasLabels: Ref<boolean>\n  isReversed: Ref<boolean>\n  horizontalDirection: Ref<'ltr' | 'rtl'>\n}\n\nexport const VSliderSymbol: InjectionKey<SliderProvide> = Symbol.for('vuetify:v-slider')\n\nexport function getOffset (e: MouseEvent | TouchEvent, el: HTMLElement, direction: string) {\n  const vertical = direction === 'vertical'\n  const rect = el.getBoundingClientRect()\n  const touch = 'touches' in e ? e.touches[0] : e\n  return vertical\n    ? touch.clientY - (rect.top + rect.height / 2)\n    : touch.clientX - (rect.left + rect.width / 2)\n}\n\nfunction getPosition (e: MouseEvent | TouchEvent, position: 'clientX' | 'clientY'): number {\n  if ('touches' in e && e.touches.length) return e.touches[0][position]\n  else if ('changedTouches' in e && e.changedTouches.length) return e.changedTouches[0][position]\n  else return (e as MouseEvent)[position]\n}\n\nexport const makeSliderProps = propsFactory({\n  disabled: Boolean,\n  error: Boolean,\n  readonly: Boolean,\n  max: {\n    type: [Number, String],\n    default: 100,\n  },\n  min: {\n    type: [Number, String],\n    default: 0,\n  },\n  step: {\n    type: [Number, String],\n    default: 0,\n  },\n  thumbColor: String,\n  thumbLabel: {\n    type: [Boolean, String] as PropType<boolean | 'always' | undefined>,\n    default: undefined,\n    validator: (v: any) => typeof v === 'boolean' || v === 'always',\n  },\n  thumbSize: {\n    type: [Number, String],\n    default: 20,\n  },\n  showTicks: {\n    type: [Boolean, String] as PropType<boolean | 'always'>,\n    default: false,\n    validator: (v: any) => typeof v === 'boolean' || v === 'always',\n  },\n  ticks: {\n    type: [Array, Object] as PropType<number[] | Record<number, string>>,\n  },\n  tickSize: {\n    type: [Number, String],\n    default: 2,\n  },\n  color: String,\n  trackColor: String,\n  trackFillColor: String,\n  trackSize: {\n    type: [Number, String],\n    default: 4,\n  },\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n    validator: (v: any) => ['vertical', 'horizontal'].includes(v),\n  },\n  reverse: Boolean,\n\n  ...makeRoundedProps(),\n  ...makeElevationProps({\n    elevation: 2,\n  }),\n}, 'slider')\n\ntype SliderProps = ExtractPropTypes<ReturnType<typeof makeSliderProps>>\n\nexport const useSlider = ({\n  props,\n  handleSliderMouseUp,\n  handleMouseMove,\n  getActiveThumb,\n}: {\n  props: SliderProps\n  handleSliderMouseUp: (v: number) => void\n  handleMouseMove: (v: number) => void\n  getActiveThumb: (e: MouseEvent | TouchEvent) => HTMLElement\n}) => {\n  const { isRtl } = useRtl()\n  const isReversed = computed(() => isRtl.value !== props.reverse)\n  const horizontalDirection = computed(() => {\n    let hd: 'ltr' | 'rtl' = isRtl.value ? 'rtl' : 'ltr'\n\n    if (props.reverse) {\n      hd = hd === 'rtl' ? 'ltr' : 'rtl'\n    }\n\n    return hd\n  })\n  const min = computed(() => parseFloat(props.min))\n  const max = computed(() => parseFloat(props.max))\n  const step = computed(() => props.step > 0 ? parseFloat(props.step) : 0)\n  const decimals = computed(() => {\n    const trimmedStep = step.value.toString().trim()\n    return trimmedStep.includes('.')\n      ? (trimmedStep.length - trimmedStep.indexOf('.') - 1)\n      : 0\n  })\n\n  const thumbSize = computed(() => parseInt(props.thumbSize, 10))\n  const tickSize = computed(() => parseInt(props.tickSize, 10))\n  const trackSize = computed(() => parseInt(props.trackSize, 10))\n  const numTicks = computed(() => (max.value - min.value) / step.value)\n  const disabled = toRef(props, 'disabled')\n  const vertical = computed(() => props.direction === 'vertical')\n\n  const thumbColor = computed(() => props.error || props.disabled ? undefined : props.thumbColor ?? props.color)\n  const trackColor = computed(() => props.error || props.disabled ? undefined : props.trackColor ?? props.color)\n  const trackFillColor = computed(() => props.error || props.disabled ? undefined : props.trackFillColor ?? props.color)\n\n  const mousePressed = ref(false)\n\n  const startOffset = ref(0)\n  const trackContainerRef = ref<VSliderTrack | undefined>()\n  const activeThumbRef = ref<HTMLElement | undefined>()\n\n  function roundValue (value: number) {\n    if (step.value <= 0) return value\n\n    const clamped = clamp(value, min.value, max.value)\n    const offset = min.value % step.value\n    const newValue = Math.round((clamped - offset) / step.value) * step.value + offset\n\n    return parseFloat(Math.min(newValue, max.value).toFixed(decimals.value))\n  }\n\n  function parseMouseMove (e: MouseEvent | TouchEvent): number {\n    const vertical = props.direction === 'vertical'\n    const start = vertical ? 'top' : 'left'\n    const length = vertical ? 'height' : 'width'\n    const position = vertical ? 'clientY' : 'clientX'\n\n    const {\n      [start]: trackStart,\n      [length]: trackLength,\n    } = trackContainerRef.value?.$el.getBoundingClientRect()\n    const clickOffset = getPosition(e, position)\n\n    // It is possible for left to be NaN, force to number\n    let clickPos = Math.min(Math.max((clickOffset - trackStart - startOffset.value) / trackLength, 0), 1) || 0\n\n    if (vertical || isReversed.value) clickPos = 1 - clickPos\n\n    return roundValue(min.value + clickPos * (max.value - min.value))\n  }\n\n  let thumbMoved = false\n\n  const handleStop = (e: MouseEvent | TouchEvent) => {\n    if (!thumbMoved) {\n      startOffset.value = 0\n      handleSliderMouseUp(parseMouseMove(e))\n    }\n\n    mousePressed.value = false\n    thumbMoved = false\n    startOffset.value = 0\n  }\n\n  const handleStart = (e: MouseEvent | TouchEvent) => {\n    activeThumbRef.value = getActiveThumb(e)\n\n    if (!activeThumbRef.value) return\n\n    activeThumbRef.value.focus()\n    mousePressed.value = true\n\n    if (activeThumbRef.value.contains(e.target as Node)) {\n      thumbMoved = true\n      startOffset.value = getOffset(e, activeThumbRef.value, props.direction)\n    } else {\n      startOffset.value = 0\n      handleMouseMove(parseMouseMove(e))\n    }\n  }\n\n  const moveListenerOptions = { passive: true, capture: true }\n\n  function onMouseMove (e: MouseEvent | TouchEvent) {\n    thumbMoved = true\n    handleMouseMove(parseMouseMove(e))\n  }\n\n  function onSliderMouseUp (e: MouseEvent) {\n    e.stopPropagation()\n    e.preventDefault()\n\n    handleStop(e)\n\n    window.removeEventListener('mousemove', onMouseMove, moveListenerOptions)\n    window.removeEventListener('mouseup', onSliderMouseUp)\n  }\n\n  function onSliderTouchend (e: TouchEvent) {\n    e.stopPropagation()\n    e.preventDefault()\n\n    handleStop(e)\n\n    window.removeEventListener('touchmove', onMouseMove, moveListenerOptions)\n    window.removeEventListener('touchend', onSliderTouchend)\n  }\n\n  function onSliderTouchstart (e: TouchEvent) {\n    handleStart(e)\n\n    window.addEventListener('touchmove', onMouseMove, moveListenerOptions)\n    window.addEventListener('touchend', onSliderTouchend, { passive: false })\n  }\n\n  function onSliderMousedown (e: MouseEvent) {\n    e.preventDefault()\n\n    handleStart(e)\n\n    window.addEventListener('mousemove', onMouseMove, moveListenerOptions)\n    window.addEventListener('mouseup', onSliderMouseUp, { passive: false })\n  }\n\n  const position = (val: number) => {\n    const percentage = (val - min.value) / (max.value - min.value) * 100\n    return clamp(isNaN(percentage) ? 0 : percentage, 0, 100)\n  }\n\n  const parsedTicks = computed<Tick[]>(() => {\n    if (!props.ticks) {\n      return numTicks.value !== Infinity ? createRange(numTicks.value + 1).map(t => {\n        const value = min.value + (t * step.value)\n        return {\n          value,\n          position: position(value),\n        }\n      }) : []\n    }\n    if (Array.isArray(props.ticks)) return props.ticks.map(t => ({ value: t, position: position(t), label: t.toString() }))\n    return Object.keys(props.ticks).map(key => ({\n      value: parseInt(key, 10),\n      position: position(parseInt(key, 10)),\n      label: (props.ticks as Record<string, string>)[key],\n    }))\n  })\n\n  const hasLabels = computed(() => parsedTicks.value.some(({ label }) => !!label))\n\n  const data: SliderProvide = {\n    activeThumbRef,\n    color: toRef(props, 'color'),\n    decimals,\n    disabled,\n    direction: toRef(props, 'direction'),\n    elevation: toRef(props, 'elevation'),\n    hasLabels,\n    horizontalDirection,\n    isReversed,\n    min,\n    max,\n    mousePressed,\n    numTicks,\n    onSliderMousedown,\n    onSliderTouchstart,\n    parsedTicks,\n    parseMouseMove,\n    position,\n    readonly: toRef(props, 'readonly'),\n    rounded: toRef(props, 'rounded'),\n    roundValue,\n    showTicks: toRef(props, 'showTicks'),\n    startOffset,\n    step,\n    thumbSize,\n    thumbColor,\n    thumbLabel: toRef(props, 'thumbLabel'),\n    ticks: toRef(props, 'ticks'),\n    tickSize,\n    trackColor,\n    trackContainerRef,\n    trackFillColor,\n    trackSize,\n    vertical,\n  }\n\n  provide(VSliderSymbol, data)\n\n  return data\n}\n"],"file":"slider.mjs"}