vuetify 3.1.12 → 3.1.13

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

@@ -92,7 +92,7 @@ declare const VMenu: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -222,7 +222,7 @@ declare const VMenu: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -357,7 +357,7 @@ declare const VMenu: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -418,7 +418,7 @@ declare const VMenu: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -553,7 +553,7 @@ declare const VMenu: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -607,7 +607,7 @@ declare const VMenu: {
                 location: Anchor;
                 origin: "auto" | Anchor | "overlap";
                 transition: string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 });
                 zIndex: string | number;
                 eager: boolean;
@@ -633,7 +633,7 @@ declare const VMenu: {
                 location: Anchor;
                 origin: "auto" | Anchor | "overlap";
                 transition: string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 });
                 zIndex: string | number;
                 eager: boolean;
@@ -662,7 +662,7 @@ declare const VMenu: {
                 minWidth?: string | number | undefined;
                 theme?: string | undefined;
                 contentClass?: any;
-                activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+                activator?: string | Element | vue.ComponentPublicInstance | undefined;
                 closeDelay?: string | number | undefined;
                 openDelay?: string | number | undefined;
                 openOnClick?: boolean | undefined;
@@ -728,7 +728,7 @@ declare const VMenu: {
                 location: Anchor;
                 origin: "auto" | Anchor | "overlap";
                 transition: string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 });
                 zIndex: string | number;
                 eager: boolean;
@@ -757,7 +757,7 @@ declare const VMenu: {
                 minWidth?: string | number | undefined;
                 theme?: string | undefined;
                 contentClass?: any;
-                activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+                activator?: string | Element | vue.ComponentPublicInstance | undefined;
                 closeDelay?: string | number | undefined;
                 openDelay?: string | number | undefined;
                 openOnClick?: boolean | undefined;
@@ -820,7 +820,7 @@ declare const VMenu: {
                 location: Anchor;
                 origin: "auto" | Anchor | "overlap";
                 transition: string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 });
                 zIndex: string | number;
                 eager: boolean;
@@ -866,7 +866,7 @@ declare const VMenu: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             });
             zIndex: string | number;
             eager: boolean;
@@ -895,7 +895,7 @@ declare const VMenu: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
             openOnClick?: boolean | undefined;
@@ -955,7 +955,7 @@ declare const VMenu: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -1105,7 +1105,7 @@ declare const VMenu: {
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -1240,7 +1240,7 @@ declare const VMenu: {
         minWidth?: string | number | undefined;
         theme?: string | undefined;
         contentClass?: any;
-        activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+        activator?: string | Element | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -1294,7 +1294,7 @@ declare const VMenu: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             });
             zIndex: string | number;
             eager: boolean;
@@ -1320,7 +1320,7 @@ declare const VMenu: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             });
             zIndex: string | number;
             eager: boolean;
@@ -1349,7 +1349,7 @@ declare const VMenu: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
             openOnClick?: boolean | undefined;
@@ -1415,7 +1415,7 @@ declare const VMenu: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             });
             zIndex: string | number;
             eager: boolean;
@@ -1444,7 +1444,7 @@ declare const VMenu: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
             openOnClick?: boolean | undefined;
@@ -1507,7 +1507,7 @@ declare const VMenu: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             });
             zIndex: string | number;
             eager: boolean;
@@ -1553,7 +1553,7 @@ declare const VMenu: {
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         });
         zIndex: string | number;
         eager: boolean;
@@ -1582,7 +1582,7 @@ declare const VMenu: {
         minWidth?: string | number | undefined;
         theme?: string | undefined;
         contentClass?: any;
-        activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+        activator?: string | Element | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
         openOnClick?: boolean | undefined;
@@ -1644,7 +1644,7 @@ declare const VMenu: {
     location: Anchor;
     origin: "auto" | Anchor | "overlap";
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        component?: vue.Component | undefined;
     })> | {
         component: {
             new (...args: any[]): {
@@ -1779,7 +1779,7 @@ declare const VMenu: {
     minWidth?: string | number | undefined;
     theme?: string | undefined;
     contentClass?: any;
-    activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+    activator?: string | Element | vue.ComponentPublicInstance | undefined;
     openOnClick?: boolean | undefined;
     openOnFocus?: boolean | undefined;
     contentProps?: any;
@@ -1833,7 +1833,7 @@ declare const VMenu: {
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         });
         zIndex: string | number;
         eager: boolean;
@@ -1859,7 +1859,7 @@ declare const VMenu: {
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         });
         zIndex: string | number;
         eager: boolean;
@@ -1888,7 +1888,7 @@ declare const VMenu: {
         minWidth?: string | number | undefined;
         theme?: string | undefined;
         contentClass?: any;
-        activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+        activator?: string | Element | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
         openOnClick?: boolean | undefined;
@@ -1954,7 +1954,7 @@ declare const VMenu: {
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         });
         zIndex: string | number;
         eager: boolean;
@@ -1983,7 +1983,7 @@ declare const VMenu: {
         minWidth?: string | number | undefined;
         theme?: string | undefined;
         contentClass?: any;
-        activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+        activator?: string | Element | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
         openOnClick?: boolean | undefined;
@@ -2046,7 +2046,7 @@ declare const VMenu: {
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         });
         zIndex: string | number;
         eager: boolean;
@@ -2092,7 +2092,7 @@ declare const VMenu: {
     location: Anchor;
     origin: "auto" | Anchor | "overlap";
     transition: string | boolean | (vue.TransitionProps & {
-        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        component?: vue.Component | undefined;
     });
     zIndex: string | number;
     eager: boolean;
@@ -2121,7 +2121,7 @@ declare const VMenu: {
     minWidth?: string | number | undefined;
     theme?: string | undefined;
     contentClass?: any;
-    activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+    activator?: string | Element | vue.ComponentPublicInstance | undefined;
     closeDelay?: string | number | undefined;
     openDelay?: string | number | undefined;
     openOnClick?: boolean | undefined;
@@ -2181,7 +2181,7 @@ declare const VMenu: {
     location: Anchor;
     origin: "auto" | Anchor | "overlap";
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        component?: vue.Component | undefined;
     })> | {
         component: {
             new (...args: any[]): {
@@ -2325,13 +2325,13 @@ declare const VMenu: {
     minWidth: (StringConstructor | NumberConstructor)[];
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -2438,7 +2438,7 @@ declare const VMenu: {
             }>>;
         }>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -2554,7 +2554,7 @@ declare const VMenu: {
     theme: StringConstructor;
     contentClass: null;
     modelValue: BooleanConstructor;
-    activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined>;
+    activator: vue.PropType<string | Element | vue.ComponentPublicInstance | undefined>;
     closeDelay: {
         type: vue.PropType<NonNullable<string | number>>;
         default: NonNullable<string | number>;
@@ -2637,13 +2637,13 @@ declare const VMenu: {
     minWidth: (StringConstructor | NumberConstructor)[];
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -2750,7 +2750,7 @@ declare const VMenu: {
             }>>;
         }>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })> | {
             component: {
                 new (...args: any[]): {
@@ -2866,7 +2866,7 @@ declare const VMenu: {
     theme: StringConstructor;
     contentClass: null;
     modelValue: BooleanConstructor;
-    activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined>;
+    activator: vue.PropType<string | Element | vue.ComponentPublicInstance | undefined>;
     closeDelay: {
         type: vue.PropType<NonNullable<string | number>>;
         default: NonNullable<string | number>;

package/lib/components/VMessages/VMessages.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VMessages.mjs","names":["VSlideYTransition","makeTransitionProps","MaybeTransition","useTextColor","computed","genericComponent","useRender","wrapInArray","VMessages","name","props","active","Boolean","color","String","messages","type","Array","default","transition","component","leaveAbsolute","group","setup","slots","textColorClasses","textColorStyles","value","map","message","i"],"sources":["../../../src/components/VMessages/VMessages.tsx"],"sourcesContent":["// Styles\nimport './VMessages.sass'\n\n// Components\nimport { VSlideYTransition } from '@/components/transitions'\n\n// Composables\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type VMessageSlot = {\n  message: string\n}\n\nexport type VMessagesSlots = {\n  message: [VMessageSlot]\n}\n\nexport const VMessages = genericComponent<VMessagesSlots>()({\n  name: 'VMessages',\n\n  props: {\n    active: Boolean,\n    color: String,\n    messages: {\n      type: [Array, String] as PropType<string | string[]>,\n      default: () => ([]),\n    },\n\n    ...makeTransitionProps({\n      transition: {\n        component: VSlideYTransition,\n        leaveAbsolute: true,\n        group: true,\n      },\n    }),\n  },\n\n  setup (props, { slots }) {\n    const messages = computed(() => wrapInArray(props.messages))\n    const { textColorClasses, textColorStyles } = useTextColor(computed(() => props.color))\n\n    useRender(() => (\n      <MaybeTransition\n        transition={ props.transition }\n        tag=\"div\"\n        class={[\n          'v-messages',\n          textColorClasses.value,\n        ]}\n        style={ textColorStyles.value }\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        { props.active && (\n          messages.value.map((message, i) => (\n            <div\n              class=\"v-messages__message\"\n              key={ `${i}-${messages.value}` }\n            >\n              { slots.message ? slots.message({ message }) : message }\n            </div>\n          ))\n        )}\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VMessages = InstanceType<typeof VMessages>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB,oCAE1B;AAAA,SACSC,mBAAmB,EAAEC,eAAe;AAAA,SACpCC,YAAY,uCAErB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,SAAS,EAAEC,WAAW,gCAEjD;AAWA,OAAO,MAAMC,SAAS,GAAGH,gBAAgB,EAAkB,CAAC;EAC1DI,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,KAAK,EAAEC,MAAM;IACbC,QAAQ,EAAE;MACRC,IAAI,EAAE,CAACC,KAAK,EAAEH,MAAM,CAAgC;MACpDI,OAAO,EAAE,MAAO;IAClB,CAAC;IAED,GAAGjB,mBAAmB,CAAC;MACrBkB,UAAU,EAAE;QACVC,SAAS,EAAEpB,iBAAiB;QAC5BqB,aAAa,EAAE,IAAI;QACnBC,KAAK,EAAE;MACT;IACF,CAAC;EACH,CAAC;EAEDC,KAAK,CAAEb,KAAK,QAAa;IAAA,IAAX;MAAEc;IAAM,CAAC;IACrB,MAAMT,QAAQ,GAAGX,QAAQ,CAAC,MAAMG,WAAW,CAACG,KAAK,CAACK,QAAQ,CAAC,CAAC;IAC5D,MAAM;MAAEU,gBAAgB;MAAEC;IAAgB,CAAC,GAAGvB,YAAY,CAACC,QAAQ,CAAC,MAAMM,KAAK,CAACG,KAAK,CAAC,CAAC;IAEvFP,SAAS,CAAC;MAAA,cAEOI,KAAK,CAACS,UAAU;MAAA,OACzB,KAAK;MAAA,SACF,CACL,YAAY,EACZM,gBAAgB,CAACE,KAAK,CACvB;MAAA,SACOD,eAAe,CAACC,KAAK;MAAA,QACxB,OAAO;MAAA,aACF;IAAQ;MAAA,gBAEhBjB,KAAK,CAACC,MAAM,IACZI,QAAQ,CAACY,KAAK,CAACC,GAAG,CAAC,CAACC,OAAO,EAAEC,CAAC;QAAA,SAEpB,qBAAqB;QAAA,OACpB,GAAEA,CAAE,IAAGf,QAAQ,CAACY,KAAM;MAAC,IAE5BH,KAAK,CAACK,OAAO,GAAGL,KAAK,CAACK,OAAO,CAAC;QAAEA;MAAQ,CAAC,CAAC,GAAGA,OAAO,EAEzD,CACF;IAAA,EAEJ,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VMessages.mjs","names":["VSlideYTransition","makeTransitionProps","MaybeTransition","useTextColor","computed","genericComponent","useRender","wrapInArray","VMessages","name","props","active","Boolean","color","String","messages","type","Array","default","transition","component","leaveAbsolute","group","setup","_ref","slots","textColorClasses","textColorStyles","_createVNode","value","map","message","i"],"sources":["../../../src/components/VMessages/VMessages.tsx"],"sourcesContent":["// Styles\nimport './VMessages.sass'\n\n// Components\nimport { VSlideYTransition } from '@/components/transitions'\n\n// Composables\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type VMessageSlot = {\n  message: string\n}\n\nexport type VMessagesSlots = {\n  message: [VMessageSlot]\n}\n\nexport const VMessages = genericComponent<VMessagesSlots>()({\n  name: 'VMessages',\n\n  props: {\n    active: Boolean,\n    color: String,\n    messages: {\n      type: [Array, String] as PropType<string | string[]>,\n      default: () => ([]),\n    },\n\n    ...makeTransitionProps({\n      transition: {\n        component: VSlideYTransition,\n        leaveAbsolute: true,\n        group: true,\n      },\n    }),\n  },\n\n  setup (props, { slots }) {\n    const messages = computed(() => wrapInArray(props.messages))\n    const { textColorClasses, textColorStyles } = useTextColor(computed(() => props.color))\n\n    useRender(() => (\n      <MaybeTransition\n        transition={ props.transition }\n        tag=\"div\"\n        class={[\n          'v-messages',\n          textColorClasses.value,\n        ]}\n        style={ textColorStyles.value }\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        { props.active && (\n          messages.value.map((message, i) => (\n            <div\n              class=\"v-messages__message\"\n              key={ `${i}-${messages.value}` }\n            >\n              { slots.message ? slots.message({ message }) : message }\n            </div>\n          ))\n        )}\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VMessages = InstanceType<typeof VMessages>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB,oCAE1B;AAAA,SACSC,mBAAmB,EAAEC,eAAe;AAAA,SACpCC,YAAY,uCAErB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,SAAS,EAAEC,WAAW,gCAEjD;AAWA,OAAO,MAAMC,SAAS,GAAGH,gBAAgB,EAAkB,CAAC;EAC1DI,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,KAAK,EAAEC,MAAM;IACbC,QAAQ,EAAE;MACRC,IAAI,EAAE,CAACC,KAAK,EAAEH,MAAM,CAAgC;MACpDI,OAAO,EAAEA,CAAA,KAAO;IAClB,CAAC;IAED,GAAGjB,mBAAmB,CAAC;MACrBkB,UAAU,EAAE;QACVC,SAAS,EAAEpB,iBAAiB;QAC5BqB,aAAa,EAAE,IAAI;QACnBC,KAAK,EAAE;MACT;IACF,CAAC;EACH,CAAC;EAEDC,KAAKA,CAAEb,KAAK,EAAAc,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAMT,QAAQ,GAAGX,QAAQ,CAAC,MAAMG,WAAW,CAACG,KAAK,CAACK,QAAQ,CAAC,CAAC;IAC5D,MAAM;MAAEW,gBAAgB;MAAEC;IAAgB,CAAC,GAAGxB,YAAY,CAACC,QAAQ,CAAC,MAAMM,KAAK,CAACG,KAAK,CAAC,CAAC;IAEvFP,SAAS,CAAC,MAAAsB,YAAA,CAAA1B,eAAA;MAAA,cAEOQ,KAAK,CAACS,UAAU;MAAA,OACzB,KAAK;MAAA,SACF,CACL,YAAY,EACZO,gBAAgB,CAACG,KAAK,CACvB;MAAA,SACOF,eAAe,CAACE,KAAK;MAAA,QACxB,OAAO;MAAA,aACF;IAAQ;MAAAX,OAAA,EAAAA,CAAA,MAEhBR,KAAK,CAACC,MAAM,IACZI,QAAQ,CAACc,KAAK,CAACC,GAAG,CAAC,CAACC,OAAO,EAAEC,CAAC,KAAAJ,YAAA;QAAA,SAEpB,qBAAqB;QAAA,OACpB,GAAEI,CAAE,IAAGjB,QAAQ,CAACc,KAAM;MAAC,IAE5BJ,KAAK,CAACM,OAAO,GAAGN,KAAK,CAACM,OAAO,CAAC;QAAEA;MAAQ,CAAC,CAAC,GAAGA,OAAO,EAEzD,CACF;IAAA,EAEJ,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}