vuetify 3.1.12 → 3.1.14

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

@@ -30,8 +30,8 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 
 declare function deepEqual(a: any, b: any): boolean;
 type SelectItemKey = boolean | string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any);
-type EventProp<T = (...args: any[]) => any> = T | T[];
-declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
+type EventProp<T extends any[] = any[], F = (...args: T) => any> = F | F[];
+declare const EventProp: <T extends any[] = any[]>() => PropType<EventProp<T, (...args: T) => any>>;
 
 interface LoaderSlotProps {
     color: string | undefined;
@@ -150,7 +150,7 @@ declare const VSelect: {
             active: boolean;
             direction: "horizontal" | "vertical";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -290,13 +290,13 @@ declare const VSelect: {
         }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             transition: Omit<{
                 type: PropType<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })>;
                 default: string;
                 validator: (val: unknown) => boolean;
             }, "type" | "default"> & {
                 type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })> | {
                     component: {
                         new (...args: any[]): {
@@ -403,7 +403,7 @@ declare const VSelect: {
                     }>>;
                 }>;
                 default: NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })> | {
                     component: {
                         new (...args: any[]): {
@@ -560,11 +560,11 @@ declare const VSelect: {
                 default: string;
             };
             prependInnerIcon: PropType<IconValue>;
-            'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
-            'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-            'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
-            'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
-            'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+            'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+            'onClick:append': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+            'onClick:prepend': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+            'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+            'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
             validateOn: PropType<"input" | "blur" | "submit" | undefined>;
             errorMessages: {
@@ -589,6 +589,7 @@ declare const VSelect: {
             persistentCounter: BooleanConstructor;
             suffix: StringConstructor;
             counterValue: PropType<(value: any) => number>;
+            modelModifiers: PropType<Record<string, boolean>>;
             items: {
                 type: PropType<any[]>;
                 default: () => never[];
@@ -628,7 +629,7 @@ declare const VSelect: {
                     location: Anchor;
                     origin: "auto" | Anchor | "overlap";
                     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        component?: vue.Component | undefined;
                     })> | {
                         component: {
                             new (...args: any[]): {
@@ -758,7 +759,7 @@ declare const VSelect: {
                     location: Anchor;
                     origin: "auto" | Anchor | "overlap";
                     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        component?: vue.Component | undefined;
                     })> | {
                         component: {
                             new (...args: any[]): {
@@ -893,7 +894,7 @@ declare const VSelect: {
                     minWidth?: string | number | undefined;
                     theme?: string | undefined;
                     contentClass?: any;
-                    activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+                    activator?: string | Element | vue.ComponentPublicInstance | undefined;
                     openOnClick?: boolean | undefined;
                     openOnFocus?: boolean | undefined;
                     contentProps?: any;
@@ -967,13 +968,13 @@ declare const VSelect: {
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             transition: Omit<{
                 type: PropType<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })>;
                 default: string;
                 validator: (val: unknown) => boolean;
             }, "type" | "default"> & {
                 type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })> | {
                     component: {
                         new (...args: any[]): {
@@ -1080,7 +1081,7 @@ declare const VSelect: {
                     }>>;
                 }>;
                 default: NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })> | {
                     component: {
                         new (...args: any[]): {
@@ -1237,11 +1238,11 @@ declare const VSelect: {
                 default: string;
             };
             prependInnerIcon: PropType<IconValue>;
-            'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
-            'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-            'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
-            'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
-            'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+            'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+            'onClick:append': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+            'onClick:prepend': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+            'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+            'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
             validateOn: PropType<"input" | "blur" | "submit" | undefined>;
             errorMessages: {
@@ -1266,6 +1267,7 @@ declare const VSelect: {
             persistentCounter: BooleanConstructor;
             suffix: StringConstructor;
             counterValue: PropType<(value: any) => number>;
+            modelModifiers: PropType<Record<string, boolean>>;
             items: {
                 type: PropType<any[]>;
                 default: () => never[];
@@ -1305,7 +1307,7 @@ declare const VSelect: {
                     location: Anchor;
                     origin: "auto" | Anchor | "overlap";
                     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        component?: vue.Component | undefined;
                     })> | {
                         component: {
                             new (...args: any[]): {
@@ -1435,7 +1437,7 @@ declare const VSelect: {
                     location: Anchor;
                     origin: "auto" | Anchor | "overlap";
                     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        component?: vue.Component | undefined;
                     })> | {
                         component: {
                             new (...args: any[]): {
@@ -1570,7 +1572,7 @@ declare const VSelect: {
                     minWidth?: string | number | undefined;
                     theme?: string | undefined;
                     contentClass?: any;
-                    activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+                    activator?: string | Element | vue.ComponentPublicInstance | undefined;
                     openOnClick?: boolean | undefined;
                     openOnFocus?: boolean | undefined;
                     contentProps?: any;
@@ -1640,7 +1642,7 @@ declare const VSelect: {
             active: boolean;
             direction: "horizontal" | "vertical";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -1800,13 +1802,13 @@ declare const VSelect: {
     } & Readonly<vue.ExtractPropTypes<Omit<{
         transition: Omit<{
             type: PropType<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })>;
             default: string;
             validator: (val: unknown) => boolean;
         }, "type" | "default"> & {
             type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -1913,7 +1915,7 @@ declare const VSelect: {
                 }>>;
             }>;
             default: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -2070,11 +2072,11 @@ declare const VSelect: {
             default: string;
         };
         prependInnerIcon: PropType<IconValue>;
-        'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
-        'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-        'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
-        'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
-        'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+        'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+        'onClick:append': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+        'onClick:prepend': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+        'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+        'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
         validateOn: PropType<"input" | "blur" | "submit" | undefined>;
         errorMessages: {
@@ -2099,6 +2101,7 @@ declare const VSelect: {
         persistentCounter: BooleanConstructor;
         suffix: StringConstructor;
         counterValue: PropType<(value: any) => number>;
+        modelModifiers: PropType<Record<string, boolean>>;
         items: {
             type: PropType<any[]>;
             default: () => never[];
@@ -2138,7 +2141,7 @@ declare const VSelect: {
                 location: Anchor;
                 origin: "auto" | Anchor | "overlap";
                 transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })> | {
                     component: {
                         new (...args: any[]): {
@@ -2268,7 +2271,7 @@ declare const VSelect: {
                 location: Anchor;
                 origin: "auto" | Anchor | "overlap";
                 transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })> | {
                     component: {
                         new (...args: any[]): {
@@ -2403,7 +2406,7 @@ declare const VSelect: {
                 minWidth?: string | number | undefined;
                 theme?: string | undefined;
                 contentClass?: any;
-                activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+                activator?: string | Element | vue.ComponentPublicInstance | undefined;
                 openOnClick?: boolean | undefined;
                 openOnFocus?: boolean | undefined;
                 contentProps?: any;
@@ -2470,13 +2473,13 @@ declare const VSelect: {
 } & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
     transition: Omit<{
         type: PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -2583,7 +2586,7 @@ declare const VSelect: {
             }>>;
         }>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -2740,11 +2743,11 @@ declare const VSelect: {
         default: string;
     };
     prependInnerIcon: PropType<IconValue>;
-    'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:append': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:prepend': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
     validateOn: PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
@@ -2769,6 +2772,7 @@ declare const VSelect: {
     persistentCounter: BooleanConstructor;
     suffix: StringConstructor;
     counterValue: PropType<(value: any) => number>;
+    modelModifiers: PropType<Record<string, boolean>>;
     items: {
         type: PropType<any[]>;
         default: () => never[];
@@ -2808,7 +2812,7 @@ declare const VSelect: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -2938,7 +2942,7 @@ declare const VSelect: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -3073,7 +3077,7 @@ declare const VSelect: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -3143,7 +3147,7 @@ declare const VSelect: {
     active: boolean;
     direction: "horizontal" | "vertical";
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        component?: vue.Component | undefined;
     })> | {
         component: {
             new (...args: any[]): {
@@ -3399,13 +3403,13 @@ declare const VSelect: {
 }) & FilterPropsOptions<{
     transition: Omit<{
         type: PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -3512,7 +3516,7 @@ declare const VSelect: {
             }>>;
         }>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -3669,11 +3673,11 @@ declare const VSelect: {
         default: string;
     };
     prependInnerIcon: PropType<IconValue>;
-    'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:append': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:prepend': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
     validateOn: PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
@@ -3698,6 +3702,7 @@ declare const VSelect: {
     persistentCounter: BooleanConstructor;
     suffix: StringConstructor;
     counterValue: PropType<(value: any) => number>;
+    modelModifiers: PropType<Record<string, boolean>>;
     items: {
         type: PropType<any[]>;
         default: () => never[];
@@ -3737,7 +3742,7 @@ declare const VSelect: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -3867,7 +3872,7 @@ declare const VSelect: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -4002,7 +4007,7 @@ declare const VSelect: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -4060,13 +4065,13 @@ declare const VSelect: {
 }, vue.ExtractPropTypes<{
     transition: Omit<{
         type: PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -4173,7 +4178,7 @@ declare const VSelect: {
             }>>;
         }>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -4330,11 +4335,11 @@ declare const VSelect: {
         default: string;
     };
     prependInnerIcon: PropType<IconValue>;
-    'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:append': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:prepend': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
     validateOn: PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
@@ -4359,6 +4364,7 @@ declare const VSelect: {
     persistentCounter: BooleanConstructor;
     suffix: StringConstructor;
     counterValue: PropType<(value: any) => number>;
+    modelModifiers: PropType<Record<string, boolean>>;
     items: {
         type: PropType<any[]>;
         default: () => never[];
@@ -4398,7 +4404,7 @@ declare const VSelect: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -4528,7 +4534,7 @@ declare const VSelect: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -4663,7 +4669,7 @@ declare const VSelect: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;

package/lib/components/VSelectionControl/VSelectionControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSelectionControl.mjs","names":["VIcon","VLabel","makeSelectionControlGroupProps","VSelectionControlGroupSymbol","Ripple","useDensity","useProxiedModel","useTextColor","computed","inject","nextTick","ref","filterInputAttrs","genericComponent","getUid","propsFactory","SUPPORTS_FOCUS_VISIBLE","useRender","wrapInArray","makeSelectionControlProps","label","String","trueValue","falseValue","value","useSelectionControl","props","group","undefined","densityClasses","modelValue","isMultiple","multiple","Array","isArray","model","get","val","some","v","valueComparator","set","readonly","currentValue","newVal","filter","item","textColorClasses","textColorStyles","error","disabled","color","icon","trueIcon","falseIcon","VSelectionControl","name","directives","inheritAttrs","emits","setup","attrs","slots","uid","id","isFocused","isFocusVisible","input","onForceUpdate","checked","onFocus","e","target","matches","onBlur","onInput","forceUpdate","for","rootAttrs","inputAttrs","inline","default","type","ripple"],"sources":["../../../src/components/VSelectionControl/VSelectionControl.tsx"],"sourcesContent":["// Styles\nimport './VSelectionControl.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VLabel } from '@/components/VLabel'\nimport { makeSelectionControlGroupProps, VSelectionControlGroupSymbol } from '@/components/VSelectionControlGroup/VSelectionControlGroup'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { useDensity } from '@/composables/density'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, inject, nextTick, ref } from 'vue'\nimport {\n  filterInputAttrs,\n  genericComponent,\n  getUid,\n  propsFactory,\n  SUPPORTS_FOCUS_VISIBLE,\n  useRender,\n  wrapInArray,\n} from '@/util'\n\n// Types\nimport type { CSSProperties, ExtractPropTypes, Ref, WritableComputedRef } from 'vue'\nimport type { MakeSlots, SlotsToProps } from '@/util'\n\nexport type SelectionControlSlot = {\n  model: WritableComputedRef<any>\n  textColorClasses: Ref<string[]>\n  textColorStyles: Ref<CSSProperties>\n  props: {\n    onBlur: (e: Event) => void\n    onFocus: (e: FocusEvent) => void\n    id: string\n  }\n}\n\nexport type VSelectionControlSlots = MakeSlots<{\n  default: []\n  label: [{ label: string | undefined, props: Record<string, unknown> }]\n  input: [SelectionControlSlot]\n}>\n\nexport const makeSelectionControlProps = propsFactory({\n  label: String,\n  trueValue: null,\n  falseValue: null,\n  value: null,\n\n  ...makeSelectionControlGroupProps(),\n}, 'v-selection-control')\n\nexport function useSelectionControl (\n  props: ExtractPropTypes<ReturnType<typeof makeSelectionControlProps>> & {\n    'onUpdate:modelValue': ((val: any) => void) | undefined\n  }\n) {\n  const group = inject(VSelectionControlGroupSymbol, undefined)\n  const { densityClasses } = useDensity(props)\n  const modelValue = useProxiedModel(props, 'modelValue')\n  const trueValue = computed(() => (\n    props.trueValue !== undefined ? props.trueValue\n    : props.value !== undefined ? props.value\n    : true\n  ))\n  const falseValue = computed(() => props.falseValue !== undefined ? props.falseValue : false)\n  const isMultiple = computed(() => (\n    !!props.multiple ||\n    (props.multiple == null && Array.isArray(modelValue.value))\n  ))\n  const model = computed({\n    get () {\n      const val = group ? group.modelValue.value : modelValue.value\n\n      return isMultiple.value\n        ? val.some((v: any) => props.valueComparator(v, trueValue.value))\n        : props.valueComparator(val, trueValue.value)\n    },\n    set (val: boolean) {\n      if (props.readonly) return\n\n      const currentValue = val ? trueValue.value : falseValue.value\n\n      let newVal = currentValue\n\n      if (isMultiple.value) {\n        newVal = val\n          ? [...wrapInArray(modelValue.value), currentValue]\n          : wrapInArray(modelValue.value).filter((item: any) => !props.valueComparator(item, trueValue.value))\n      }\n\n      if (group) {\n        group.modelValue.value = newVal\n      } else {\n        modelValue.value = newVal\n      }\n    },\n  })\n  const { textColorClasses, textColorStyles } = useTextColor(computed(() => {\n    return (\n      model.value &&\n      !props.error &&\n      !props.disabled\n    ) ? props.color : undefined\n  }))\n  const icon = computed(() => model.value ? props.trueIcon : props.falseIcon)\n\n  return {\n    group,\n    densityClasses,\n    trueValue,\n    falseValue,\n    model,\n    textColorClasses,\n    textColorStyles,\n    icon,\n  }\n}\n\nexport const VSelectionControl = genericComponent<new <T>() => {\n  $props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (val: T) => any\n  } & SlotsToProps<VSelectionControlSlots>\n}>()({\n  name: 'VSelectionControl',\n\n  directives: { Ripple },\n\n  inheritAttrs: false,\n\n  props: makeSelectionControlProps(),\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const {\n      group,\n      densityClasses,\n      icon,\n      model,\n      textColorClasses,\n      textColorStyles,\n      trueValue,\n    } = useSelectionControl(props)\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n    const isFocused = ref(false)\n    const isFocusVisible = ref(false)\n    const input = ref<HTMLInputElement>()\n\n    group?.onForceUpdate(() => {\n      if (input.value) {\n        input.value.checked = model.value\n      }\n    })\n\n    function onFocus (e: FocusEvent) {\n      isFocused.value = true\n      if (\n        !SUPPORTS_FOCUS_VISIBLE ||\n        (SUPPORTS_FOCUS_VISIBLE && (e.target as HTMLElement).matches(':focus-visible'))\n      ) {\n        isFocusVisible.value = true\n      }\n    }\n\n    function onBlur () {\n      isFocused.value = false\n      isFocusVisible.value = false\n    }\n\n    function onInput (e: Event) {\n      if (props.readonly && group) {\n        nextTick(() => group.forceUpdate())\n      }\n      model.value = (e.target as HTMLInputElement).checked\n    }\n\n    useRender(() => {\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n\n      return (\n        <div\n          class={[\n            'v-selection-control',\n            {\n              'v-selection-control--dirty': model.value,\n              'v-selection-control--disabled': props.disabled,\n              'v-selection-control--error': props.error,\n              'v-selection-control--focused': isFocused.value,\n              'v-selection-control--focus-visible': isFocusVisible.value,\n              'v-selection-control--inline': props.inline,\n            },\n            densityClasses.value,\n          ]}\n          { ...rootAttrs }\n        >\n          <div\n            class={[\n              'v-selection-control__wrapper',\n              textColorClasses.value,\n            ]}\n            style={ textColorStyles.value }\n          >\n            { slots.default?.() }\n\n            <div\n              class={[\n                'v-selection-control__input',\n              ]}\n              v-ripple={ props.ripple && [\n                !props.disabled && !props.readonly,\n                null,\n                ['center', 'circle'],\n              ]}\n            >\n              { icon.value && <VIcon key=\"icon\" icon={ icon.value } /> }\n\n              <input\n                ref={ input }\n                checked={ model.value }\n                disabled={ props.disabled }\n                id={ id.value }\n                onBlur={ onBlur }\n                onFocus={ onFocus }\n                onInput={ onInput }\n                aria-disabled={ props.readonly }\n                type={ props.type }\n                value={ trueValue.value }\n                name={ props.name }\n                aria-checked={ props.type === 'checkbox' ? model.value : undefined }\n                { ...inputAttrs }\n              />\n\n              { slots.input?.({\n                model,\n                textColorClasses,\n                textColorStyles,\n                props: {\n                  onFocus,\n                  onBlur,\n                  id: id.value,\n                },\n              } as SelectionControlSlot)}\n            </div>\n          </div>\n\n          { label && (\n            <VLabel for={ id.value } clickable>\n              { label }\n            </VLabel>\n          )}\n        </div>\n      )\n    })\n\n    return {\n      isFocused,\n      input,\n    }\n  },\n})\n\nexport type VSelectionControl = InstanceType<typeof VSelectionControl>\n"],"mappings":"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"}
+{"version":3,"file":"VSelectionControl.mjs","names":["VIcon","VLabel","makeSelectionControlGroupProps","VSelectionControlGroupSymbol","Ripple","useDensity","useProxiedModel","useTextColor","computed","inject","nextTick","ref","filterInputAttrs","genericComponent","getUid","propsFactory","SUPPORTS_FOCUS_VISIBLE","useRender","wrapInArray","makeSelectionControlProps","label","String","trueValue","falseValue","value","useSelectionControl","props","group","undefined","densityClasses","modelValue","isMultiple","multiple","Array","isArray","model","get","val","some","v","valueComparator","set","readonly","currentValue","newVal","filter","item","textColorClasses","textColorStyles","error","disabled","color","icon","trueIcon","falseIcon","VSelectionControl","name","directives","inheritAttrs","emits","setup","_ref","attrs","slots","uid","id","isFocused","isFocusVisible","input","onForceUpdate","checked","onFocus","e","target","matches","onBlur","onInput","forceUpdate","for","rootAttrs","inputAttrs","_createVNode","_mergeProps","inline","default","_withDirectives","type","_resolveDirective","ripple"],"sources":["../../../src/components/VSelectionControl/VSelectionControl.tsx"],"sourcesContent":["// Styles\nimport './VSelectionControl.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VLabel } from '@/components/VLabel'\nimport { makeSelectionControlGroupProps, VSelectionControlGroupSymbol } from '@/components/VSelectionControlGroup/VSelectionControlGroup'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { useDensity } from '@/composables/density'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, inject, nextTick, ref } from 'vue'\nimport {\n  filterInputAttrs,\n  genericComponent,\n  getUid,\n  propsFactory,\n  SUPPORTS_FOCUS_VISIBLE,\n  useRender,\n  wrapInArray,\n} from '@/util'\n\n// Types\nimport type { CSSProperties, ExtractPropTypes, Ref, WritableComputedRef } from 'vue'\nimport type { MakeSlots, SlotsToProps } from '@/util'\n\nexport type SelectionControlSlot = {\n  model: WritableComputedRef<any>\n  textColorClasses: Ref<string[]>\n  textColorStyles: Ref<CSSProperties>\n  props: {\n    onBlur: (e: Event) => void\n    onFocus: (e: FocusEvent) => void\n    id: string\n  }\n}\n\nexport type VSelectionControlSlots = MakeSlots<{\n  default: []\n  label: [{ label: string | undefined, props: Record<string, unknown> }]\n  input: [SelectionControlSlot]\n}>\n\nexport const makeSelectionControlProps = propsFactory({\n  label: String,\n  trueValue: null,\n  falseValue: null,\n  value: null,\n\n  ...makeSelectionControlGroupProps(),\n}, 'v-selection-control')\n\nexport function useSelectionControl (\n  props: ExtractPropTypes<ReturnType<typeof makeSelectionControlProps>> & {\n    'onUpdate:modelValue': ((val: any) => void) | undefined\n  }\n) {\n  const group = inject(VSelectionControlGroupSymbol, undefined)\n  const { densityClasses } = useDensity(props)\n  const modelValue = useProxiedModel(props, 'modelValue')\n  const trueValue = computed(() => (\n    props.trueValue !== undefined ? props.trueValue\n    : props.value !== undefined ? props.value\n    : true\n  ))\n  const falseValue = computed(() => props.falseValue !== undefined ? props.falseValue : false)\n  const isMultiple = computed(() => (\n    !!props.multiple ||\n    (props.multiple == null && Array.isArray(modelValue.value))\n  ))\n  const model = computed({\n    get () {\n      const val = group ? group.modelValue.value : modelValue.value\n\n      return isMultiple.value\n        ? val.some((v: any) => props.valueComparator(v, trueValue.value))\n        : props.valueComparator(val, trueValue.value)\n    },\n    set (val: boolean) {\n      if (props.readonly) return\n\n      const currentValue = val ? trueValue.value : falseValue.value\n\n      let newVal = currentValue\n\n      if (isMultiple.value) {\n        newVal = val\n          ? [...wrapInArray(modelValue.value), currentValue]\n          : wrapInArray(modelValue.value).filter((item: any) => !props.valueComparator(item, trueValue.value))\n      }\n\n      if (group) {\n        group.modelValue.value = newVal\n      } else {\n        modelValue.value = newVal\n      }\n    },\n  })\n  const { textColorClasses, textColorStyles } = useTextColor(computed(() => {\n    return (\n      model.value &&\n      !props.error &&\n      !props.disabled\n    ) ? props.color : undefined\n  }))\n  const icon = computed(() => model.value ? props.trueIcon : props.falseIcon)\n\n  return {\n    group,\n    densityClasses,\n    trueValue,\n    falseValue,\n    model,\n    textColorClasses,\n    textColorStyles,\n    icon,\n  }\n}\n\nexport const VSelectionControl = genericComponent<new <T>() => {\n  $props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (val: T) => any\n  } & SlotsToProps<VSelectionControlSlots>\n}>()({\n  name: 'VSelectionControl',\n\n  directives: { Ripple },\n\n  inheritAttrs: false,\n\n  props: makeSelectionControlProps(),\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const {\n      group,\n      densityClasses,\n      icon,\n      model,\n      textColorClasses,\n      textColorStyles,\n      trueValue,\n    } = useSelectionControl(props)\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n    const isFocused = ref(false)\n    const isFocusVisible = ref(false)\n    const input = ref<HTMLInputElement>()\n\n    group?.onForceUpdate(() => {\n      if (input.value) {\n        input.value.checked = model.value\n      }\n    })\n\n    function onFocus (e: FocusEvent) {\n      isFocused.value = true\n      if (\n        !SUPPORTS_FOCUS_VISIBLE ||\n        (SUPPORTS_FOCUS_VISIBLE && (e.target as HTMLElement).matches(':focus-visible'))\n      ) {\n        isFocusVisible.value = true\n      }\n    }\n\n    function onBlur () {\n      isFocused.value = false\n      isFocusVisible.value = false\n    }\n\n    function onInput (e: Event) {\n      if (props.readonly && group) {\n        nextTick(() => group.forceUpdate())\n      }\n      model.value = (e.target as HTMLInputElement).checked\n    }\n\n    useRender(() => {\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n\n      return (\n        <div\n          class={[\n            'v-selection-control',\n            {\n              'v-selection-control--dirty': model.value,\n              'v-selection-control--disabled': props.disabled,\n              'v-selection-control--error': props.error,\n              'v-selection-control--focused': isFocused.value,\n              'v-selection-control--focus-visible': isFocusVisible.value,\n              'v-selection-control--inline': props.inline,\n            },\n            densityClasses.value,\n          ]}\n          { ...rootAttrs }\n        >\n          <div\n            class={[\n              'v-selection-control__wrapper',\n              textColorClasses.value,\n            ]}\n            style={ textColorStyles.value }\n          >\n            { slots.default?.() }\n\n            <div\n              class={[\n                'v-selection-control__input',\n              ]}\n              v-ripple={ props.ripple && [\n                !props.disabled && !props.readonly,\n                null,\n                ['center', 'circle'],\n              ]}\n            >\n              { icon.value && <VIcon key=\"icon\" icon={ icon.value } /> }\n\n              <input\n                ref={ input }\n                checked={ model.value }\n                disabled={ props.disabled }\n                id={ id.value }\n                onBlur={ onBlur }\n                onFocus={ onFocus }\n                onInput={ onInput }\n                aria-disabled={ props.readonly }\n                type={ props.type }\n                value={ trueValue.value }\n                name={ props.name }\n                aria-checked={ props.type === 'checkbox' ? model.value : undefined }\n                { ...inputAttrs }\n              />\n\n              { slots.input?.({\n                model,\n                textColorClasses,\n                textColorStyles,\n                props: {\n                  onFocus,\n                  onBlur,\n                  id: id.value,\n                },\n              } as SelectionControlSlot)}\n            </div>\n          </div>\n\n          { label && (\n            <VLabel for={ id.value } clickable>\n              { label }\n            </VLabel>\n          )}\n        </div>\n      )\n    })\n\n    return {\n      isFocused,\n      input,\n    }\n  },\n})\n\nexport type VSelectionControl = InstanceType<typeof VSelectionControl>\n"],"mappings":"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"}

package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSelectionControlGroup.mjs","names":["IconValue","makeDensityProps","makeThemeProps","provideDefaults","useProxiedModel","computed","onScopeDispose","provide","toRef","deepEqual","genericComponent","getUid","propsFactory","useRender","VSelectionControlGroupSymbol","Symbol","for","makeSelectionControlGroupProps","color","String","disabled","Boolean","error","id","inline","falseIcon","trueIcon","ripple","type","default","multiple","name","readonly","modelValue","valueComparator","Function","VSelectionControlGroup","props","defaultsTarget","emits","val","setup","slots","uid","value","updateHandlers","Set","forceUpdate","forEach","fn","onForceUpdate","cb","add","delete","density","Array","isArray","undefined"],"sources":["../../../src/components/VSelectionControlGroup/VSelectionControlGroup.tsx"],"sourcesContent":["// Styles\nimport './VSelectionControlGroup.sass'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps } from '@/composables/density'\nimport { makeThemeProps } from '@/composables/theme'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, onScopeDispose, provide, toRef } from 'vue'\nimport { deepEqual, genericComponent, getUid, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey, PropType, Ref } from 'vue'\n\nexport interface VSelectionGroupContext {\n  modelValue: Ref<any>\n  forceUpdate: () => void\n  onForceUpdate: (fn: () => void) => void\n}\n\nexport const VSelectionControlGroupSymbol: InjectionKey<VSelectionGroupContext> = Symbol.for('vuetify:selection-control-group')\n\nexport const makeSelectionControlGroupProps = propsFactory({\n  color: String,\n  disabled: Boolean,\n  error: Boolean,\n  id: String,\n  inline: Boolean,\n  falseIcon: IconValue,\n  trueIcon: IconValue,\n  ripple: {\n    type: Boolean,\n    default: true,\n  },\n  multiple: {\n    type: Boolean as PropType<boolean | null>,\n    default: null,\n  },\n  name: String,\n  readonly: Boolean,\n  modelValue: null,\n  type: String,\n  valueComparator: {\n    type: Function as PropType<typeof deepEqual>,\n    default: deepEqual,\n  },\n\n  ...makeThemeProps(),\n  ...makeDensityProps(),\n}, 'v-selection-control-group')\n\nexport const VSelectionControlGroup = genericComponent()({\n  name: 'VSelectionControlGroup',\n\n  props: {\n    defaultsTarget: {\n      type: String,\n      default: 'VSelectionControl',\n    },\n\n    ...makeSelectionControlGroupProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const modelValue = useProxiedModel(props, 'modelValue')\n    const uid = getUid()\n    const id = computed(() => props.id || `v-selection-control-group-${uid}`)\n    const name = computed(() => props.name || id.value)\n\n    const updateHandlers = new Set<() => void>()\n    provide(VSelectionControlGroupSymbol, {\n      modelValue,\n      forceUpdate: () => {\n        updateHandlers.forEach(fn => fn())\n      },\n      onForceUpdate: cb => {\n        updateHandlers.add(cb)\n        onScopeDispose(() => {\n          updateHandlers.delete(cb)\n        })\n      },\n    })\n\n    provideDefaults({\n      [props.defaultsTarget]: {\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n        density: toRef(props, 'density'),\n        error: toRef(props, 'error'),\n        inline: toRef(props, 'inline'),\n        modelValue,\n        multiple: computed(() => !!props.multiple || (props.multiple == null && Array.isArray(modelValue.value))),\n        name,\n        falseIcon: toRef(props, 'falseIcon'),\n        trueIcon: toRef(props, 'trueIcon'),\n        readonly: toRef(props, 'readonly'),\n        ripple: toRef(props, 'ripple'),\n        type: toRef(props, 'type'),\n        valueComparator: toRef(props, 'valueComparator'),\n      },\n    })\n\n    useRender(() => (\n      <div\n        class={[\n          'v-selection-control-group',\n          { 'v-selection-control-group--inline': props.inline },\n        ]}\n        role={ props.type === 'radio' ? 'radiogroup' : undefined }\n      >\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VSelectionControlGroup = InstanceType<typeof VSelectionControlGroup>\n"],"mappings":"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"}
+{"version":3,"file":"VSelectionControlGroup.mjs","names":["IconValue","makeDensityProps","makeThemeProps","provideDefaults","useProxiedModel","computed","onScopeDispose","provide","toRef","deepEqual","genericComponent","getUid","propsFactory","useRender","VSelectionControlGroupSymbol","Symbol","for","makeSelectionControlGroupProps","color","String","disabled","Boolean","error","id","inline","falseIcon","trueIcon","ripple","type","default","multiple","name","readonly","modelValue","valueComparator","Function","VSelectionControlGroup","props","defaultsTarget","emits","val","setup","_ref","slots","uid","value","updateHandlers","Set","forceUpdate","forEach","fn","onForceUpdate","cb","add","delete","density","Array","isArray","_createVNode","undefined"],"sources":["../../../src/components/VSelectionControlGroup/VSelectionControlGroup.tsx"],"sourcesContent":["// Styles\nimport './VSelectionControlGroup.sass'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps } from '@/composables/density'\nimport { makeThemeProps } from '@/composables/theme'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, onScopeDispose, provide, toRef } from 'vue'\nimport { deepEqual, genericComponent, getUid, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey, PropType, Ref } from 'vue'\n\nexport interface VSelectionGroupContext {\n  modelValue: Ref<any>\n  forceUpdate: () => void\n  onForceUpdate: (fn: () => void) => void\n}\n\nexport const VSelectionControlGroupSymbol: InjectionKey<VSelectionGroupContext> = Symbol.for('vuetify:selection-control-group')\n\nexport const makeSelectionControlGroupProps = propsFactory({\n  color: String,\n  disabled: Boolean,\n  error: Boolean,\n  id: String,\n  inline: Boolean,\n  falseIcon: IconValue,\n  trueIcon: IconValue,\n  ripple: {\n    type: Boolean,\n    default: true,\n  },\n  multiple: {\n    type: Boolean as PropType<boolean | null>,\n    default: null,\n  },\n  name: String,\n  readonly: Boolean,\n  modelValue: null,\n  type: String,\n  valueComparator: {\n    type: Function as PropType<typeof deepEqual>,\n    default: deepEqual,\n  },\n\n  ...makeThemeProps(),\n  ...makeDensityProps(),\n}, 'v-selection-control-group')\n\nexport const VSelectionControlGroup = genericComponent()({\n  name: 'VSelectionControlGroup',\n\n  props: {\n    defaultsTarget: {\n      type: String,\n      default: 'VSelectionControl',\n    },\n\n    ...makeSelectionControlGroupProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const modelValue = useProxiedModel(props, 'modelValue')\n    const uid = getUid()\n    const id = computed(() => props.id || `v-selection-control-group-${uid}`)\n    const name = computed(() => props.name || id.value)\n\n    const updateHandlers = new Set<() => void>()\n    provide(VSelectionControlGroupSymbol, {\n      modelValue,\n      forceUpdate: () => {\n        updateHandlers.forEach(fn => fn())\n      },\n      onForceUpdate: cb => {\n        updateHandlers.add(cb)\n        onScopeDispose(() => {\n          updateHandlers.delete(cb)\n        })\n      },\n    })\n\n    provideDefaults({\n      [props.defaultsTarget]: {\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n        density: toRef(props, 'density'),\n        error: toRef(props, 'error'),\n        inline: toRef(props, 'inline'),\n        modelValue,\n        multiple: computed(() => !!props.multiple || (props.multiple == null && Array.isArray(modelValue.value))),\n        name,\n        falseIcon: toRef(props, 'falseIcon'),\n        trueIcon: toRef(props, 'trueIcon'),\n        readonly: toRef(props, 'readonly'),\n        ripple: toRef(props, 'ripple'),\n        type: toRef(props, 'type'),\n        valueComparator: toRef(props, 'valueComparator'),\n      },\n    })\n\n    useRender(() => (\n      <div\n        class={[\n          'v-selection-control-group',\n          { 'v-selection-control-group--inline': props.inline },\n        ]}\n        role={ props.type === 'radio' ? 'radiogroup' : undefined }\n      >\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VSelectionControlGroup = InstanceType<typeof VSelectionControlGroup>\n"],"mappings":"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"}