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

package/lib/components/VProgressLinear/VProgressLinear.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VProgressLinear.mjs","names":["makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","defineComponent","useRender","VProgressLinear","name","props","active","type","Boolean","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","emits","value","setup","slots","progress","isRtl","themeClasses","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","rounded","undefined","borderTop","top","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\n\nexport const VProgressLinear = defineComponent({\n  name: 'VProgressLinear',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    bgColor: String,\n    bgOpacity: [Number, String],\n    bufferValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    clickable: Boolean,\n    color: String,\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    max: {\n      type: [Number, String],\n      default: 100,\n    },\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    reverse: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    roundedBar: Boolean,\n\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n    const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseInt(props.max, 10))\n    const height = computed(() => parseInt(props.height, 10))\n    const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n    const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const opacity = computed(() => {\n      return props.bgOpacity == null\n        ? props.bgOpacity\n        : parseFloat(props.bgOpacity)\n    })\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n        ]}\n        style={{\n          height: props.active ? convertToUnit(height.value) : 0,\n          '--v-progress-linear-height': convertToUnit(height.value),\n        }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            key=\"stream\"\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: opacity.value,\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        ) }\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            backgroundColorClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: opacity.value,\n              width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                barColorClasses.value,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(normalizedValue.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              { ['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    barColorClasses.value,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              )) }\n            </div>\n          ) }\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        ) }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"VProgressLinear.mjs","names":["makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","defineComponent","useRender","VProgressLinear","name","props","active","type","Boolean","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","emits","value","setup","slots","progress","isRtl","themeClasses","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","rounded","undefined","borderTop","top","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\n\nexport const VProgressLinear = defineComponent({\n  name: 'VProgressLinear',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    bgColor: String,\n    bgOpacity: [Number, String],\n    bufferValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    clickable: Boolean,\n    color: String,\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    max: {\n      type: [Number, String],\n      default: 100,\n    },\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    reverse: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    roundedBar: Boolean,\n\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n    const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseInt(props.max, 10))\n    const height = computed(() => parseInt(props.height, 10))\n    const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n    const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const opacity = computed(() => {\n      return props.bgOpacity == null\n        ? props.bgOpacity\n        : parseFloat(props.bgOpacity)\n    })\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n        ]}\n        style={{\n          height: props.active ? convertToUnit(height.value) : 0,\n          '--v-progress-linear-height': convertToUnit(height.value),\n        }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            key=\"stream\"\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: opacity.value,\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        ) }\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            backgroundColorClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: opacity.value,\n              width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                barColorClasses.value,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(normalizedValue.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              { ['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    barColorClasses.value,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              )) }\n            </div>\n          ) }\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        ) }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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"}

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

@@ -97,5 +97,6 @@ declare const VProgressLinear: vue.DefineComponent<{
     striped: boolean;
     roundedBar: boolean;
 }>;
+declare type VProgressLinear = InstanceType<typeof VProgressLinear>;
 
 export { VProgressLinear };

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

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

package/lib/components/VRadio/VRadio.mjs

@@ -1,16 +1,15 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Components
 import { makeSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VRadio = defineComponent({
   name: 'VRadio',
-  props: { ...makeSelectionControlProps({
+  props: {
+    ...makeSelectionControlProps({
       falseIcon: '$radioOff',
       trueIcon: '$radioOn'
     })
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -21,6 +20,5 @@ export const VRadio = defineComponent({
     }), slots));
     return {};
   }
-
 });
 //# sourceMappingURL=VRadio.mjs.map

package/lib/components/VRadio/VRadio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VRadio.mjs","names":["makeSelectionControlProps","VSelectionControl","defineComponent","useRender","VRadio","name","props","falseIcon","trueIcon","setup","slots"],"sources":["../../../src/components/VRadio/VRadio.tsx"],"sourcesContent":["// Components\nimport { makeSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VRadio = defineComponent({\n  name: 'VRadio',\n\n  props: {\n    ...makeSelectionControlProps({\n      falseIcon: '$radioOff',\n      trueIcon: '$radioOn',\n    }),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        class=\"v-radio\"\n        type=\"radio\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VRadio = InstanceType<typeof VRadio>\n"],"mappings":";AAAA;SACSA,yB,EAA2BC,iB,sDAEpC;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAD8B;EAGpCC,KAAK,EAAE,EACL,GAAGN,yBAAyB,CAAC;MAC3BO,SAAS,EAAE,WADgB;MAE3BC,QAAQ,EAAE;IAFiB,CAAD;EADvB,CAH6B;;EAUpCC,KAAK,CAAEH,KAAF,QAAoB;IAAA,IAAX;MAAEI;IAAF,CAAW;IACvBP,SAAS,CAAC,kDAEDG,KAFC;MAAA,SAGA,SAHA;MAAA,QAID;IAJC,IAKII,KALJ,CAAD,CAAT;IASA,OAAO,EAAP;EACD;;AArBmC,CAAD,CAA9B"}
+{"version":3,"file":"VRadio.mjs","names":["makeSelectionControlProps","VSelectionControl","defineComponent","useRender","VRadio","name","props","falseIcon","trueIcon","setup","slots"],"sources":["../../../src/components/VRadio/VRadio.tsx"],"sourcesContent":["// Components\nimport { makeSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VRadio = defineComponent({\n  name: 'VRadio',\n\n  props: {\n    ...makeSelectionControlProps({\n      falseIcon: '$radioOff',\n      trueIcon: '$radioOn',\n    }),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        class=\"v-radio\"\n        type=\"radio\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VRadio = InstanceType<typeof VRadio>\n"],"mappings":";AAAA;AAAA,SACSA,yBAAyB,EAAEC,iBAAiB,sDAErD;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACL,GAAGN,yBAAyB,CAAC;MAC3BO,SAAS,EAAE,WAAW;MACtBC,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrBP,SAAS,CAAC,kDAEDG,KAAK;MAAA,SACJ,SAAS;MAAA,QACV;IAAO,IACFI,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -6,9 +6,11 @@ declare function deepEqual(a: any, b: any): boolean;
 declare type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
 declare const VRadio: vue.DefineComponent<{
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -18,7 +20,6 @@ declare const VRadio: vue.DefineComponent<{
     error: BooleanConstructor;
     id: StringConstructor;
     inline: BooleanConstructor;
-    label: StringConstructor;
     falseIcon: {
         type: vue.PropType<(string & {}) | IconValue>;
         default: (string & {}) | IconValue;
@@ -37,18 +38,19 @@ declare const VRadio: vue.DefineComponent<{
     };
     name: StringConstructor;
     readonly: BooleanConstructor;
-    trueValue: null;
-    falseValue: null;
     modelValue: null;
     type: StringConstructor;
-    value: null;
     valueComparator: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    label: StringConstructor;
+    trueValue: null;
+    falseValue: null;
+    value: null;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -58,7 +60,6 @@ declare const VRadio: vue.DefineComponent<{
     error: BooleanConstructor;
     id: StringConstructor;
     inline: BooleanConstructor;
-    label: StringConstructor;
     falseIcon: {
         type: vue.PropType<(string & {}) | IconValue>;
         default: (string & {}) | IconValue;
@@ -77,22 +78,23 @@ declare const VRadio: vue.DefineComponent<{
     };
     name: StringConstructor;
     readonly: BooleanConstructor;
-    trueValue: null;
-    falseValue: null;
     modelValue: null;
     type: StringConstructor;
-    value: null;
     valueComparator: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    label: StringConstructor;
+    trueValue: null;
+    falseValue: null;
+    value: null;
 }>>, {
     inline: boolean;
     error: boolean;
     disabled: boolean;
     multiple: boolean | null;
     readonly: boolean;
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
     ripple: boolean;
     falseIcon: (string & {}) | IconValue;
     trueIcon: (string & {}) | IconValue;

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

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

package/lib/components/VRadioGroup/VRadioGroup.mjs

@@ -1,18 +1,16 @@
 import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
-import "./VRadioGroup.css"; // Components
+import "./VRadioGroup.css";
 
-import { filterControlProps, makeSelectionControlProps } from "../VSelectionControl/VSelectionControl.mjs";
+// Components
+import { filterControlProps } from "../VSelectionControl/VSelectionControl.mjs";
 import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
-import { VLabel } from "../VLabel/index.mjs";
-import { VSelectionControlGroup } from "../VSelectionControlGroup/index.mjs"; // Composables
-
+import { makeSelectionControlGroupProps, VSelectionControlGroup } from "../VSelectionControlGroup/VSelectionControlGroup.mjs";
+import { VLabel } from "../VLabel/index.mjs"; // Composables
 import { IconValue } from "../../composables/icons.mjs";
-import { provideDefaults } from "../../composables/defaults.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-
-import { computed, toRef } from 'vue';
-import { defineComponent, filterInputAttrs, getUid, useRender } from "../../util/index.mjs";
+import { computed } from 'vue';
+import { defineComponent, excludeProps, filterInputAttrs, getUid, useRender } from "../../util/index.mjs";
 export const VRadioGroup = defineComponent({
   name: 'VRadioGroup',
   inheritAttrs: false,
@@ -22,7 +20,7 @@ export const VRadioGroup = defineComponent({
       default: 'auto'
     },
     ...makeVInputProps(),
-    ...makeSelectionControlProps(),
+    ...excludeProps(makeSelectionControlGroupProps(), ['multiple']),
     trueIcon: {
       type: IconValue,
       default: '$radioOn'
@@ -39,7 +37,6 @@ export const VRadioGroup = defineComponent({
   emits: {
     'update:modelValue': val => true
   },
-
   setup(props, _ref) {
     let {
       attrs,
@@ -48,16 +45,13 @@ export const VRadioGroup = defineComponent({
     const uid = getUid();
     const id = computed(() => props.id || `radio-group-${uid}`);
     const model = useProxiedModel(props, 'modelValue');
-    provideDefaults({
-      VRadio: {
-        color: toRef(props, 'color'),
-        density: toRef(props, 'density')
-      }
-    });
     useRender(() => {
       const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
       const [inputProps, _1] = filterInputProps(props);
-      const [controlProps, _2] = filterControlProps(props);
+      const [controlProps, _2] = filterControlProps({
+        ...props,
+        multiple: false
+      });
       const label = slots.label ? slots.label({
         label: props.label,
         props: {
@@ -70,7 +64,8 @@ export const VRadioGroup = defineComponent({
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
         "id": id.value
-      }), { ...slots,
+      }), {
+        ...slots,
         default: _ref2 => {
           let {
             id,
@@ -84,6 +79,7 @@ export const VRadioGroup = defineComponent({
             default: () => [label]
           }), _createVNode(VSelectionControlGroup, _mergeProps(controlProps, {
             "id": id.value,
+            "defaultsTarget": "VRadio",
             "trueIcon": props.trueIcon,
             "falseIcon": props.falseIcon,
             "type": props.type,
@@ -98,6 +94,5 @@ export const VRadioGroup = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VRadioGroup.mjs.map

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

@@ -1 +1 @@
-{"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":";AAAA;AACA,2B,CAEA;;SACSA,kB,EAAoBC,yB;SACpBC,gB,EAAkBC,e,EAAiBC,M;SACnCC,M;SACAC,sB,+CAET;;SACSC,S;SACAC,e;SACAC,e,8CAET;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,e,EAAiBC,gB,EAAkBC,M,EAAQC,S;AAEpD,OAAO,MAAMC,WAAW,GAAGJ,eAAe,CAAC;EACzCK,IAAI,EAAE,aADmC;EAGzCC,YAAY,EAAE,KAH2B;EAKzCC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADA;MAENC,OAAO,EAAE;IAFH,CADH;IAML,GAAGrB,eAAe,EANb;IAOL,GAAGF,yBAAyB,EAPvB;IASLwB,QAAQ,EAAE;MACRJ,IAAI,EAAEd,SADE;MAERiB,OAAO,EAAE;IAFD,CATL;IAaLE,SAAS,EAAE;MACTL,IAAI,EAAEd,SADG;MAETiB,OAAO,EAAE;IAFA,CAbN;IAiBLH,IAAI,EAAE;MACJA,IAAI,EAAEE,MADF;MAEJC,OAAO,EAAE;IAFL;EAjBD,CALkC;EA4BzCG,KAAK,EAAE;IACL,qBAAsBC,GAAD,IAAc;EAD9B,CA5BkC;;EAgCzCC,KAAK,CAAEV,KAAF,QAA2B;IAAA,IAAlB;MAAEW,KAAF;MAASC;IAAT,CAAkB;IAC9B,MAAMC,GAAG,GAAGlB,MAAM,EAAlB;IACA,MAAMmB,EAAE,GAAGvB,QAAQ,CAAC,MAAMS,KAAK,CAACc,EAAN,IAAa,eAAcD,GAAI,EAAtC,CAAnB;IACA,MAAME,KAAK,GAAGzB,eAAe,CAACU,KAAD,EAAQ,YAAR,CAA7B;IAEAX,eAAe,CAAC;MACd2B,MAAM,EAAE;QACNC,KAAK,EAAEzB,KAAK,CAACQ,KAAD,EAAQ,OAAR,CADN;QAENkB,OAAO,EAAE1B,KAAK,CAACQ,KAAD,EAAQ,SAAR;MAFR;IADM,CAAD,CAAf;IAOAJ,SAAS,CAAC,MAAM;MACd,MAAM,CAACuB,UAAD,EAAaC,YAAb,IAA6B1B,gBAAgB,CAACiB,KAAD,CAAnD;MACA,MAAM,CAACU,UAAD,EAAaC,EAAb,IAAmBvC,gBAAgB,CAACiB,KAAD,CAAzC;MACA,MAAM,CAACuB,YAAD,EAAeC,EAAf,IAAqB3C,kBAAkB,CAACmB,KAAD,CAA7C;MACA,MAAMyB,KAAK,GAAGb,KAAK,CAACa,KAAN,GACVb,KAAK,CAACa,KAAN,CAAY;QACZA,KAAK,EAAEzB,KAAK,CAACyB,KADD;QAEZzB,KAAK,EAAE;UAAE0B,GAAG,EAAEZ,EAAE,CAACa;QAAV;MAFK,CAAZ,CADU,GAKV3B,KAAK,CAACyB,KALV;MAOA;QAAA,SAEU;MAFV,GAGSN,UAHT,EAISE,UAJT;QAAA,cAKcN,KAAK,CAACY,KALpB;QAAA,iCAKcZ,KAAK,CAACY,KALpB;QAAA,MAMSb,EAAE,CAACa;MANZ,MASM,GAAGf,KATT;QAUMP,OAAO,EAAE;UAAA,IAAC;YACRS,EADQ;YAERc,UAFQ;YAGRC;UAHQ,CAAD;UAAA,sCAMHJ,KAAK;YAAA,OACSX,EAAE,CAACa,KADZ;YAAA;UAAA;YAAA,gBAEDF,KAFC;UAAA,EANF,mDAaEF,YAbF;YAAA,MAcET,EAAE,CAACa,KAdL;YAAA,YAeQ3B,KAAK,CAACM,QAfd;YAAA,aAgBSN,KAAK,CAACO,SAhBf;YAAA,QAiBIP,KAAK,CAACE,IAjBV;YAAA,YAkBQ0B,UAAU,CAACD,KAlBnB;YAAA,YAmBQE,UAAU,CAACF;UAnBnB,GAoBEP,YApBF;YAAA,cAqBOL,KAAK,CAACY,KArBb;YAAA,iCAqBOZ,KAAK,CAACY,KArBb;UAAA,IAsBOf,KAtBP;QAAA;MAVf;IAuCD,CAlDQ,CAAT;IAoDA,OAAO,EAAP;EACD;;AAjGwC,CAAD,CAAnC"}
+{"version":3,"file":"VRadioGroup.mjs","names":["filterControlProps","filterInputProps","makeVInputProps","VInput","makeSelectionControlGroupProps","VSelectionControlGroup","VLabel","IconValue","useProxiedModel","computed","defineComponent","excludeProps","filterInputAttrs","getUid","useRender","VRadioGroup","name","inheritAttrs","props","height","type","Number","String","default","trueIcon","falseIcon","emits","val","setup","attrs","slots","uid","id","model","inputAttrs","controlAttrs","inputProps","_1","controlProps","_2","multiple","label","for","value","isDisabled","isReadonly"],"sources":["../../../src/components/VRadioGroup/VRadioGroup.tsx"],"sourcesContent":["// Styles\nimport './VRadioGroup.sass'\n\n// Components\nimport { filterControlProps } from '@/components/VSelectionControl/VSelectionControl'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeSelectionControlGroupProps, VSelectionControlGroup } from '@/components/VSelectionControlGroup/VSelectionControlGroup'\nimport { VLabel } from '@/components/VLabel'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, excludeProps, 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    ...excludeProps(makeSelectionControlGroupProps(), ['multiple']),\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    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = filterInputProps(props)\n      const [controlProps, _2] = filterControlProps({\n        ...props,\n        multiple: false as const,\n      })\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                  defaultsTarget=\"VRadio\"\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\nexport type VRadioGroup = InstanceType<typeof VRadioGroup>\n"],"mappings":"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"}

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

@@ -8,6 +8,8 @@ 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 Density = null | 'default' | 'comfortable' | 'compact';
+
 declare type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -24,32 +26,24 @@ declare const VRadioGroup: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    inline: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    name: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    theme: StringConstructor;
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    theme: StringConstructor;
-    color: StringConstructor;
-    disabled: BooleanConstructor;
-    error: BooleanConstructor;
-    id: StringConstructor;
-    inline: BooleanConstructor;
-    label: StringConstructor;
+    modelValue: null;
     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;
@@ -62,6 +56,7 @@ declare const VRadioGroup: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    label: StringConstructor;
     rules: {
         type: vue.PropType<ValidationRule[]>;
         default: () => never[];
@@ -100,32 +95,24 @@ declare const VRadioGroup: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    inline: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    name: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    theme: StringConstructor;
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    theme: StringConstructor;
-    color: StringConstructor;
-    disabled: BooleanConstructor;
-    error: BooleanConstructor;
-    id: StringConstructor;
-    inline: BooleanConstructor;
-    label: StringConstructor;
+    modelValue: null;
     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;
@@ -138,6 +125,7 @@ declare const VRadioGroup: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    label: StringConstructor;
     rules: {
         type: vue.PropType<ValidationRule[]>;
         default: () => never[];
@@ -170,10 +158,9 @@ declare const VRadioGroup: vue.DefineComponent<{
     height: string | number;
     direction: "horizontal" | "vertical";
     disabled: boolean;
-    multiple: boolean | null;
     readonly: boolean;
     messages: string | string[];
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
     ripple: boolean;
     errorMessages: string | string[];
     maxErrors: string | number;
@@ -182,5 +169,6 @@ declare const VRadioGroup: vue.DefineComponent<{
     trueIcon: IconValue;
     valueComparator: typeof deepEqual;
 }>;
+declare type VRadioGroup = InstanceType<typeof VRadioGroup>;
 
 export { VRadioGroup };

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

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

package/lib/components/VRangeSlider/VRangeSlider.mjs

@@ -1,22 +1,21 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
-import "../VSlider/VSlider.css"; // Components
+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 { 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(),
+  props: {
+    ...makeFocusProps(),
     ...makeVInputProps(),
     ...makeSliderProps(),
     strict: Boolean,
@@ -29,7 +28,6 @@ export const VRangeSlider = defineComponent({
     'update:focused': value => true,
     'update:modelValue': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -37,7 +35,6 @@ export const VRangeSlider = defineComponent({
     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);
@@ -46,7 +43,6 @@ export const VRangeSlider = defineComponent({
       const b = Math.abs(stopOffset);
       return a < b || a === b && startOffset < 0 ? startThumbRef.value.$el : stopThumbRef.value.$el;
     }
-
     const {
       activeThumbRef,
       hasLabels,
@@ -63,21 +59,16 @@ export const VRangeSlider = defineComponent({
       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;
-
         const [start, stop] = model.value;
-
         if (!props.strict && start === stop && start !== min.value) {
           var _stopThumbRef$value, _startThumbRef$value2, _activeThumbRef$value;
-
           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();
         }
-
         if (activeThumbRef.value === ((_startThumbRef$value3 = startThumbRef.value) == null ? void 0 : _startThumbRef$value3.$el)) {
           model.value = [Math.min(newValue, stop), stop];
         } else {
@@ -86,8 +77,8 @@ export const VRangeSlider = defineComponent({
       },
       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));
@@ -112,10 +103,10 @@ export const VRangeSlider = defineComponent({
         "ref": inputRef
       }, inputProps, {
         "focused": isFocused.value
-      }), { ...slots,
+      }), {
+        ...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
@@ -123,7 +114,6 @@ export const VRangeSlider = defineComponent({
         } : undefined,
         default: _ref2 => {
           var _startThumbRef$value4, _stopThumbRef$value4;
-
           let {
             id
           } = _ref2;
@@ -158,16 +148,15 @@ export const VRangeSlider = defineComponent({
             "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
+              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();
               }
@@ -188,16 +177,15 @@ export const VRangeSlider = defineComponent({
             "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
+              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();
               }
@@ -217,6 +205,5 @@ export const VRangeSlider = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VRangeSlider.mjs.map