@vuetify/nightly 3.3.0 → 3.3.1-master.2023-05-24

package/lib/components/VSlideGroup/VSlideGroupItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSlideGroupItem.mjs","names":["makeGroupItemProps","useGroupItem","genericComponent","VSlideGroupSymbol","VSlideGroupItem","name","props","emits","val","setup","_ref","slots","slideGroupItem","default","isSelected","value","select","toggle","selectedClass"],"sources":["../../../src/components/VSlideGroup/VSlideGroupItem.tsx"],"sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\n\n// Utilities\nimport { genericComponent } from '@/util'\nimport { VSlideGroupSymbol } from './VSlideGroup'\n\n// Types\nimport type { UnwrapRef } from 'vue'\nimport type { GroupItemProvide } from '@/composables/group'\n\ntype VSlideGroupItemSlots = {\n  default: [{\n    isSelected: UnwrapRef<GroupItemProvide['isSelected']>\n    select: GroupItemProvide['select']\n    toggle: GroupItemProvide['toggle']\n    selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>\n  }]\n}\n\nexport const VSlideGroupItem = genericComponent<VSlideGroupItemSlots>()({\n  name: 'VSlideGroupItem',\n\n  props: makeGroupItemProps(),\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const slideGroupItem = useGroupItem(props, VSlideGroupSymbol)\n\n    return () => slots.default?.({\n      isSelected: slideGroupItem.isSelected.value,\n      select: slideGroupItem.select,\n      toggle: slideGroupItem.toggle,\n      selectedClass: slideGroupItem.selectedClass.value,\n    })\n  },\n})\n\nexport type VSlideGroupItem = InstanceType<typeof VSlideGroupItem>\n"],"mappings":"AAAA;AAAA,SACSA,kBAAkB,EAAEC,YAAY,uCAEzC;AAAA,SACSC,gBAAgB;AAAA,SAChBC,iBAAiB,6BAE1B;AAaA,OAAO,MAAMC,eAAe,GAAGF,gBAAgB,EAAwB,CAAC;EACtEG,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAEN,kBAAkB,EAAE;EAE3BO,KAAK,EAAE;IACL,gBAAgB,EAAGC,GAAuB,IAAK;EACjD,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,cAAc,GAAGX,YAAY,CAACK,KAAK,EAAEH,iBAAiB,CAAC;IAE7D,OAAO,MAAMQ,KAAK,CAACE,OAAO,GAAG;MAC3BC,UAAU,EAAEF,cAAc,CAACE,UAAU,CAACC,KAAK;MAC3CC,MAAM,EAAEJ,cAAc,CAACI,MAAM;MAC7BC,MAAM,EAAEL,cAAc,CAACK,MAAM;MAC7BC,aAAa,EAAEN,cAAc,CAACM,aAAa,CAACH;IAC9C,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"VSlideGroupItem.mjs","names":["makeGroupItemProps","useGroupItem","VSlideGroupSymbol","genericComponent","VSlideGroupItem","name","props","emits","val","setup","_ref","slots","slideGroupItem","default","isSelected","value","select","toggle","selectedClass"],"sources":["../../../src/components/VSlideGroup/VSlideGroupItem.tsx"],"sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\n\n// Utilities\nimport { VSlideGroupSymbol } from './VSlideGroup'\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { UnwrapRef } from 'vue'\nimport type { GroupItemProvide } from '@/composables/group'\n\ntype VSlideGroupItemSlots = {\n  default: {\n    isSelected: UnwrapRef<GroupItemProvide['isSelected']>\n    select: GroupItemProvide['select']\n    toggle: GroupItemProvide['toggle']\n    selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>\n  }\n}\n\nexport const VSlideGroupItem = genericComponent<VSlideGroupItemSlots>()({\n  name: 'VSlideGroupItem',\n\n  props: makeGroupItemProps(),\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const slideGroupItem = useGroupItem(props, VSlideGroupSymbol)\n\n    return () => slots.default?.({\n      isSelected: slideGroupItem.isSelected.value,\n      select: slideGroupItem.select,\n      toggle: slideGroupItem.toggle,\n      selectedClass: slideGroupItem.selectedClass.value,\n    })\n  },\n})\n\nexport type VSlideGroupItem = InstanceType<typeof VSlideGroupItem>\n"],"mappings":"AAAA;AAAA,SACSA,kBAAkB,EAAEC,YAAY,uCAEzC;AAAA,SACSC,iBAAiB;AAAA,SACjBC,gBAAgB,gCAEzB;AAaA,OAAO,MAAMC,eAAe,GAAGD,gBAAgB,EAAwB,CAAC;EACtEE,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAEN,kBAAkB,EAAE;EAE3BO,KAAK,EAAE;IACL,gBAAgB,EAAGC,GAAuB,IAAK;EACjD,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,cAAc,GAAGX,YAAY,CAACK,KAAK,EAAEJ,iBAAiB,CAAC;IAE7D,OAAO,MAAMS,KAAK,CAACE,OAAO,GAAG;MAC3BC,UAAU,EAAEF,cAAc,CAACE,UAAU,CAACC,KAAK;MAC3CC,MAAM,EAAEJ,cAAc,CAACI,MAAM;MAC7BC,MAAM,EAAEL,cAAc,CAACK,MAAM;MAC7BC,aAAa,EAAEN,cAAc,CAACM,aAAa,CAACH;IAC9C,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/VSlideGroup/index.d.mts

@@ -68,23 +68,18 @@ declare const VSlideGroup: {
             class?: any;
             mandatory?: boolean | "force" | undefined;
             $children?: vue.VNodeChild | {
-                default?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            } | ((args_0: SlideGroupSlot) => vue.VNodeChild);
+                default?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+                prev?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+                next?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            } | ((arg: SlideGroupSlot) => vue.VNodeChild);
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            "v-slot:default"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                prev?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                next?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
-            $slots?: {
-                default?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+                default?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+                prev?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+                next?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -126,8 +121,8 @@ declare const VSlideGroup: {
             }>) => void)[] | undefined;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             showArrows?: string | boolean | undefined;
-            "v-slot:next"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            "v-slot:prev"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            "v-slot:next"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            "v-slot:prev"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -136,13 +131,13 @@ declare const VSlideGroup: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: ((args_0: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default?: ((arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            prev?: ((args_0: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            prev?: ((arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            next?: ((args_0: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            next?: ((arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
         }>;
@@ -169,25 +164,19 @@ declare const VSlideGroup: {
             showArrows?: string | boolean | undefined;
         } & {
             $children?: vue.VNodeChild | {
-                default?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            } | ((args_0: SlideGroupSlot) => vue.VNodeChild);
+                default?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+                prev?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+                next?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            } | ((arg: SlideGroupSlot) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                prev?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                next?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+                default?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+                prev?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+                next?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            "v-slot:prev"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            "v-slot:next"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-                next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            "v-slot:default"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            "v-slot:prev"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            "v-slot:next"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         }, {
@@ -210,13 +199,13 @@ declare const VSlideGroup: {
             prevIcon: IconValue;
             centerActive: boolean;
         }, {}, string, vue.SlotsType<Partial<{
-            default: (args_0: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            prev: (args_0: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            prev: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            next: (args_0: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            next: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
         }>>> & {
@@ -258,25 +247,19 @@ declare const VSlideGroup: {
         showArrows?: string | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | {
-            default?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        } | ((args_0: SlideGroupSlot) => vue.VNodeChild);
+            default?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            prev?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            next?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        } | ((arg: SlideGroupSlot) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            prev?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            next?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            default?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            prev?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+            next?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        "v-slot:prev"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        "v-slot:next"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-            next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        "v-slot:default"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        "v-slot:prev"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        "v-slot:next"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
@@ -307,25 +290,19 @@ declare const VSlideGroup: {
     showArrows?: string | boolean | undefined;
 } & {
     $children?: vue.VNodeChild | {
-        default?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-    } | ((args_0: SlideGroupSlot) => vue.VNodeChild);
+        default?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        prev?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        next?: ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+    } | ((arg: SlideGroupSlot) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        prev?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        next?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        default?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        prev?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        next?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-    "v-slot:prev"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-    "v-slot:next"?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-        next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
+    "v-slot:default"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+    "v-slot:prev"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
+    "v-slot:next"?: false | ((arg: SlideGroupSlot) => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
@@ -348,13 +325,13 @@ declare const VSlideGroup: {
     prevIcon: IconValue;
     centerActive: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: (args_0: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    prev: (args_0: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    prev: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    next: (args_0: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    next: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
@@ -457,13 +434,13 @@ declare const VSlideGroupItem: {
             style?: unknown;
             class?: unknown;
             $children?: vue.VNodeChild | {
-                default?: ((args_0: {
+                default?: ((arg: {
                     isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                     select: GroupItemProvide['select'];
                     toggle: GroupItemProvide['toggle'];
                     selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
                 }) => vue.VNodeChild) | undefined;
-            } | ((args_0: {
+            } | ((arg: {
                 isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                 select: GroupItemProvide['select'];
                 toggle: GroupItemProvide['toggle'];
@@ -472,22 +449,14 @@ declare const VSlideGroupItem: {
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            "v-slot:default"?: false | ((args_0: {
+            "v-slot:default"?: false | ((arg: {
                 isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                 select: GroupItemProvide['select'];
                 toggle: GroupItemProvide['toggle'];
                 selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
             }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | ((args_0: {
-                    isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
-                    select: GroupItemProvide['select'];
-                    toggle: GroupItemProvide['toggle'];
-                    selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
-            $slots?: {
-                default?: ((args_0: {
+                default?: false | ((arg: {
                     isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                     select: GroupItemProvide['select'];
                     toggle: GroupItemProvide['toggle'];
@@ -544,7 +513,7 @@ declare const VSlideGroupItem: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: ((args_0: {
+            default?: ((arg: {
                 isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                 select: GroupItemProvide['select'];
                 toggle: GroupItemProvide['toggle'];
@@ -566,20 +535,20 @@ declare const VSlideGroupItem: {
             selectedClass?: string | undefined;
         } & {
             $children?: vue.VNodeChild | {
-                default?: ((args_0: {
+                default?: ((arg: {
                     isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                     select: GroupItemProvide['select'];
                     toggle: GroupItemProvide['toggle'];
                     selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
                 }) => vue.VNodeChild) | undefined;
-            } | ((args_0: {
+            } | ((arg: {
                 isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                 select: GroupItemProvide['select'];
                 toggle: GroupItemProvide['toggle'];
                 selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
             }) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | ((args_0: {
+                default?: false | ((arg: {
                     isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                     select: GroupItemProvide['select'];
                     toggle: GroupItemProvide['toggle'];
@@ -587,21 +556,12 @@ declare const VSlideGroupItem: {
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | ((args_0: {
+            "v-slot:default"?: false | ((arg: {
                 isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                 select: GroupItemProvide['select'];
                 toggle: GroupItemProvide['toggle'];
                 selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
             }) => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: ((args_0: {
-                    isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
-                    select: GroupItemProvide['select'];
-                    toggle: GroupItemProvide['toggle'];
-                    selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
         } & {
             "onGroup:selected"?: ((val: {
                 value: boolean;
@@ -615,7 +575,7 @@ declare const VSlideGroupItem: {
         }, string, {
             disabled: boolean;
         }, {}, string, vue.SlotsType<Partial<{
-            default: (args_0: {
+            default: (arg: {
                 isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                 select: GroupItemProvide['select'];
                 toggle: GroupItemProvide['toggle'];
@@ -650,20 +610,20 @@ declare const VSlideGroupItem: {
         selectedClass?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
-            default?: ((args_0: {
+            default?: ((arg: {
                 isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                 select: GroupItemProvide['select'];
                 toggle: GroupItemProvide['toggle'];
                 selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
             }) => vue.VNodeChild) | undefined;
-        } | ((args_0: {
+        } | ((arg: {
             isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
             select: GroupItemProvide['select'];
             toggle: GroupItemProvide['toggle'];
             selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
         }) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | ((args_0: {
+            default?: false | ((arg: {
                 isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
                 select: GroupItemProvide['select'];
                 toggle: GroupItemProvide['toggle'];
@@ -671,21 +631,12 @@ declare const VSlideGroupItem: {
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | ((args_0: {
+        "v-slot:default"?: false | ((arg: {
             isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
             select: GroupItemProvide['select'];
             toggle: GroupItemProvide['toggle'];
             selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
         }) => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: ((args_0: {
-                isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
-                select: GroupItemProvide['select'];
-                toggle: GroupItemProvide['toggle'];
-                selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
     } & {
         "onGroup:selected"?: ((val: {
             value: boolean;
@@ -703,20 +654,20 @@ declare const VSlideGroupItem: {
     selectedClass?: string | undefined;
 } & {
     $children?: vue.VNodeChild | {
-        default?: ((args_0: {
+        default?: ((arg: {
             isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
             select: GroupItemProvide['select'];
             toggle: GroupItemProvide['toggle'];
             selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
         }) => vue.VNodeChild) | undefined;
-    } | ((args_0: {
+    } | ((arg: {
         isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
         select: GroupItemProvide['select'];
         toggle: GroupItemProvide['toggle'];
         selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
     }) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | ((args_0: {
+        default?: false | ((arg: {
             isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
             select: GroupItemProvide['select'];
             toggle: GroupItemProvide['toggle'];
@@ -724,21 +675,12 @@ declare const VSlideGroupItem: {
         }) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | ((args_0: {
+    "v-slot:default"?: false | ((arg: {
         isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
         select: GroupItemProvide['select'];
         toggle: GroupItemProvide['toggle'];
         selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
     }) => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: ((args_0: {
-            isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
-            select: GroupItemProvide['select'];
-            toggle: GroupItemProvide['toggle'];
-            selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
-        }) => vue.VNodeChild) | undefined;
-    } | undefined;
 } & {
     "onGroup:selected"?: ((val: {
         value: boolean;
@@ -752,7 +694,7 @@ declare const VSlideGroupItem: {
 }, string, {
     disabled: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: (args_0: {
+    default: (arg: {
         isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
         select: GroupItemProvide['select'];
         toggle: GroupItemProvide['toggle'];

package/lib/components/VSlider/VSlider.css

@@ -4,7 +4,8 @@
   width: 100%;
   display: none;
 }
-.v-slider .v-input__append, .v-slider .v-input__prepend {
+.v-slider > .v-input__append,
+.v-slider > .v-input__prepend {
   padding: 0;
 }
 
@@ -30,7 +31,7 @@
   margin-inline-start: 8px;
   margin-inline-end: 8px;
 }
-.v-slider.v-input--horizontal .v-input__control {
+.v-slider.v-input--horizontal > .v-input__control {
   min-height: 32px;
   display: flex;
   align-items: center;
@@ -41,7 +42,7 @@
   margin-top: 12px;
   margin-bottom: 12px;
 }
-.v-slider.v-input--vertical .v-input__control {
+.v-slider.v-input--vertical > .v-input__control {
   min-height: 300px;
 }
 
@@ -49,7 +50,7 @@
   pointer-events: none;
 }
 
-.v-slider--has-labels .v-input__control {
+.v-slider--has-labels > .v-input__control {
   margin-bottom: 4px;
 }
 

package/lib/components/VSlider/VSlider.mjs

@@ -3,14 +3,14 @@ import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fr
 import "./VSlider.css";
 
 // Components
-import { makeVInputProps, VInput } from "../VInput/VInput.mjs";
-import { VLabel } from "../VLabel/index.mjs";
 import { VSliderThumb } from "./VSliderThumb.mjs";
-import { VSliderTrack } from "./VSliderTrack.mjs"; // Composables
+import { VSliderTrack } from "./VSliderTrack.mjs";
+import { makeVInputProps, VInput } from "../VInput/VInput.mjs";
+import { VLabel } from "../VLabel/index.mjs"; // Composables
 import { makeSliderProps, useSlider, useSteps } from "./slider.mjs";
 import { makeFocusProps, useFocus } from "../../composables/focus.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs";
-import { useRtl } from "../../composables/locale.mjs"; // Utilities
+import { useRtl } from "../../composables/locale.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 import { computed, ref } from 'vue';
 import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVSliderProps = propsFactory({

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

@@ -1 +1 @@
-{"version":3,"file":"VSlider.mjs","names":["makeVInputProps","VInput","VLabel","VSliderThumb","VSliderTrack","makeSliderProps","useSlider","useSteps","makeFocusProps","useFocus","useProxiedModel","useRtl","computed","ref","genericComponent","propsFactory","useRender","makeVSliderProps","modelValue","type","Number","String","default","VSlider","name","props","emits","value","v","start","end","setup","_ref","slots","emit","thumbContainerRef","rtlClasses","steps","model","undefined","parseFloat","min","roundValue","max","mousePressed","onSliderMousedown","onSliderTouchstart","trackContainerRef","position","hasLabels","readonly","onSliderStart","onSliderEnd","_ref2","roundedValue","onSliderMove","_ref3","getActiveThumb","$el","isFocused","focus","blur","trackStop","inputProps","_","filterProps","hasPrepend","label","prepend","_createVNode","_mergeProps","disabled","class","style","slotProps","_Fragment","id","_ref4","messagesId","elevation"],"sources":["../../../src/components/VSlider/VSlider.tsx"],"sourcesContent":["// Styles\nimport './VSlider.sass'\n\n// Components\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VLabel } from '@/components/VLabel'\nimport { VSliderThumb } from './VSliderThumb'\nimport { VSliderTrack } from './VSliderTrack'\n\n// Composables\nimport { makeSliderProps, useSlider, useSteps } from './slider'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VInputSlot, VInputSlots } from '@/components/VInput/VInput'\n\nexport type VSliderSlots = VInputSlots & {\n  label: [VInputSlot]\n  'tick-label': []\n  'thumb-label': []\n}\n\nexport const makeVSliderProps = propsFactory({\n  ...makeFocusProps(),\n  ...makeSliderProps(),\n  ...makeVInputProps(),\n\n  modelValue: {\n    type: [Number, String],\n    default: 0,\n  },\n}, 'v-slider')\n\nexport const VSlider = genericComponent<VSliderSlots>()({\n  name: 'VSlider',\n\n  props: makeVSliderProps(),\n\n  emits: {\n    'update:focused': (value: boolean) => true,\n    'update:modelValue': (v: number) => true,\n    start: (value: number) => true,\n    end: (value: number) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const thumbContainerRef = ref()\n    const { rtlClasses } = useRtl()\n\n    const steps = useSteps(props)\n\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      v => {\n        const value = typeof v === 'string' ? parseFloat(v) : v == null ? steps.min.value : v\n\n        return steps.roundValue(value)\n      },\n    )\n\n    const {\n      min,\n      max,\n      mousePressed,\n      roundValue,\n      onSliderMousedown,\n      onSliderTouchstart,\n      trackContainerRef,\n      position,\n      hasLabels,\n      readonly,\n    } = useSlider({\n      props,\n      steps,\n      onSliderStart: () => {\n        emit('start', model.value)\n      },\n      onSliderEnd: ({ value }) => {\n        const roundedValue = roundValue(value)\n        model.value = roundedValue\n        emit('end', roundedValue)\n      },\n      onSliderMove: ({ value }) => model.value = roundValue(value),\n      getActiveThumb: () => thumbContainerRef.value?.$el,\n    })\n\n    const { isFocused, focus, blur } = useFocus(props)\n    const trackStop = computed(() => position(model.value))\n\n    useRender(() => {\n      const [inputProps, _] = VInput.filterProps(props)\n      const hasPrepend = !!(props.label || slots.label || slots.prepend)\n\n      return (\n        <VInput\n          class={[\n            'v-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            rtlClasses.value,\n            props.class,\n          ]}\n          style={ props.style }\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                      id={ slotProps.id.value }\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={ !readonly.value ? onSliderMousedown : undefined }\n                onTouchstartPassive={ !readonly.value ? onSliderTouchstart : undefined }\n              >\n                <input\n                  id={ id.value }\n                  name={ props.name || id.value }\n                  disabled={ !!props.disabled }\n                  readonly={ !!props.readonly }\n                  tabindex=\"-1\"\n                  value={ model.value }\n                />\n\n                <VSliderTrack\n                  ref={ trackContainerRef }\n                  start={ 0 }\n                  stop={ trackStop.value }\n                >\n                  {{ 'tick-label': slots['tick-label'] }}\n                </VSliderTrack>\n\n                <VSliderThumb\n                  ref={ thumbContainerRef }\n                  aria-describedby={ messagesId.value }\n                  focused={ isFocused.value }\n                  min={ min.value }\n                  max={ max.value }\n                  modelValue={ model.value }\n                  onUpdate:modelValue={ v => (model.value = v) }\n                  position={ trackStop.value }\n                  elevation={ props.elevation }\n                  onFocus={ focus }\n                  onBlur={ blur }\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 VSlider = InstanceType<typeof VSlider>\n"],"mappings":"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"}
+{"version":3,"file":"VSlider.mjs","names":["VSliderThumb","VSliderTrack","makeVInputProps","VInput","VLabel","makeSliderProps","useSlider","useSteps","makeFocusProps","useFocus","useRtl","useProxiedModel","computed","ref","genericComponent","propsFactory","useRender","makeVSliderProps","modelValue","type","Number","String","default","VSlider","name","props","emits","value","v","start","end","setup","_ref","slots","emit","thumbContainerRef","rtlClasses","steps","model","undefined","parseFloat","min","roundValue","max","mousePressed","onSliderMousedown","onSliderTouchstart","trackContainerRef","position","hasLabels","readonly","onSliderStart","onSliderEnd","_ref2","roundedValue","onSliderMove","_ref3","getActiveThumb","$el","isFocused","focus","blur","trackStop","inputProps","_","filterProps","hasPrepend","label","prepend","_createVNode","_mergeProps","disabled","class","style","slotProps","_Fragment","id","_ref4","messagesId","elevation"],"sources":["../../../src/components/VSlider/VSlider.tsx"],"sourcesContent":["// Styles\nimport './VSlider.sass'\n\n// Components\nimport { VSliderThumb } from './VSliderThumb'\nimport { VSliderTrack } from './VSliderTrack'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VLabel } from '@/components/VLabel'\n\n// Composables\nimport { makeSliderProps, useSlider, useSteps } from './slider'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { useRtl } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VInputSlot, VInputSlots } from '@/components/VInput/VInput'\n\nexport type VSliderSlots = VInputSlots & {\n  label: VInputSlot\n  'tick-label': never\n  'thumb-label': never\n}\n\nexport const makeVSliderProps = propsFactory({\n  ...makeFocusProps(),\n  ...makeSliderProps(),\n  ...makeVInputProps(),\n\n  modelValue: {\n    type: [Number, String],\n    default: 0,\n  },\n}, 'v-slider')\n\nexport const VSlider = genericComponent<VSliderSlots>()({\n  name: 'VSlider',\n\n  props: makeVSliderProps(),\n\n  emits: {\n    'update:focused': (value: boolean) => true,\n    'update:modelValue': (v: number) => true,\n    start: (value: number) => true,\n    end: (value: number) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const thumbContainerRef = ref()\n    const { rtlClasses } = useRtl()\n\n    const steps = useSteps(props)\n\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      v => {\n        const value = typeof v === 'string' ? parseFloat(v) : v == null ? steps.min.value : v\n\n        return steps.roundValue(value)\n      },\n    )\n\n    const {\n      min,\n      max,\n      mousePressed,\n      roundValue,\n      onSliderMousedown,\n      onSliderTouchstart,\n      trackContainerRef,\n      position,\n      hasLabels,\n      readonly,\n    } = useSlider({\n      props,\n      steps,\n      onSliderStart: () => {\n        emit('start', model.value)\n      },\n      onSliderEnd: ({ value }) => {\n        const roundedValue = roundValue(value)\n        model.value = roundedValue\n        emit('end', roundedValue)\n      },\n      onSliderMove: ({ value }) => model.value = roundValue(value),\n      getActiveThumb: () => thumbContainerRef.value?.$el,\n    })\n\n    const { isFocused, focus, blur } = useFocus(props)\n    const trackStop = computed(() => position(model.value))\n\n    useRender(() => {\n      const [inputProps, _] = VInput.filterProps(props)\n      const hasPrepend = !!(props.label || slots.label || slots.prepend)\n\n      return (\n        <VInput\n          class={[\n            'v-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            rtlClasses.value,\n            props.class,\n          ]}\n          style={ props.style }\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                      id={ slotProps.id.value }\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={ !readonly.value ? onSliderMousedown : undefined }\n                onTouchstartPassive={ !readonly.value ? onSliderTouchstart : undefined }\n              >\n                <input\n                  id={ id.value }\n                  name={ props.name || id.value }\n                  disabled={ !!props.disabled }\n                  readonly={ !!props.readonly }\n                  tabindex=\"-1\"\n                  value={ model.value }\n                />\n\n                <VSliderTrack\n                  ref={ trackContainerRef }\n                  start={ 0 }\n                  stop={ trackStop.value }\n                >\n                  {{ 'tick-label': slots['tick-label'] }}\n                </VSliderTrack>\n\n                <VSliderThumb\n                  ref={ thumbContainerRef }\n                  aria-describedby={ messagesId.value }\n                  focused={ isFocused.value }\n                  min={ min.value }\n                  max={ max.value }\n                  modelValue={ model.value }\n                  onUpdate:modelValue={ v => (model.value = v) }\n                  position={ trackStop.value }\n                  elevation={ props.elevation }\n                  onFocus={ focus }\n                  onBlur={ blur }\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 VSlider = InstanceType<typeof VSlider>\n"],"mappings":"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"}

package/lib/components/VSlider/VSlider.sass

@@ -13,7 +13,8 @@
       width: 100%
       display: none
 
-  .v-input__append, .v-input__prepend
+  > .v-input__append,
+  > .v-input__prepend
     padding: 0
 
 // Elements
@@ -39,7 +40,7 @@
   margin-inline-start: $slider-horizontal-start
   margin-inline-end: $slider-horizontal-end
 
-  .v-input__control
+  > .v-input__control
     min-height: $slider-horizontal-min-height
     display: flex
     align-items: center
@@ -49,13 +50,13 @@
   margin-top: $slider-vertical-margin-top
   margin-bottom: $slider-vertical-margin-bottom
 
-  .v-input__control
+  > .v-input__control
     min-height: $slider-vertical-min-height
 
 .v-slider.v-input--disabled
   pointer-events: none
 
-.v-slider--has-labels .v-input__control
+.v-slider--has-labels > .v-input__control
   margin-bottom: $slider-tick-label-margin-top * .5
 
 .v-slider__label

package/lib/components/VSlider/VSliderThumb.mjs

@@ -3,12 +3,12 @@ import { vShow as _vShow, withDirectives as _withDirectives, resolveDirective as
 import "./VSliderThumb.css";
 
 // Components
-import { VScaleTransition } from "../transitions/index.mjs";
-import { VSliderSymbol } from "./slider.mjs"; // Directives
-import Ripple from "../../directives/ripple/index.mjs"; // Composables
+import { VSliderSymbol } from "./slider.mjs";
+import { VScaleTransition } from "../transitions/index.mjs"; // Composables
+import { useTextColor } from "../../composables/color.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
-import { useElevation } from "../../composables/elevation.mjs";
-import { useTextColor } from "../../composables/color.mjs"; // Utilities
+import { useElevation } from "../../composables/elevation.mjs"; // Directives
+import Ripple from "../../directives/ripple/index.mjs"; // Utilities
 import { computed, inject } from 'vue';
 import { convertToUnit, genericComponent, keyValues, propsFactory, useRender } from "../../util/index.mjs";
 export const makeVSliderThumbProps = propsFactory({