@vuetify/nightly 3.2.0-dev-20230214.0 → 3.2.0-dev-20230309.0

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

@@ -154,6 +154,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -165,6 +168,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -220,6 +226,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -231,6 +240,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -247,6 +259,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -258,6 +273,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -392,6 +410,9 @@ declare const VSelect: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
+                            $slots?: {
+                                default?: (() => vue.VNodeChild) | undefined;
+                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -403,6 +424,9 @@ declare const VSelect: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
+                            $slots?: {
+                                default?: (() => vue.VNodeChild) | undefined;
+                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -442,6 +466,9 @@ declare const VSelect: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
+                            $slots?: {
+                                default?: (() => vue.VNodeChild) | undefined;
+                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -453,6 +480,9 @@ declare const VSelect: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
+                            $slots?: {
+                                default?: (() => vue.VNodeChild) | undefined;
+                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -504,6 +534,15 @@ declare const VSelect: {
                             props: Record<string, any>;
                         }) => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: ((args_0: {
+                            isActive: vue.Ref<boolean>;
+                        }) => vue.VNodeChild) | undefined;
+                        activator?: ((args_0: {
+                            isActive: boolean;
+                            props: Record<string, any>;
+                        }) => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | ((args_0: {
                             isActive: vue.Ref<boolean>;
@@ -535,7 +574,7 @@ declare const VSelect: {
                 type: PropType<typeof deepEqual>;
                 default: typeof deepEqual;
             };
-        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+        }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
             "onUpdate:menu"?: ((val: boolean) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "type" | "error" | "active" | "direction" | "transition" | "menu" | "autofocus" | "eager" | "disabled" | "readonly" | "noDataText" | "messages" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "clearable" | "persistentClear" | "singleLine" | "persistentHint" | "persistentPlaceholder" | "persistentCounter" | "valueComparator" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear">;
         $attrs: {
@@ -568,6 +607,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -579,6 +621,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -595,6 +640,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -606,6 +654,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -740,6 +791,9 @@ declare const VSelect: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
+                            $slots?: {
+                                default?: (() => vue.VNodeChild) | undefined;
+                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -751,6 +805,9 @@ declare const VSelect: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
+                            $slots?: {
+                                default?: (() => vue.VNodeChild) | undefined;
+                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -790,6 +847,9 @@ declare const VSelect: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
+                            $slots?: {
+                                default?: (() => vue.VNodeChild) | undefined;
+                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -801,6 +861,9 @@ declare const VSelect: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
+                            $slots?: {
+                                default?: (() => vue.VNodeChild) | undefined;
+                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -852,6 +915,15 @@ declare const VSelect: {
                             props: Record<string, any>;
                         }) => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: ((args_0: {
+                            isActive: vue.Ref<boolean>;
+                        }) => vue.VNodeChild) | undefined;
+                        activator?: ((args_0: {
+                            isActive: boolean;
+                            props: Record<string, any>;
+                        }) => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | ((args_0: {
                             isActive: vue.Ref<boolean>;
@@ -883,17 +955,15 @@ declare const VSelect: {
                 type: PropType<typeof deepEqual>;
                 default: typeof deepEqual;
             };
-        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+        }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
             "onUpdate:menu"?: ((val: boolean) => any) | undefined;
         }, {
-            menu: vue.Ref<boolean> & {
-                readonly externalValue: boolean;
-            };
+            menu: vue.WritableComputedRef<boolean>;
             select: (item: InternalItem) => void;
         } & Omit<any, string | number | symbol>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (val: any) => boolean;
             'update:menu': (val: boolean) => true;
-        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
+        }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
             reverse: boolean;
             type: string;
             error: boolean;
@@ -908,6 +978,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -919,6 +992,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -994,6 +1070,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -1005,6 +1084,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -1021,6 +1103,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -1032,6 +1117,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -1166,6 +1254,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -1177,6 +1268,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -1216,6 +1310,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -1227,6 +1324,9 @@ declare const VSelect: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
+                        $slots?: {
+                            default?: (() => vue.VNodeChild) | undefined;
+                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -1278,6 +1378,15 @@ declare const VSelect: {
                         props: Record<string, any>;
                     }) => vue.VNodeChild) | undefined;
                 };
+                $slots?: {
+                    default?: ((args_0: {
+                        isActive: vue.Ref<boolean>;
+                    }) => vue.VNodeChild) | undefined;
+                    activator?: ((args_0: {
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }) => vue.VNodeChild) | undefined;
+                } | undefined;
                 'v-slots'?: {
                     default?: false | ((args_0: {
                         isActive: vue.Ref<boolean>;
@@ -1309,12 +1418,10 @@ declare const VSelect: {
             type: PropType<typeof deepEqual>;
             default: typeof deepEqual;
         };
-    }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+    }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
         "onUpdate:menu"?: ((val: boolean) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
-        menu: vue.Ref<boolean> & {
-            readonly externalValue: boolean;
-        };
+        menu: vue.WritableComputedRef<boolean>;
         select: (item: InternalItem) => void;
     } & Omit<any, string | number | symbol>> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
@@ -1337,6 +1444,9 @@ declare const VSelect: {
                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                     default?: (() => vue.VNodeChild) | undefined;
                 };
+                $slots?: {
+                    default?: (() => vue.VNodeChild) | undefined;
+                } | undefined;
                 'v-slots'?: {
                     default?: false | (() => vue.VNodeChild) | undefined;
                 } | undefined;
@@ -1348,6 +1458,9 @@ declare const VSelect: {
                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                     default?: (() => vue.VNodeChild) | undefined;
                 };
+                $slots?: {
+                    default?: (() => vue.VNodeChild) | undefined;
+                } | undefined;
                 'v-slots'?: {
                     default?: false | (() => vue.VNodeChild) | undefined;
                 } | undefined;
@@ -1364,6 +1477,9 @@ declare const VSelect: {
                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                     default?: (() => vue.VNodeChild) | undefined;
                 };
+                $slots?: {
+                    default?: (() => vue.VNodeChild) | undefined;
+                } | undefined;
                 'v-slots'?: {
                     default?: false | (() => vue.VNodeChild) | undefined;
                 } | undefined;
@@ -1375,6 +1491,9 @@ declare const VSelect: {
                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                     default?: (() => vue.VNodeChild) | undefined;
                 };
+                $slots?: {
+                    default?: (() => vue.VNodeChild) | undefined;
+                } | undefined;
                 'v-slots'?: {
                     default?: false | (() => vue.VNodeChild) | undefined;
                 } | undefined;
@@ -1509,6 +1628,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -1520,6 +1642,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -1559,6 +1684,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -1570,6 +1698,9 @@ declare const VSelect: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
+                    $slots?: {
+                        default?: (() => vue.VNodeChild) | undefined;
+                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -1621,6 +1752,15 @@ declare const VSelect: {
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
             };
+            $slots?: {
+                default?: ((args_0: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNodeChild) | undefined;
+                activator?: ((args_0: {
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }) => vue.VNodeChild) | undefined;
+            } | undefined;
             'v-slots'?: {
                 default?: false | ((args_0: {
                     isActive: vue.Ref<boolean>;
@@ -1652,17 +1792,15 @@ declare const VSelect: {
         type: PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
-}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+}, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
     "onUpdate:menu"?: ((val: boolean) => any) | undefined;
 }, {
-    menu: vue.Ref<boolean> & {
-        readonly externalValue: boolean;
-    };
+    menu: vue.WritableComputedRef<boolean>;
     select: (item: InternalItem) => void;
 } & Omit<any, string | number | symbol>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (val: any) => boolean;
     'update:menu': (val: boolean) => true;
-}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
+}, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
     reverse: boolean;
     type: string;
     error: boolean;
@@ -1677,6 +1815,9 @@ declare const VSelect: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -1688,6 +1829,9 @@ declare const VSelect: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -1761,6 +1905,33 @@ declare const VSelect: {
             'append-item'?: (() => vue.VNodeChild) | undefined;
             'no-data'?: (() => vue.VNodeChild) | undefined;
         };
+        $slots?: {
+            clear?: (() => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            item?: ((args_0: {
+                item: InternalItem<T_1>;
+                index: number;
+                props: Record<string, unknown>;
+            }) => vue.VNodeChild) | undefined;
+            chip?: ((args_0: {
+                item: InternalItem<T_1>;
+                index: number;
+                props: Record<string, unknown>;
+            }) => vue.VNodeChild) | undefined;
+            selection?: ((args_0: {
+                item: InternalItem<T_1>;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
+            'prepend-item'?: (() => vue.VNodeChild) | undefined;
+            'append-item'?: (() => vue.VNodeChild) | undefined;
+            'no-data'?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
         'v-slots'?: {
             clear?: false | (() => vue.VNodeChild) | undefined;
             details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;

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","pick","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","filterControlProps","Object","keys"],"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  pick,\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\nexport function filterControlProps (props: ExtractPropTypes<ReturnType<typeof makeSelectionControlProps>>) {\n  return pick(props, Object.keys(VSelectionControl.props) as any)\n}\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","pick","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","filterControlProps","Object","keys"],"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  pick,\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\nexport function filterControlProps (props: ExtractPropTypes<ReturnType<typeof makeSelectionControlProps>>) {\n  return pick(props, Object.keys(VSelectionControl.props) as any)\n}\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,KAAK;AAAA,SACLC,MAAM;AAAA,SACNC,8BAA8B,EAAEC,4BAA4B,gEAErE;AAAA,SACSC,MAAM,6CAEf;AAAA,SACSC,UAAU;AAAA,SACVC,eAAe;AAAA,SACfC,YAAY,uCAErB;AACA,SAASC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,GAAG,QAAQ,KAAK;AAAA,SAEnDC,gBAAgB,EAChBC,gBAAgB,EAChBC,MAAM,EACNC,IAAI,EACJC,YAAY,EACZC,sBAAsB,EACtBC,SAAS,EACTC,WAAW,gCAGb;AAqBA,OAAO,MAAMC,yBAAyB,GAAGJ,YAAY,CAAC;EACpDK,KAAK,EAAEC,MAAM;EACbC,SAAS,EAAE,IAAI;EACfC,UAAU,EAAE,IAAI;EAChBC,KAAK,EAAE,IAAI;EAEX,GAAGvB,8BAA8B;AACnC,CAAC,EAAE,qBAAqB,CAAC;AAEzB,OAAO,SAASwB,mBAAmB,CACjCC,KAEC,EACD;EACA,MAAMC,KAAK,GAAGnB,MAAM,CAACN,4BAA4B,EAAE0B,SAAS,CAAC;EAC7D,MAAM;IAAEC;EAAe,CAAC,GAAGzB,UAAU,CAACsB,KAAK,CAAC;EAC5C,MAAMI,UAAU,GAAGzB,eAAe,CAACqB,KAAK,EAAE,YAAY,CAAC;EACvD,MAAMJ,SAAS,GAAGf,QAAQ,CAAC,MACzBmB,KAAK,CAACJ,SAAS,KAAKM,SAAS,GAAGF,KAAK,CAACJ,SAAS,GAC7CI,KAAK,CAACF,KAAK,KAAKI,SAAS,GAAGF,KAAK,CAACF,KAAK,GACvC,IACH,CAAC;EACF,MAAMD,UAAU,GAAGhB,QAAQ,CAAC,MAAMmB,KAAK,CAACH,UAAU,KAAKK,SAAS,GAAGF,KAAK,CAACH,UAAU,GAAG,KAAK,CAAC;EAC5F,MAAMQ,UAAU,GAAGxB,QAAQ,CAAC,MAC1B,CAAC,CAACmB,KAAK,CAACM,QAAQ,IACfN,KAAK,CAACM,QAAQ,IAAI,IAAI,IAAIC,KAAK,CAACC,OAAO,CAACJ,UAAU,CAACN,KAAK,CAC1D,CAAC;EACF,MAAMW,KAAK,GAAG5B,QAAQ,CAAC;IACrB6B,GAAG,GAAI;MACL,MAAMC,GAAG,GAAGV,KAAK,GAAGA,KAAK,CAACG,UAAU,CAACN,KAAK,GAAGM,UAAU,CAACN,KAAK;MAE7D,OAAOO,UAAU,CAACP,KAAK,GACnBa,GAAG,CAACC,IAAI,CAAEC,CAAM,IAAKb,KAAK,CAACc,eAAe,CAACD,CAAC,EAAEjB,SAAS,CAACE,KAAK,CAAC,CAAC,GAC/DE,KAAK,CAACc,eAAe,CAACH,GAAG,EAAEf,SAAS,CAACE,KAAK,CAAC;IACjD,CAAC;IACDiB,GAAG,CAAEJ,GAAY,EAAE;MACjB,IAAIX,KAAK,CAACgB,QAAQ,EAAE;MAEpB,MAAMC,YAAY,GAAGN,GAAG,GAAGf,SAAS,CAACE,KAAK,GAAGD,UAAU,CAACC,KAAK;MAE7D,IAAIoB,MAAM,GAAGD,YAAY;MAEzB,IAAIZ,UAAU,CAACP,KAAK,EAAE;QACpBoB,MAAM,GAAGP,GAAG,GACR,CAAC,GAAGnB,WAAW,CAACY,UAAU,CAACN,KAAK,CAAC,EAAEmB,YAAY,CAAC,GAChDzB,WAAW,CAACY,UAAU,CAACN,KAAK,CAAC,CAACqB,MAAM,CAAEC,IAAS,IAAK,CAACpB,KAAK,CAACc,eAAe,CAACM,IAAI,EAAExB,SAAS,CAACE,KAAK,CAAC,CAAC;MACxG;MAEA,IAAIG,KAAK,EAAE;QACTA,KAAK,CAACG,UAAU,CAACN,KAAK,GAAGoB,MAAM;MACjC,CAAC,MAAM;QACLd,UAAU,CAACN,KAAK,GAAGoB,MAAM;MAC3B;IACF;EACF,CAAC,CAAC;EACF,MAAM;IAAEG,gBAAgB;IAAEC;EAAgB,CAAC,GAAG1C,YAAY,CAACC,QAAQ,CAAC,MAAM;IACxE,OACE4B,KAAK,CAACX,KAAK,IACX,CAACE,KAAK,CAACuB,KAAK,IACZ,CAACvB,KAAK,CAACwB,QAAQ,GACbxB,KAAK,CAACyB,KAAK,GAAGvB,SAAS;EAC7B,CAAC,CAAC,CAAC;EACH,MAAMwB,IAAI,GAAG7C,QAAQ,CAAC,MAAM4B,KAAK,CAACX,KAAK,GAAGE,KAAK,CAAC2B,QAAQ,GAAG3B,KAAK,CAAC4B,SAAS,CAAC;EAE3E,OAAO;IACL3B,KAAK;IACLE,cAAc;IACdP,SAAS;IACTC,UAAU;IACVY,KAAK;IACLY,gBAAgB;IAChBC,eAAe;IACfI;EACF,CAAC;AACH;AAEA,OAAO,MAAMG,iBAAiB,GAAG3C,gBAAgB,EAK7C,CAAC;EACH4C,IAAI,EAAE,mBAAmB;EAEzBC,UAAU,EAAE;IAAEtD;EAAO,CAAC;EAEtBuD,YAAY,EAAE,KAAK;EAEnBhC,KAAK,EAAEP,yBAAyB,EAAE;EAElCwC,KAAK,EAAE;IACL,mBAAmB,EAAGtB,GAAQ,IAAK;EACrC,CAAC;EAEDuB,KAAK,CAAElC,KAAK,QAAoB;IAAA,IAAlB;MAAEmC,KAAK;MAAEC;IAAM,CAAC;IAC5B,MAAM;MACJnC,KAAK;MACLE,cAAc;MACduB,IAAI;MACJjB,KAAK;MACLY,gBAAgB;MAChBC,eAAe;MACf1B;IACF,CAAC,GAAGG,mBAAmB,CAACC,KAAK,CAAC;IAC9B,MAAMqC,GAAG,GAAGlD,MAAM,EAAE;IACpB,MAAMmD,EAAE,GAAGzD,QAAQ,CAAC,MAAMmB,KAAK,CAACsC,EAAE,IAAK,SAAQD,GAAI,EAAC,CAAC;IACrD,MAAME,SAAS,GAAGvD,GAAG,CAAC,KAAK,CAAC;IAC5B,MAAMwD,cAAc,GAAGxD,GAAG,CAAC,KAAK,CAAC;IACjC,MAAMyD,KAAK,GAAGzD,GAAG,EAAoB;IAErCiB,KAAK,EAAEyC,aAAa,CAAC,MAAM;MACzB,IAAID,KAAK,CAAC3C,KAAK,EAAE;QACf2C,KAAK,CAAC3C,KAAK,CAAC6C,OAAO,GAAGlC,KAAK,CAACX,KAAK;MACnC;IACF,CAAC,CAAC;IAEF,SAAS8C,OAAO,CAAEC,CAAa,EAAE;MAC/BN,SAAS,CAACzC,KAAK,GAAG,IAAI;MACtB,IACE,CAACR,sBAAsB,IACtBA,sBAAsB,IAAKuD,CAAC,CAACC,MAAM,CAAiBC,OAAO,CAAC,gBAAgB,CAAE,EAC/E;QACAP,cAAc,CAAC1C,KAAK,GAAG,IAAI;MAC7B;IACF;IAEA,SAASkD,MAAM,GAAI;MACjBT,SAAS,CAACzC,KAAK,GAAG,KAAK;MACvB0C,cAAc,CAAC1C,KAAK,GAAG,KAAK;IAC9B;IAEA,SAASmD,OAAO,CAAEJ,CAAQ,EAAE;MAC1B,IAAI7C,KAAK,CAACgB,QAAQ,IAAIf,KAAK,EAAE;QAC3BlB,QAAQ,CAAC,MAAMkB,KAAK,CAACiD,WAAW,EAAE,CAAC;MACrC;MACAzC,KAAK,CAACX,KAAK,GAAI+C,CAAC,CAACC,MAAM,CAAsBH,OAAO;IACtD;IAEApD,SAAS,CAAC,MAAM;MACd,MAAMG,KAAK,GAAG0C,KAAK,CAAC1C,KAAK,GACrB0C,KAAK,CAAC1C,KAAK,CAAC;QACZA,KAAK,EAAEM,KAAK,CAACN,KAAK;QAClBM,KAAK,EAAE;UAAEmD,GAAG,EAAEb,EAAE,CAACxC;QAAM;MACzB,CAAC,CAAC,GACAE,KAAK,CAACN,KAAK;MACf,MAAM,CAAC0D,SAAS,EAAEC,UAAU,CAAC,GAAGpE,gBAAgB,CAACkD,KAAK,CAAC;MAEvD;QAAA,SAEW,CACL,qBAAqB,EACrB;UACE,4BAA4B,EAAE1B,KAAK,CAACX,KAAK;UACzC,+BAA+B,EAAEE,KAAK,CAACwB,QAAQ;UAC/C,4BAA4B,EAAExB,KAAK,CAACuB,KAAK;UACzC,8BAA8B,EAAEgB,SAAS,CAACzC,KAAK;UAC/C,oCAAoC,EAAE0C,cAAc,CAAC1C,KAAK;UAC1D,6BAA6B,EAAEE,KAAK,CAACsD;QACvC,CAAC,EACDnD,cAAc,CAACL,KAAK;MACrB,GACIsD,SAAS;QAAA,SAGL,CACL,8BAA8B,EAC9B/B,gBAAgB,CAACvB,KAAK,CACvB;QAAA,SACOwB,eAAe,CAACxB;MAAK,IAE3BsC,KAAK,CAACmB,OAAO,IAAI;QAAA,SAGV,CACL,4BAA4B;MAC7B,IAOC7B,IAAI,CAAC5B,KAAK;QAAA,OAAe,MAAM;QAAA,QAAQ4B,IAAI,CAAC5B;MAAK,QAAK;QAAA,OAGhD2C,KAAK;QAAA,WACDhC,KAAK,CAACX,KAAK;QAAA,YACVE,KAAK,CAACwB,QAAQ;QAAA,MACpBc,EAAE,CAACxC,KAAK;QAAA,UACJkD,MAAM;QAAA,WACLJ,OAAO;QAAA,WACPK,OAAO;QAAA,iBACDjD,KAAK,CAACgB,QAAQ;QAAA,QACvBhB,KAAK,CAACwD,IAAI;QAAA,SACT5D,SAAS,CAACE,KAAK;QAAA,QAChBE,KAAK,CAAC8B,IAAI;QAAA,gBACF9B,KAAK,CAACwD,IAAI,KAAK,UAAU,GAAG/C,KAAK,CAACX,KAAK,GAAGI;MAAS,GAC7DmD,UAAU,UAGfjB,KAAK,CAACK,KAAK,GAAG;QACdhC,KAAK;QACLY,gBAAgB;QAChBC,eAAe;QACftB,KAAK,EAAE;UACL4C,OAAO;UACPI,MAAM;UACNV,EAAE,EAAEA,EAAE,CAACxC;QACT;MACF,CAAC,CAAyB,mCAjCfE,KAAK,CAACyD,MAAM,IAAI,CACzB,CAACzD,KAAK,CAACwB,QAAQ,IAAI,CAACxB,KAAK,CAACgB,QAAQ,EAClC,IAAI,EACJ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,OAiCHtB,KAAK;QAAA,OACS4C,EAAE,CAACxC,KAAK;QAAA;MAAA;QAAA,gBAClBJ,KAAK;MAAA,EAEV;IAGP,CAAC,CAAC;IAEF,OAAO;MACL6C,SAAS;MACTE;IACF,CAAC;EACH;AACF,CAAC,CAAC;AAIF,OAAO,SAASiB,kBAAkB,CAAE1D,KAAqE,EAAE;EACzG,OAAOZ,IAAI,CAACY,KAAK,EAAE2D,MAAM,CAACC,IAAI,CAAC/B,iBAAiB,CAAC7B,KAAK,CAAC,CAAQ;AACjE"}