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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRadioGroup/VRadioGroup.tsx"],"names":["filterInputProps","makeVInputProps","VInput","VLabel","VSelectionControlGroup","filterControlProps","makeSelectionControlProps","computed","defineComponent","filterInputAttrs","getUid","useRender","VRadioGroup","name","inheritAttrs","props","height","type","Number","String","default","trueIcon","falseIcon","setup","attrs","slots","uid","id","inputAttrs","controlAttrs","inputProps","_1","controlProps","_2","label","for","value","isDisabled","isReadonly"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,gB,EAAkBC,e,EAAiBC,M;SACnCC,M;SACAC,sB;SACAC,kB,EAAoBC,yB,sDAE7B;;AACA,SAASC,QAAT,EAAmBC,eAAnB,QAA0C,KAA1C;SACSC,gB,EAAkBC,M,EAAQC,S;AAEnC,OAAO,MAAMC,WAAW,GAAGJ,eAAe,CAAC;AACzCK,EAAAA,IAAI,EAAE,aADmC;AAGzCC,EAAAA,YAAY,EAAE,KAH2B;AAKzCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADA;AAENC,MAAAA,OAAO,EAAE;AAFH,KADH;AAML,OAAGnB,eAAe,EANb;AAOL,OAAGK,yBAAyB,EAPvB;AASLe,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,IAAI,EAAEE,MADE;AAERC,MAAAA,OAAO,EAAE;AAFD,KATL;AAaLE,IAAAA,SAAS,EAAE;AACTL,MAAAA,IAAI,EAAEE,MADG;AAETC,MAAAA,OAAO,EAAE;AAFA,KAbN;AAiBLH,IAAAA,IAAI,EAAE;AACJA,MAAAA,IAAI,EAAEE,MADF;AAEJC,MAAAA,OAAO,EAAE;AAFL;AAjBD,GALkC;;AA4BzCG,EAAAA,KAAK,CAAER,KAAF,QAA2B;AAAA,QAAlB;AAAES,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9B,UAAMC,GAAG,GAAGhB,MAAM,EAAlB;AACA,UAAMiB,EAAE,GAAGpB,QAAQ,CAAC,MAAMQ,KAAK,CAACY,EAAN,IAAa,eAAcD,GAAI,EAAtC,CAAnB;AAEAf,IAAAA,SAAS,CAAC,MAAM;AACd,YAAM,CAACiB,UAAD,EAAaC,YAAb,IAA6BpB,gBAAgB,CAACe,KAAD,CAAnD;AACA,YAAM,CAACM,UAAD,EAAaC,EAAb,IAAmB/B,gBAAgB,CAACe,KAAD,CAAzC;AACA,YAAM,CAACiB,YAAD,EAAeC,EAAf,IAAqB5B,kBAAkB,CAACU,KAAD,CAA7C;AACA,YAAMmB,KAAK,GAAGT,KAAK,CAACS,KAAN,GACVT,KAAK,CAACS,KAAN,CAAY;AACZA,QAAAA,KAAK,EAAEnB,KAAK,CAACmB,KADD;AAEZnB,QAAAA,KAAK,EAAE;AAAEoB,UAAAA,GAAG,EAAER,EAAE,CAACS;AAAV;AAFK,OAAZ,CADU,GAKVrB,KAAK,CAACmB,KALV;AAOA;AAAA,iBAEU;AAFV,SAGSN,UAHT,EAISE,UAJT,KAOM,GAAGL,KAPT;AAQML,QAAAA,OAAO,EAAE;AAAA,cAAC;AACRiB,YAAAA,UADQ;AAERC,YAAAA;AAFQ,WAAD;AAAA,gDAKHJ,KAAK;AAAA,mBACSP,EAAE,CAACS;AADZ;AAAA,4BAEDF,KAFC;AAAA,YALF,mDAYEF,YAZF;AAAA,kBAaEL,EAAE,CAACS,KAbL;AAAA,wBAcQrB,KAAK,CAACM,QAdd;AAAA,yBAeSN,KAAK,CAACO,SAff;AAAA,oBAgBIP,KAAK,CAACE,IAhBV;AAAA,wBAiBQoB,UAAU,CAACD,KAjBnB;AAAA,wBAkBQE,UAAU,CAACF;AAlBnB,aAmBEP,YAnBF,GAoBOJ,KApBP;AAAA;AARf;AAmCD,KA9CQ,CAAT;AAgDA,WAAO,EAAP;AACD;;AAjFwC,CAAD,CAAnC","sourcesContent":["// Styles\nimport './VRadioGroup.sass'\n\n// Components\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VLabel } from '@/components/VLabel'\nimport { VSelectionControlGroup } from '@/components/VSelectionControlGroup'\nimport { filterControlProps, makeSelectionControlProps } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utility\nimport { computed, defineComponent } from 'vue'\nimport { filterInputAttrs, getUid, useRender } from '@/util'\n\nexport const VRadioGroup = defineComponent({\n  name: 'VRadioGroup',\n\n  inheritAttrs: false,\n\n  props: {\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n\n    ...makeVInputProps(),\n    ...makeSelectionControlProps(),\n\n    trueIcon: {\n      type: String,\n      default: '$radioOn',\n    },\n    falseIcon: {\n      type: String,\n      default: '$radioOff',\n    },\n    type: {\n      type: String,\n      default: 'radio',\n    },\n  },\n\n  setup (props, { attrs, slots }) {\n    const uid = getUid()\n    const id = computed(() => props.id || `radio-group-${uid}`)\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = filterInputProps(props)\n      const [controlProps, _2] = filterControlProps(props)\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n\n      return (\n        <VInput\n          class=\"v-radio-group\"\n          { ...inputAttrs }\n          { ...inputProps }\n        >\n          {{\n            ...slots,\n            default: ({\n              isDisabled,\n              isReadonly,\n            }) => (\n              <>\n                { label && (\n                  <VLabel for={ id.value }>\n                    { label }\n                  </VLabel>\n                ) }\n\n                <VSelectionControlGroup\n                  { ...controlProps }\n                  id={ id.value }\n                  trueIcon={ props.trueIcon }\n                  falseIcon={ props.falseIcon }\n                  type={ props.type }\n                  disabled={ isDisabled.value }\n                  readonly={ isReadonly.value }\n                  { ...controlAttrs }\n                  v-slots={ slots }\n                />\n              </>\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n"],"file":"VRadioGroup.mjs"}
+{"version":3,"file":"VRadioGroup.mjs","names":["filterControlProps","makeSelectionControlProps","filterInputProps","makeVInputProps","VInput","VLabel","VSelectionControlGroup","IconValue","provideDefaults","useProxiedModel","computed","toRef","defineComponent","filterInputAttrs","getUid","useRender","VRadioGroup","name","inheritAttrs","props","height","type","Number","String","default","trueIcon","falseIcon","emits","val","setup","attrs","slots","uid","id","model","VRadio","color","density","inputAttrs","controlAttrs","inputProps","_1","controlProps","_2","label","for","value","isDisabled","isReadonly"],"sources":["../../../src/components/VRadioGroup/VRadioGroup.tsx"],"sourcesContent":["// Styles\nimport './VRadioGroup.sass'\n\n// Components\nimport { filterControlProps, makeSelectionControlProps } from '@/components/VSelectionControl/VSelectionControl'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VLabel } from '@/components/VLabel'\nimport { VSelectionControlGroup } from '@/components/VSelectionControlGroup'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent, filterInputAttrs, getUid, useRender } from '@/util'\n\nexport const VRadioGroup = defineComponent({\n  name: 'VRadioGroup',\n\n  inheritAttrs: false,\n\n  props: {\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n\n    ...makeVInputProps(),\n    ...makeSelectionControlProps(),\n\n    trueIcon: {\n      type: IconValue,\n      default: '$radioOn',\n    },\n    falseIcon: {\n      type: IconValue,\n      default: '$radioOff',\n    },\n    type: {\n      type: String,\n      default: 'radio',\n    },\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const uid = getUid()\n    const id = computed(() => props.id || `radio-group-${uid}`)\n    const model = useProxiedModel(props, 'modelValue')\n\n    provideDefaults({\n      VRadio: {\n        color: toRef(props, 'color'),\n        density: toRef(props, 'density'),\n      },\n    })\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = filterInputProps(props)\n      const [controlProps, _2] = filterControlProps(props)\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n\n      return (\n        <VInput\n          class=\"v-radio-group\"\n          { ...inputAttrs }\n          { ...inputProps }\n          v-model={ model.value }\n          id={ id.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <>\n                { label && (\n                  <VLabel for={ id.value } clickable>\n                    { label }\n                  </VLabel>\n                ) }\n\n                <VSelectionControlGroup\n                  { ...controlProps }\n                  id={ id.value }\n                  trueIcon={ props.trueIcon }\n                  falseIcon={ props.falseIcon }\n                  type={ props.type }\n                  disabled={ isDisabled.value }\n                  readonly={ isReadonly.value }\n                  { ...controlAttrs }\n                  v-model={ model.value }\n                  v-slots={ slots }\n                />\n              </>\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n"],"mappings":"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"}

package/lib/components/VRadioGroup/VRadioGroup.sass

@@ -1,9 +1,11 @@
+@use './variables' as *
+
 .v-radio-group
-  grid-template-areas: "prepend label append" ". control ." "a messages b"
+  > .v-input__control
+    flex-direction: column
 
   > .v-label
-    grid-area: label
-    margin-inline-start: 12px
+    margin-inline-start: $radio-group-label-margin-inline-start
 
     + .v-selection-control-group
-      margin-top: 16px
+      margin-top: $radio-group-label-selection-group-margin-top

package/lib/components/VRadioGroup/_variables.scss

@@ -1,4 +1,2 @@
-@use '../../styles/settings';
-@use '../../styles/tools';
-
-// Defaults
+$radio-group-label-margin-inline-start: 12px !default;
+$radio-group-label-selection-group-margin-top: 16px !default;

package/lib/components/VRadioGroup/index.d.ts

@@ -0,0 +1,186 @@
+import * as vue from 'vue';
+import { PropType, JSXComponent } from 'vue';
+
+declare function deepEqual(a: any, b: any): boolean;
+declare type EventProp<T = (...args: any[]) => any> = T | T[];
+declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
+
+declare type ValidationResult = string | boolean;
+declare type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VRadioGroup: vue.DefineComponent<{
+    trueIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    falseIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    label: StringConstructor;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    trueValue: null;
+    falseValue: null;
+    modelValue: null;
+    value: null;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    errorMessages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rules: {
+        type: vue.PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validationValue: null;
+    appendIcon: vue.PropType<IconValue>;
+    prependIcon: vue.PropType<IconValue>;
+    hideDetails: vue.PropType<boolean | "auto">;
+    messages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (val: any) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    trueIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    falseIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    label: StringConstructor;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    trueValue: null;
+    falseValue: null;
+    modelValue: null;
+    value: null;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    errorMessages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rules: {
+        type: vue.PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validationValue: null;
+    appendIcon: vue.PropType<IconValue>;
+    prependIcon: vue.PropType<IconValue>;
+    hideDetails: vue.PropType<boolean | "auto">;
+    messages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+}, {
+    type: string;
+    inline: boolean;
+    error: boolean;
+    height: string | number;
+    direction: "horizontal" | "vertical";
+    disabled: boolean;
+    multiple: boolean | null;
+    readonly: boolean;
+    messages: string | string[];
+    density: "default" | "compact" | "comfortable" | null;
+    ripple: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    falseIcon: IconValue;
+    trueIcon: IconValue;
+    valueComparator: typeof deepEqual;
+}>;
+
+export { VRadioGroup };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRadioGroup/index.ts"],"names":["VRadioGroup"],"mappings":"SAASA,W","sourcesContent":["export { VRadioGroup } from './VRadioGroup'\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,16 +1,19 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-// Components
-import { VInput } from "../VInput/index.mjs";
+import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+// Styles
+import "../VSlider/VSlider.css"; // Components
+
+import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
+import { getOffset, makeSliderProps, useSlider } from "../VSlider/slider.mjs";
+import { VLabel } from "../VLabel/index.mjs";
 import { VSliderThumb } from "../VSlider/VSliderThumb.mjs";
 import { VSliderTrack } from "../VSlider/VSliderTrack.mjs"; // Composables
 
-import { getOffset, makeSliderProps, useSlider } from "../VSlider/slider.mjs";
 import { makeFocusProps, useFocus } from "../../composables/focus.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 
-import { computed, defineComponent, ref } from 'vue'; // Types
+import { computed, ref } from 'vue';
+import { defineComponent, useRender } from "../../util/index.mjs"; // Types
 
-import { filterInputProps, makeVInputProps } from "../VInput/VInput.mjs";
 export const VRangeSlider = defineComponent({
   name: 'VRangeSlider',
   props: { ...makeFocusProps(),
@@ -29,8 +32,7 @@ export const VRangeSlider = defineComponent({
 
   setup(props, _ref) {
     let {
-      slots,
-      attrs
+      slots
     } = _ref;
     const startThumbRef = ref();
     const stopThumbRef = ref();
@@ -46,16 +48,16 @@ export const VRangeSlider = defineComponent({
     }
 
     const {
-      min,
+      activeThumbRef,
+      hasLabels,
       max,
+      min,
       mousePressed,
-      roundValue,
       onSliderMousedown,
       onSliderTouchstart,
-      trackContainerRef,
       position,
-      hasLabels,
-      activeThumbRef
+      roundValue,
+      trackContainerRef
     } = useSlider({
       /* eslint-disable @typescript-eslint/no-use-before-define */
       props,
@@ -97,8 +99,9 @@ export const VRangeSlider = defineComponent({
     } = useFocus(props);
     const trackStart = computed(() => position(model.value[0]));
     const trackStop = computed(() => position(model.value[1]));
-    return () => {
+    useRender(() => {
       const [inputProps, _] = filterInputProps(props);
+      const hasPrepend = !!(props.label || slots.label || slots.prepend);
       return _createVNode(VInput, _mergeProps({
         "class": ['v-slider', 'v-range-slider', {
           'v-slider--has-labels': !!slots['tick-label'] || hasLabels.value,
@@ -110,6 +113,14 @@ export const VRangeSlider = defineComponent({
       }, inputProps, {
         "focused": isFocused.value
       }), { ...slots,
+        prepend: hasPrepend ? slotProps => {
+          var _slots$label, _slots$prepend;
+
+          return _createVNode(_Fragment, null, [((_slots$label = slots.label) == null ? void 0 : _slots$label.call(slots, slotProps)) ?? props.label ? _createVNode(VLabel, {
+            "class": "v-slider__label",
+            "text": props.label
+          }, null) : undefined, (_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots, slotProps)]);
+        } : undefined,
         default: _ref2 => {
           var _startThumbRef$value4, _stopThumbRef$value4;
 
@@ -203,7 +214,8 @@ export const VRangeSlider = defineComponent({
           })]);
         }
       });
-    };
+    });
+    return {};
   }
 
 });

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":["filterInputProps","makeVInputProps","VInput","getOffset","makeSliderProps","useSlider","VLabel","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","_","hasPrepend","label","prepend","disabled","slotProps","id","readonly","v","relatedTarget"],"sources":["../../../src/components/VRangeSlider/VRangeSlider.tsx"],"sourcesContent":["// Styles\nimport '../VSlider/VSlider.sass'\n\n// Components\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { getOffset, makeSliderProps, useSlider } from '@/components/VSlider/slider'\nimport { VLabel } from '@/components/VLabel'\nimport { VSliderThumb } from '@/components/VSlider/VSliderThumb'\nimport { VSliderTrack } from '@/components/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]> & { readonly externalValue: 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      const hasPrepend = !!(props.label || slots.label || slots.prepend)\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            prepend: hasPrepend ? slotProps => (\n              <>\n                { slots.label?.(slotProps) ?? props.label\n                  ? (\n                    <VLabel\n                      class=\"v-slider__label\"\n                      text={ props.label }\n                    />\n                  ) : undefined\n                }\n\n                { slots.prepend?.(slotProps) }\n              </>\n            ) : undefined,\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.d.ts

@@ -0,0 +1,242 @@
+import * as vue from 'vue';
+import { PropType, JSXComponent } from 'vue';
+
+declare type EventProp<T = (...args: any[]) => any> = T | T[];
+declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare type ValidationResult = string | boolean;
+declare type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+
+declare const VRangeSlider: vue.DefineComponent<{
+    strict: BooleanConstructor;
+    modelValue: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    elevation: Omit<{
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    }, "type" | "default"> & {
+        type: PropType<string | number>;
+        default: string | number;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    readonly: BooleanConstructor;
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    thumbColor: StringConstructor;
+    thumbLabel: {
+        type: PropType<boolean | "always" | undefined>;
+        default: undefined;
+        validator: (v: any) => boolean;
+    };
+    thumbSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    showTicks: {
+        type: PropType<boolean | "always">;
+        default: boolean;
+        validator: (v: any) => boolean;
+    };
+    ticks: {
+        type: PropType<number[] | Record<number, string>>;
+    };
+    tickSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    color: StringConstructor;
+    trackColor: StringConstructor;
+    trackFillColor: StringConstructor;
+    trackSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    reverse: BooleanConstructor;
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    label: StringConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validationValue: null;
+    density: {
+        type: PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
+    hideDetails: PropType<boolean | "auto">;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    focused: BooleanConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:focused': (value: boolean) => true;
+    'update:modelValue': (value: [number, number]) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    strict: BooleanConstructor;
+    modelValue: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    elevation: Omit<{
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    }, "type" | "default"> & {
+        type: PropType<string | number>;
+        default: string | number;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    readonly: BooleanConstructor;
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    thumbColor: StringConstructor;
+    thumbLabel: {
+        type: PropType<boolean | "always" | undefined>;
+        default: undefined;
+        validator: (v: any) => boolean;
+    };
+    thumbSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    showTicks: {
+        type: PropType<boolean | "always">;
+        default: boolean;
+        validator: (v: any) => boolean;
+    };
+    ticks: {
+        type: PropType<number[] | Record<number, string>>;
+    };
+    tickSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    color: StringConstructor;
+    trackColor: StringConstructor;
+    trackFillColor: StringConstructor;
+    trackSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    reverse: BooleanConstructor;
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    label: StringConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validationValue: null;
+    density: {
+        type: PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
+    hideDetails: PropType<boolean | "auto">;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    focused: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
+    "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+}, {
+    reverse: boolean;
+    max: string | number;
+    error: boolean;
+    direction: "horizontal" | "vertical";
+    disabled: boolean;
+    readonly: boolean;
+    strict: boolean;
+    step: string | number;
+    min: string | number;
+    elevation: string | number;
+    messages: string | string[];
+    rounded: string | number | boolean;
+    density: "default" | "compact" | "comfortable" | null;
+    modelValue: number[];
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    focused: boolean;
+    showTicks: boolean | "always";
+    tickSize: string | number;
+    trackSize: string | number;
+    thumbLabel: boolean | "always" | undefined;
+    thumbSize: string | number;
+}>;
+declare type VRangeSlider = InstanceType<typeof VRangeSlider>;
+
+export { VRangeSlider };

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"}