vuetify 3.1.4 → 3.1.6

package/lib/components/VRadioGroup/VRadioGroup.mjs

@@ -10,8 +10,8 @@ import { VLabel } from "../VLabel/index.mjs"; // Composables
 import { IconValue } from "../../composables/icons.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 import { computed } from 'vue';
-import { defineComponent, filterInputAttrs, getUid, omit, useRender } from "../../util/index.mjs";
-export const VRadioGroup = defineComponent({
+import { filterInputAttrs, genericComponent, getUid, omit, useRender } from "../../util/index.mjs"; // Types
+export const VRadioGroup = genericComponent()({
   name: 'VRadioGroup',
   inheritAttrs: false,
   props: {

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

@@ -1 +1 @@
-{"version":3,"file":"VRadioGroup.mjs","names":["filterControlProps","filterInputProps","makeVInputProps","VInput","makeSelectionControlGroupProps","VSelectionControlGroup","VLabel","IconValue","useProxiedModel","computed","defineComponent","filterInputAttrs","getUid","omit","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","messagesId","isDisabled","isReadonly","undefined"],"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, filterInputAttrs, getUid, omit, 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    ...omit(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              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <>\n                { label && (\n                  <VLabel id={ id.value }>\n                    { label }\n                  </VLabel>\n                ) }\n\n                <VSelectionControlGroup\n                  { ...controlProps }\n                  id={ id.value }\n                  aria-describedby={ messagesId.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                  aria-labelledby={ label ? id.value : undefined }\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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"}
+{"version":3,"file":"VRadioGroup.mjs","names":["filterControlProps","filterInputProps","makeVInputProps","VInput","makeSelectionControlGroupProps","VSelectionControlGroup","VLabel","IconValue","useProxiedModel","computed","filterInputAttrs","genericComponent","getUid","omit","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","messagesId","isDisabled","isReadonly","undefined"],"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 { filterInputAttrs, genericComponent, getUid, omit, useRender } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport type VRadioGroupSlots = VInputSlots & VSelectionControlSlots\n\nexport const VRadioGroup = genericComponent<VRadioGroupSlots>()({\n  name: 'VRadioGroup',\n\n  inheritAttrs: false,\n\n  props: {\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n\n    ...makeVInputProps(),\n    ...omit(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              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <>\n                { label && (\n                  <VLabel id={ id.value }>\n                    { label }\n                  </VLabel>\n                ) }\n\n                <VSelectionControlGroup\n                  { ...controlProps }\n                  id={ id.value }\n                  aria-describedby={ messagesId.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                  aria-labelledby={ label ? id.value : undefined }\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

@@ -1,159 +1,176 @@
 import * as vue from 'vue';
-import { PropType, JSXComponent } from 'vue';
+import { JSXComponent, PropType, WritableComputedRef, Ref, CSSProperties, ComputedRef } from 'vue';
+
+type Density = null | 'default' | 'comfortable' | 'compact';
+
+type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
 
 declare function deepEqual(a: any, b: any): boolean;
-declare type EventProp<T = (...args: any[]) => any> = T | T[];
+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>);
+type SelectionControlSlot = {
+    model: WritableComputedRef<any>;
+    textColorClasses: Ref<string[]>;
+    textColorStyles: Ref<CSSProperties>;
+    props: {
+        onBlur: (e: Event) => void;
+        onFocus: (e: FocusEvent) => void;
+        id: string;
+    };
+};
 
-declare type Density = null | 'default' | 'comfortable' | 'compact';
+type ValidationResult = string | boolean;
+type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
 
-declare type IconValue = string | JSXComponent;
-declare const IconValue: PropType<IconValue>;
+interface VInputSlot {
+    id: ComputedRef<string>;
+    messagesId: ComputedRef<string>;
+    isDirty: ComputedRef<boolean>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isPristine: Ref<boolean>;
+    isValid: ComputedRef<boolean | null>;
+    isValidating: Ref<boolean>;
+    reset: () => void;
+    resetValidation: () => void;
+    validate: () => void;
+}
 
 declare const VRadioGroup: vue.DefineComponent<{
-    trueIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
-    falseIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    inline: BooleanConstructor;
-    error: BooleanConstructor;
-    id: StringConstructor;
-    name: StringConstructor;
-    color: StringConstructor;
-    disabled: BooleanConstructor;
-    readonly: BooleanConstructor;
-    theme: StringConstructor;
-    density: {
-        type: vue.PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    modelValue: null;
-    ripple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    valueComparator: {
-        type: vue.PropType<typeof deepEqual>;
-        default: typeof deepEqual;
-    };
-    focused: BooleanConstructor;
-    errorMessages: {
-        type: vue.PropType<string | string[]>;
-        default: () => never[];
-    };
-    maxErrors: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    label: StringConstructor;
-    rules: {
-        type: vue.PropType<ValidationRule[]>;
-        default: () => never[];
-    };
-    validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
-    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;
-    };
+    type: string;
+    inline: boolean;
+    error: boolean;
+    height: string | number;
+    direction: "horizontal" | "vertical";
+    disabled: boolean;
+    readonly: boolean;
+    messages: string | string[];
+    density: Density;
+    ripple: boolean;
+    focused: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    falseIcon: IconValue;
+    trueIcon: IconValue;
+    valueComparator: typeof deepEqual;
+} & {
+    id?: string | undefined;
+    name?: string | undefined;
+    color?: string | undefined;
+    label?: string | undefined;
+    theme?: string | undefined;
+    modelValue?: any;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+    'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+    'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+    validateOn?: "input" | "blur" | "submit" | undefined;
+    validationValue?: any;
+    hideDetails?: boolean | "auto" | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+        prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        label?: false | ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+    "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:label"?: false | ((args_0: {
+        label: string | undefined;
+        props: Record<string, unknown>;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
 }, {}, 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;
-    };
-    inline: BooleanConstructor;
-    error: BooleanConstructor;
-    id: StringConstructor;
-    name: StringConstructor;
-    color: StringConstructor;
-    disabled: BooleanConstructor;
-    readonly: BooleanConstructor;
-    theme: StringConstructor;
-    density: {
-        type: vue.PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    modelValue: null;
-    ripple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    valueComparator: {
-        type: vue.PropType<typeof deepEqual>;
-        default: typeof deepEqual;
-    };
-    focused: BooleanConstructor;
-    errorMessages: {
-        type: vue.PropType<string | string[]>;
-        default: () => never[];
-    };
-    maxErrors: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    label: StringConstructor;
-    rules: {
-        type: vue.PropType<ValidationRule[]>;
-        default: () => never[];
-    };
-    validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
-    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;
-    };
-}>> & {
+    'update:modelValue': (val: any) => boolean;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    type: string;
+    inline: boolean;
+    error: boolean;
+    height: string | number;
+    direction: "horizontal" | "vertical";
+    disabled: boolean;
+    readonly: boolean;
+    messages: string | string[];
+    density: Density;
+    ripple: boolean;
+    focused: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    falseIcon: IconValue;
+    trueIcon: IconValue;
+    valueComparator: typeof deepEqual;
+} & {
+    id?: string | undefined;
+    name?: string | undefined;
+    color?: string | undefined;
+    label?: string | undefined;
+    theme?: string | undefined;
+    modelValue?: any;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+    'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+    'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+    validateOn?: "input" | "blur" | "submit" | undefined;
+    validationValue?: any;
+    hideDetails?: boolean | "auto" | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+        prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        label?: false | ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+    "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:label"?: false | ((args_0: {
+        label: string | undefined;
+        props: Record<string, unknown>;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
 }, {
     type: string;
@@ -174,6 +191,6 @@ declare const VRadioGroup: vue.DefineComponent<{
     trueIcon: IconValue;
     valueComparator: typeof deepEqual;
 }>;
-declare type VRadioGroup = InstanceType<typeof VRadioGroup>;
+type VRadioGroup = InstanceType<typeof VRadioGroup>;
 
 export { VRadioGroup };

package/lib/components/VRangeSlider/VRangeSlider.mjs

@@ -11,8 +11,8 @@ 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({
+import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+export const VRangeSlider = genericComponent()({
   name: 'VRangeSlider',
   props: {
     ...makeFocusProps(),
@@ -58,18 +58,15 @@ export const VRangeSlider = defineComponent({
       /* eslint-disable @typescript-eslint/no-use-before-define */
       props,
       handleSliderMouseUp: newValue => {
-        var _startThumbRef$value;
-        model.value = activeThumbRef.value === ((_startThumbRef$value = startThumbRef.value) == null ? void 0 : _startThumbRef$value.$el) ? [newValue, model.value[1]] : [model.value[0], newValue];
+        model.value = activeThumbRef.value === 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();
+          activeThumbRef.value = newValue > start ? stopThumbRef.value?.$el : startThumbRef.value?.$el;
+          activeThumbRef.value?.focus();
         }
-        if (activeThumbRef.value === ((_startThumbRef$value3 = startThumbRef.value) == null ? void 0 : _startThumbRef$value3.$el)) {
+        if (activeThumbRef.value === startThumbRef.value?.$el) {
           model.value = [Math.min(newValue, stop), stop];
         } else {
           model.value = [start, Math.max(start, newValue)];
@@ -80,6 +77,7 @@ export const VRangeSlider = defineComponent({
     });
 
     const model = useProxiedModel(props, 'modelValue', undefined, arr => {
+      // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
       if (!arr || !arr.length) return [0, 0];
       return arr.map(value => roundValue(value));
     });
@@ -105,15 +103,11 @@ export const VRangeSlider = defineComponent({
         "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,
+        prepend: hasPrepend ? slotProps => _createVNode(_Fragment, null, [slots.label?.(slotProps) ?? props.label ? _createVNode(VLabel, {
+          "class": "v-slider__label",
+          "text": props.label
+        }, null) : undefined, slots.prepend?.(slotProps)]) : undefined,
         default: _ref2 => {
-          var _startThumbRef$value4, _stopThumbRef$value4;
           let {
             id,
             messagesId
@@ -145,22 +139,20 @@ export const VRangeSlider = defineComponent({
           }), _createVNode(VSliderThumb, {
             "ref": startThumbRef,
             "aria-describedby": messagesId.value,
-            "focused": isFocused && activeThumbRef.value === ((_startThumbRef$value4 = startThumbRef.value) == null ? void 0 : _startThumbRef$value4.$el),
+            "focused": isFocused && activeThumbRef.value === startThumbRef.value?.$el,
             "modelValue": model.value[0],
             "onUpdate:modelValue": v => model.value = [v, model.value[1]],
             "onFocus": e => {
-              var _startThumbRef$value5, _stopThumbRef$value2;
               focus();
-              activeThumbRef.value = (_startThumbRef$value5 = startThumbRef.value) == null ? void 0 : _startThumbRef$value5.$el;
+              activeThumbRef.value = startThumbRef.value?.$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();
+              if (model.value[0] === model.value[1] && model.value[1] === min.value && e.relatedTarget !== stopThumbRef.value?.$el) {
+                startThumbRef.value?.$el.blur();
+                stopThumbRef.value?.$el.focus();
               }
             },
             "onBlur": () => {
@@ -175,22 +167,20 @@ export const VRangeSlider = defineComponent({
           }), _createVNode(VSliderThumb, {
             "ref": stopThumbRef,
             "aria-describedby": messagesId.value,
-            "focused": isFocused && activeThumbRef.value === ((_stopThumbRef$value4 = stopThumbRef.value) == null ? void 0 : _stopThumbRef$value4.$el),
+            "focused": isFocused && activeThumbRef.value === stopThumbRef.value?.$el,
             "modelValue": model.value[1],
             "onUpdate:modelValue": v => model.value = [model.value[0], v],
             "onFocus": e => {
-              var _stopThumbRef$value5, _startThumbRef$value7;
               focus();
-              activeThumbRef.value = (_stopThumbRef$value5 = stopThumbRef.value) == null ? void 0 : _stopThumbRef$value5.$el;
+              activeThumbRef.value = stopThumbRef.value?.$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();
+              if (model.value[0] === model.value[1] && model.value[0] === max.value && e.relatedTarget !== startThumbRef.value?.$el) {
+                stopThumbRef.value?.$el.blur();
+                startThumbRef.value?.$el.focus();
               }
             },
             "onBlur": () => {

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

@@ -1 +1 @@
-{"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","messagesId","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, messagesId }) => (\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                  aria-describedby={ messagesId.value }\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                  aria-describedby={ messagesId.value }\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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"}
+{"version":3,"file":"VRangeSlider.mjs","names":["filterInputProps","makeVInputProps","VInput","getOffset","makeSliderProps","useSlider","VLabel","VSliderThumb","VSliderTrack","makeFocusProps","useFocus","useProxiedModel","computed","ref","genericComponent","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","messagesId","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 { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType, WritableComputedRef } from 'vue'\nimport type { VSliderSlots } from '../VSlider/VSlider'\n\nexport const VRangeSlider = genericComponent<VSliderSlots>()({\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        // eslint-disable-next-line @typescript-eslint/prefer-optional-chain\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, messagesId }) => (\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                  aria-describedby={ messagesId.value }\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                  aria-describedby={ messagesId.value }\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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"}