@vuetify/nightly 3.0.0-beta.10 → 3.0.0-beta.13

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

@@ -0,0 +1,234 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+declare const VMessages: vue.DefineComponent<{
+    transition: Omit<{
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        }) | {
+            component: vue.DefineComponent<{
+                group: BooleanConstructor;
+                hideOnLeave: BooleanConstructor;
+                leaveAbsolute: BooleanConstructor;
+                mode: {
+                    type: StringConstructor;
+                    default: string | undefined;
+                };
+                origin: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                group: BooleanConstructor;
+                hideOnLeave: BooleanConstructor;
+                leaveAbsolute: BooleanConstructor;
+                mode: {
+                    type: StringConstructor;
+                    default: string | undefined;
+                };
+                origin: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>>, {
+                origin: string;
+                group: boolean;
+                mode: string;
+                hideOnLeave: boolean;
+                leaveAbsolute: boolean;
+            }>;
+            leaveAbsolute: boolean;
+            group: boolean;
+        }>;
+        default: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        }) | {
+            component: vue.DefineComponent<{
+                group: BooleanConstructor;
+                hideOnLeave: BooleanConstructor;
+                leaveAbsolute: BooleanConstructor;
+                mode: {
+                    type: StringConstructor;
+                    default: string | undefined;
+                };
+                origin: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                group: BooleanConstructor;
+                hideOnLeave: BooleanConstructor;
+                leaveAbsolute: BooleanConstructor;
+                mode: {
+                    type: StringConstructor;
+                    default: string | undefined;
+                };
+                origin: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>>, {
+                origin: string;
+                group: boolean;
+                mode: string;
+                hideOnLeave: boolean;
+                leaveAbsolute: boolean;
+            }>;
+            leaveAbsolute: boolean;
+            group: boolean;
+        };
+    };
+    active: BooleanConstructor;
+    color: StringConstructor;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    transition: Omit<{
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        }) | {
+            component: vue.DefineComponent<{
+                group: BooleanConstructor;
+                hideOnLeave: BooleanConstructor;
+                leaveAbsolute: BooleanConstructor;
+                mode: {
+                    type: StringConstructor;
+                    default: string | undefined;
+                };
+                origin: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                group: BooleanConstructor;
+                hideOnLeave: BooleanConstructor;
+                leaveAbsolute: BooleanConstructor;
+                mode: {
+                    type: StringConstructor;
+                    default: string | undefined;
+                };
+                origin: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>>, {
+                origin: string;
+                group: boolean;
+                mode: string;
+                hideOnLeave: boolean;
+                leaveAbsolute: boolean;
+            }>;
+            leaveAbsolute: boolean;
+            group: boolean;
+        }>;
+        default: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        }) | {
+            component: vue.DefineComponent<{
+                group: BooleanConstructor;
+                hideOnLeave: BooleanConstructor;
+                leaveAbsolute: BooleanConstructor;
+                mode: {
+                    type: StringConstructor;
+                    default: string | undefined;
+                };
+                origin: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                group: BooleanConstructor;
+                hideOnLeave: BooleanConstructor;
+                leaveAbsolute: BooleanConstructor;
+                mode: {
+                    type: StringConstructor;
+                    default: string | undefined;
+                };
+                origin: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>>, {
+                origin: string;
+                group: boolean;
+                mode: string;
+                hideOnLeave: boolean;
+                leaveAbsolute: boolean;
+            }>;
+            leaveAbsolute: boolean;
+            group: boolean;
+        };
+    };
+    active: BooleanConstructor;
+    color: StringConstructor;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+}>>, {
+    active: boolean;
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+    }) | {
+        component: vue.DefineComponent<{
+            group: BooleanConstructor;
+            hideOnLeave: BooleanConstructor;
+            leaveAbsolute: BooleanConstructor;
+            mode: {
+                type: StringConstructor;
+                default: string | undefined;
+            };
+            origin: {
+                type: StringConstructor;
+                default: string;
+            };
+        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+            group: BooleanConstructor;
+            hideOnLeave: BooleanConstructor;
+            leaveAbsolute: BooleanConstructor;
+            mode: {
+                type: StringConstructor;
+                default: string | undefined;
+            };
+            origin: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>>, {
+            origin: string;
+            group: boolean;
+            mode: string;
+            hideOnLeave: boolean;
+            leaveAbsolute: boolean;
+        }>;
+        leaveAbsolute: boolean;
+        group: boolean;
+    };
+    messages: string | string[];
+}>;
+
+export { VMessages };

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

@@ -0,0 +1,148 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+declare const VNavigationDrawer: vue.DefineComponent<{
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    disableResizeWatcher: BooleanConstructor;
+    disableRouteWatcher: BooleanConstructor;
+    expandOnHover: BooleanConstructor;
+    floating: BooleanConstructor;
+    modelValue: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    permanent: BooleanConstructor;
+    rail: BooleanConstructor;
+    railWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    scrim: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    image: StringConstructor;
+    temporary: BooleanConstructor;
+    touchless: BooleanConstructor;
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    location: {
+        type: PropType<"end" | "start" | "left" | "bottom" | "right">;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    sticky: BooleanConstructor;
+}, {
+    isStuck: vue.Ref<boolean | "top" | "bottom">;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (val: boolean) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    disableResizeWatcher: BooleanConstructor;
+    disableRouteWatcher: BooleanConstructor;
+    expandOnHover: BooleanConstructor;
+    floating: BooleanConstructor;
+    modelValue: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    permanent: BooleanConstructor;
+    rail: BooleanConstructor;
+    railWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    scrim: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    image: StringConstructor;
+    temporary: BooleanConstructor;
+    touchless: BooleanConstructor;
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    location: {
+        type: PropType<"end" | "start" | "left" | "bottom" | "right">;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    sticky: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
+}, {
+    absolute: boolean;
+    location: "end" | "start" | "left" | "bottom" | "right";
+    width: string | number;
+    order: string | number;
+    temporary: boolean;
+    tag: string;
+    sticky: boolean;
+    rounded: string | number | boolean;
+    floating: boolean;
+    modelValue: boolean | null;
+    scrim: string | boolean;
+    touchless: boolean;
+    disableResizeWatcher: boolean;
+    disableRouteWatcher: boolean;
+    expandOnHover: boolean;
+    permanent: boolean;
+    rail: boolean;
+    railWidth: string | number;
+}>;
+declare type VNavigationDrawer = InstanceType<typeof VNavigationDrawer>;
+
+export { VNavigationDrawer };

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

@@ -0,0 +1,7 @@
+import * as vue from 'vue';
+
+declare const VNoSsr: vue.DefineComponent<{}, () => false | vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+
+export { VNoSsr };

package/lib/components/VOverlay/VOverlay.mjs

@@ -120,7 +120,8 @@ export const VOverlay = genericComponent()({
       activatorEl,
       activatorRef,
       activatorEvents,
-      contentEvents
+      contentEvents,
+      scrimEvents
     } = useActivator(props, {
       isActive,
       isTop: localTop
@@ -235,10 +236,10 @@ export const VOverlay = genericComponent()({
             top: convertToUnit(top.value)
           }],
           "ref": root
-        }, attrs), [_createVNode(Scrim, {
+        }, attrs), [_createVNode(Scrim, _mergeProps({
           "color": scrimColor,
           "modelValue": isActive.value && !!props.scrim
-        }, null), _createVNode(MaybeTransition, {
+        }, toHandlers(scrimEvents.value)), null), _createVNode(MaybeTransition, {
           "appear": true,
           "persisted": true,
           "transition": props.transition,

package/lib/components/VOverlay/VOverlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VOverlay.mjs","names":["makeActivatorProps","useActivator","makeDimensionProps","useDimension","makeLazyProps","useLazy","makeLocationStrategyProps","useLocationStrategies","makeScrollStrategyProps","useScrollStrategies","makeThemeProps","provideTheme","makeTransitionProps","MaybeTransition","useBackButton","useRouter","useBackgroundColor","useProxiedModel","useRtl","useStack","useTeleport","useToggleScope","ClickOutside","animate","convertToUnit","genericComponent","getScrollParent","IN_BROWSER","standardEasing","useRender","computed","mergeProps","ref","Teleport","toHandlers","toRef","Transition","watch","Scrim","props","modelValue","color","rest","backgroundColorClasses","value","backgroundColorStyles","VOverlay","name","directives","inheritAttrs","absolute","Boolean","attach","String","Object","closeOnBack","type","default","contained","contentClass","contentProps","disabled","noClickAnimation","persistent","scrim","zIndex","Number","emits","e","afterLeave","setup","slots","attrs","emit","model","isActive","get","set","v","teleportTarget","themeClasses","rtlClasses","isRtl","hasContent","onAfterLeave","scrimColor","globalTop","localTop","stackStyles","activatorEl","activatorRef","activatorEvents","contentEvents","isTop","dimensionStyles","root","contentEl","contentStyles","updateLocation","onClickOutside","animateClick","closeConditional","val","window","addEventListener","onKeydown","removeEventListener","immediate","key","router","next","top","scrollParent","document","scrollingElement","scrollTop","transformOrigin","transform","duration","easing","activator","activatorProps","transition","handler","include"],"sources":["../../../src/components/VOverlay/VOverlay.tsx"],"sourcesContent":["// Styles\nimport './VOverlay.sass'\n\n// Composables\nimport { makeActivatorProps, useActivator } from './useActivator'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { makeLocationStrategyProps, useLocationStrategies } from './locationStrategies'\nimport { makeScrollStrategyProps, useScrollStrategies } from './scrollStrategies'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useBackButton, useRouter } from '@/composables/router'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/rtl'\nimport { useStack } from '@/composables/stack'\nimport { useTeleport } from '@/composables/teleport'\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Directives\nimport { ClickOutside } from '@/directives/click-outside'\n\n// Utilities\nimport {\n  animate,\n  convertToUnit,\n  genericComponent,\n  getScrollParent,\n  IN_BROWSER,\n  standardEasing,\n  useRender,\n} from '@/util'\nimport {\n  computed,\n  mergeProps,\n  ref,\n  Teleport,\n  toHandlers,\n  toRef,\n  Transition,\n  watch,\n} from 'vue'\n\n// Types\nimport type { BackgroundColorData } from '@/composables/color'\nimport type { MakeSlots } from '@/util'\nimport type { PropType, Ref } from 'vue'\n\ninterface ScrimProps {\n  [key: string]: unknown\n  modelValue: boolean\n  color: BackgroundColorData\n}\nfunction Scrim (props: ScrimProps) {\n  const { modelValue, color, ...rest } = props\n  return (\n    <Transition name=\"fade-transition\" appear>\n      { props.modelValue && (\n        <div\n          class={[\n            'v-overlay__scrim',\n            props.color.backgroundColorClasses.value,\n          ]}\n          style={ props.color.backgroundColorStyles.value }\n          { ...rest }\n        />\n      )}\n    </Transition>\n  )\n}\n\nexport type OverlaySlots = MakeSlots<{\n  default: [{ isActive: Ref<boolean> }]\n  activator: [{ isActive: boolean, props: Record<string, any> }]\n}>\n\nexport const VOverlay = genericComponent<new () => {\n  $slots: OverlaySlots\n}>()({\n  name: 'VOverlay',\n\n  directives: { ClickOutside },\n\n  inheritAttrs: false,\n\n  props: {\n    absolute: Boolean,\n    attach: [Boolean, String, Object] as PropType<boolean | string | Element>,\n    closeOnBack: {\n      type: Boolean,\n      default: true,\n    },\n    contained: Boolean,\n    contentClass: null,\n    contentProps: null,\n    disabled: Boolean,\n    noClickAnimation: Boolean,\n    modelValue: Boolean,\n    persistent: Boolean,\n    scrim: {\n      type: [String, Boolean],\n      default: true,\n    },\n    zIndex: {\n      type: [Number, String],\n      default: 2000,\n    },\n\n    ...makeActivatorProps(),\n    ...makeDimensionProps(),\n    ...makeLazyProps(),\n    ...makeLocationStrategyProps(),\n    ...makeScrollStrategyProps(),\n    ...makeThemeProps(),\n    ...makeTransitionProps(),\n  },\n\n  emits: {\n    'click:outside': (e: MouseEvent) => true,\n    'update:modelValue': (value: boolean) => true,\n    afterLeave: () => true,\n  },\n\n  setup (props, { slots, attrs, emit }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const isActive = computed({\n      get: () => model.value,\n      set: v => {\n        if (!(v && props.disabled)) model.value = v\n      },\n    })\n    const { teleportTarget } = useTeleport(computed(() => props.attach || props.contained))\n    const { themeClasses } = provideTheme(props)\n    const { rtlClasses, isRtl } = useRtl()\n    const { hasContent, onAfterLeave } = useLazy(props, isActive)\n    const scrimColor = useBackgroundColor(computed(() => {\n      return typeof props.scrim === 'string' ? props.scrim : null\n    }))\n    const { globalTop, localTop, stackStyles } = useStack(isActive, toRef(props, 'zIndex'))\n    const { activatorEl, activatorRef, activatorEvents, contentEvents } = useActivator(props, { isActive, isTop: localTop })\n    const { dimensionStyles } = useDimension(props)\n\n    watch(() => props.disabled, v => {\n      if (v) isActive.value = false\n    })\n\n    const root = ref<HTMLElement>()\n    const contentEl = ref<HTMLElement>()\n    const { contentStyles, updateLocation } = useLocationStrategies(props, {\n      isRtl,\n      contentEl,\n      activatorEl,\n      isActive,\n    })\n    useScrollStrategies(props, {\n      root,\n      contentEl,\n      activatorEl,\n      isActive,\n      updateLocation,\n    })\n\n    function onClickOutside (e: MouseEvent) {\n      emit('click:outside', e)\n\n      if (!props.persistent) isActive.value = false\n      else animateClick()\n    }\n\n    function closeConditional () {\n      return isActive.value && globalTop.value\n    }\n\n    IN_BROWSER && watch(isActive, val => {\n      if (val) {\n        window.addEventListener('keydown', onKeydown)\n      } else {\n        window.removeEventListener('keydown', onKeydown)\n      }\n    }, { immediate: true })\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key === 'Escape' && globalTop.value) {\n        if (!props.persistent) {\n          isActive.value = false\n        } else animateClick()\n      }\n    }\n\n    const router = useRouter()\n    useToggleScope(() => props.closeOnBack, () => {\n      useBackButton(router, next => {\n        if (globalTop.value && isActive.value) {\n          next(false)\n          if (!props.persistent) isActive.value = false\n          else animateClick()\n        } else {\n          next()\n        }\n      })\n    })\n\n    const top = ref<number>()\n    watch(() => isActive.value && (props.absolute || props.contained) && teleportTarget.value == null, val => {\n      if (val) {\n        const scrollParent = getScrollParent(root.value)\n        if (scrollParent && scrollParent !== document.scrollingElement) {\n          top.value = scrollParent.scrollTop\n        }\n      }\n    })\n\n    // Add a quick \"bounce\" animation to the content\n    function animateClick () {\n      if (props.noClickAnimation) return\n\n      contentEl.value && animate(contentEl.value, [\n        { transformOrigin: 'center' },\n        { transform: 'scale(1.03)' },\n        { transformOrigin: 'center' },\n      ], {\n        duration: 150,\n        easing: standardEasing,\n      })\n    }\n\n    useRender(() => (\n      <>\n        { slots.activator?.({\n          isActive: isActive.value,\n          props: mergeProps({\n            ref: activatorRef,\n          }, toHandlers(activatorEvents.value), props.activatorProps),\n        }) }\n\n        { IN_BROWSER && (\n          <Teleport\n            disabled={ !teleportTarget.value }\n            to={ teleportTarget.value }\n          >\n            { hasContent.value && (\n              <div\n                class={[\n                  'v-overlay',\n                  {\n                    'v-overlay--absolute': props.absolute || props.contained,\n                    'v-overlay--active': isActive.value,\n                    'v-overlay--contained': props.contained,\n                  },\n                  themeClasses.value,\n                  rtlClasses.value,\n                ]}\n                style={[stackStyles.value, { top: convertToUnit(top.value) }]}\n                ref={ root }\n                {...attrs}\n              >\n                <Scrim\n                  color={ scrimColor }\n                  modelValue={ isActive.value && !!props.scrim }\n                />\n                <MaybeTransition\n                  appear\n                  persisted\n                  transition={ props.transition }\n                  target={ activatorEl.value }\n                  onAfterLeave={() => { onAfterLeave(); emit('afterLeave') }}\n                >\n                  <div\n                    ref={ contentEl }\n                    v-show={ isActive.value }\n                    v-click-outside={{ handler: onClickOutside, closeConditional, include: () => [activatorEl.value] }}\n                    class={[\n                      'v-overlay__content',\n                      props.contentClass,\n                    ]}\n                    style={[\n                      dimensionStyles.value,\n                      contentStyles.value,\n                    ]}\n                    { ...toHandlers(contentEvents.value) }\n                    { ...props.contentProps }\n                  >\n                    { slots.default?.({ isActive }) }\n                  </div>\n                </MaybeTransition>\n              </div>\n            )}\n          </Teleport>\n        ) }\n      </>\n    ))\n\n    return {\n      activatorEl,\n      animateClick,\n      contentEl,\n      globalTop,\n      localTop,\n      updateLocation,\n    }\n  },\n})\n\nexport type VOverlay = InstanceType<typeof VOverlay>\n"],"mappings":"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"}
+{"version":3,"file":"VOverlay.mjs","names":["makeActivatorProps","useActivator","makeDimensionProps","useDimension","makeLazyProps","useLazy","makeLocationStrategyProps","useLocationStrategies","makeScrollStrategyProps","useScrollStrategies","makeThemeProps","provideTheme","makeTransitionProps","MaybeTransition","useBackButton","useRouter","useBackgroundColor","useProxiedModel","useRtl","useStack","useTeleport","useToggleScope","ClickOutside","animate","convertToUnit","genericComponent","getScrollParent","IN_BROWSER","standardEasing","useRender","computed","mergeProps","ref","Teleport","toHandlers","toRef","Transition","watch","Scrim","props","modelValue","color","rest","backgroundColorClasses","value","backgroundColorStyles","VOverlay","name","directives","inheritAttrs","absolute","Boolean","attach","String","Object","closeOnBack","type","default","contained","contentClass","contentProps","disabled","noClickAnimation","persistent","scrim","zIndex","Number","emits","e","afterLeave","setup","slots","attrs","emit","model","isActive","get","set","v","teleportTarget","themeClasses","rtlClasses","isRtl","hasContent","onAfterLeave","scrimColor","globalTop","localTop","stackStyles","activatorEl","activatorRef","activatorEvents","contentEvents","scrimEvents","isTop","dimensionStyles","root","contentEl","contentStyles","updateLocation","onClickOutside","animateClick","closeConditional","val","window","addEventListener","onKeydown","removeEventListener","immediate","key","router","next","top","scrollParent","document","scrollingElement","scrollTop","transformOrigin","transform","duration","easing","activator","activatorProps","transition","handler","include"],"sources":["../../../src/components/VOverlay/VOverlay.tsx"],"sourcesContent":["// Styles\nimport './VOverlay.sass'\n\n// Composables\nimport { makeActivatorProps, useActivator } from './useActivator'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { makeLocationStrategyProps, useLocationStrategies } from './locationStrategies'\nimport { makeScrollStrategyProps, useScrollStrategies } from './scrollStrategies'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useBackButton, useRouter } from '@/composables/router'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/rtl'\nimport { useStack } from '@/composables/stack'\nimport { useTeleport } from '@/composables/teleport'\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Directives\nimport { ClickOutside } from '@/directives/click-outside'\n\n// Utilities\nimport {\n  animate,\n  convertToUnit,\n  genericComponent,\n  getScrollParent,\n  IN_BROWSER,\n  standardEasing,\n  useRender,\n} from '@/util'\nimport {\n  computed,\n  mergeProps,\n  ref,\n  Teleport,\n  toHandlers,\n  toRef,\n  Transition,\n  watch,\n} from 'vue'\n\n// Types\nimport type { BackgroundColorData } from '@/composables/color'\nimport type { MakeSlots } from '@/util'\nimport type { PropType, Ref } from 'vue'\n\ninterface ScrimProps {\n  [key: string]: unknown\n  modelValue: boolean\n  color: BackgroundColorData\n}\nfunction Scrim (props: ScrimProps) {\n  const { modelValue, color, ...rest } = props\n  return (\n    <Transition name=\"fade-transition\" appear>\n      { props.modelValue && (\n        <div\n          class={[\n            'v-overlay__scrim',\n            props.color.backgroundColorClasses.value,\n          ]}\n          style={ props.color.backgroundColorStyles.value }\n          { ...rest }\n        />\n      )}\n    </Transition>\n  )\n}\n\nexport type OverlaySlots = MakeSlots<{\n  default: [{ isActive: Ref<boolean> }]\n  activator: [{ isActive: boolean, props: Record<string, any> }]\n}>\n\nexport const VOverlay = genericComponent<new () => {\n  $slots: OverlaySlots\n}>()({\n  name: 'VOverlay',\n\n  directives: { ClickOutside },\n\n  inheritAttrs: false,\n\n  props: {\n    absolute: Boolean,\n    attach: [Boolean, String, Object] as PropType<boolean | string | Element>,\n    closeOnBack: {\n      type: Boolean,\n      default: true,\n    },\n    contained: Boolean,\n    contentClass: null,\n    contentProps: null,\n    disabled: Boolean,\n    noClickAnimation: Boolean,\n    modelValue: Boolean,\n    persistent: Boolean,\n    scrim: {\n      type: [String, Boolean],\n      default: true,\n    },\n    zIndex: {\n      type: [Number, String],\n      default: 2000,\n    },\n\n    ...makeActivatorProps(),\n    ...makeDimensionProps(),\n    ...makeLazyProps(),\n    ...makeLocationStrategyProps(),\n    ...makeScrollStrategyProps(),\n    ...makeThemeProps(),\n    ...makeTransitionProps(),\n  },\n\n  emits: {\n    'click:outside': (e: MouseEvent) => true,\n    'update:modelValue': (value: boolean) => true,\n    afterLeave: () => true,\n  },\n\n  setup (props, { slots, attrs, emit }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const isActive = computed({\n      get: () => model.value,\n      set: v => {\n        if (!(v && props.disabled)) model.value = v\n      },\n    })\n    const { teleportTarget } = useTeleport(computed(() => props.attach || props.contained))\n    const { themeClasses } = provideTheme(props)\n    const { rtlClasses, isRtl } = useRtl()\n    const { hasContent, onAfterLeave } = useLazy(props, isActive)\n    const scrimColor = useBackgroundColor(computed(() => {\n      return typeof props.scrim === 'string' ? props.scrim : null\n    }))\n    const { globalTop, localTop, stackStyles } = useStack(isActive, toRef(props, 'zIndex'))\n    const { activatorEl, activatorRef, activatorEvents, contentEvents, scrimEvents } = useActivator(props, { isActive, isTop: localTop })\n    const { dimensionStyles } = useDimension(props)\n\n    watch(() => props.disabled, v => {\n      if (v) isActive.value = false\n    })\n\n    const root = ref<HTMLElement>()\n    const contentEl = ref<HTMLElement>()\n    const { contentStyles, updateLocation } = useLocationStrategies(props, {\n      isRtl,\n      contentEl,\n      activatorEl,\n      isActive,\n    })\n    useScrollStrategies(props, {\n      root,\n      contentEl,\n      activatorEl,\n      isActive,\n      updateLocation,\n    })\n\n    function onClickOutside (e: MouseEvent) {\n      emit('click:outside', e)\n\n      if (!props.persistent) isActive.value = false\n      else animateClick()\n    }\n\n    function closeConditional () {\n      return isActive.value && globalTop.value\n    }\n\n    IN_BROWSER && watch(isActive, val => {\n      if (val) {\n        window.addEventListener('keydown', onKeydown)\n      } else {\n        window.removeEventListener('keydown', onKeydown)\n      }\n    }, { immediate: true })\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key === 'Escape' && globalTop.value) {\n        if (!props.persistent) {\n          isActive.value = false\n        } else animateClick()\n      }\n    }\n\n    const router = useRouter()\n    useToggleScope(() => props.closeOnBack, () => {\n      useBackButton(router, next => {\n        if (globalTop.value && isActive.value) {\n          next(false)\n          if (!props.persistent) isActive.value = false\n          else animateClick()\n        } else {\n          next()\n        }\n      })\n    })\n\n    const top = ref<number>()\n    watch(() => isActive.value && (props.absolute || props.contained) && teleportTarget.value == null, val => {\n      if (val) {\n        const scrollParent = getScrollParent(root.value)\n        if (scrollParent && scrollParent !== document.scrollingElement) {\n          top.value = scrollParent.scrollTop\n        }\n      }\n    })\n\n    // Add a quick \"bounce\" animation to the content\n    function animateClick () {\n      if (props.noClickAnimation) return\n\n      contentEl.value && animate(contentEl.value, [\n        { transformOrigin: 'center' },\n        { transform: 'scale(1.03)' },\n        { transformOrigin: 'center' },\n      ], {\n        duration: 150,\n        easing: standardEasing,\n      })\n    }\n\n    useRender(() => (\n      <>\n        { slots.activator?.({\n          isActive: isActive.value,\n          props: mergeProps({\n            ref: activatorRef,\n          }, toHandlers(activatorEvents.value), props.activatorProps),\n        }) }\n\n        { IN_BROWSER && (\n          <Teleport\n            disabled={ !teleportTarget.value }\n            to={ teleportTarget.value }\n          >\n            { hasContent.value && (\n              <div\n                class={[\n                  'v-overlay',\n                  {\n                    'v-overlay--absolute': props.absolute || props.contained,\n                    'v-overlay--active': isActive.value,\n                    'v-overlay--contained': props.contained,\n                  },\n                  themeClasses.value,\n                  rtlClasses.value,\n                ]}\n                style={[stackStyles.value, { top: convertToUnit(top.value) }]}\n                ref={ root }\n                {...attrs}\n              >\n                <Scrim\n                  color={ scrimColor }\n                  modelValue={ isActive.value && !!props.scrim }\n                  { ...toHandlers(scrimEvents.value) }\n                />\n                <MaybeTransition\n                  appear\n                  persisted\n                  transition={ props.transition }\n                  target={ activatorEl.value }\n                  onAfterLeave={() => { onAfterLeave(); emit('afterLeave') }}\n                >\n                  <div\n                    ref={ contentEl }\n                    v-show={ isActive.value }\n                    v-click-outside={{ handler: onClickOutside, closeConditional, include: () => [activatorEl.value] }}\n                    class={[\n                      'v-overlay__content',\n                      props.contentClass,\n                    ]}\n                    style={[\n                      dimensionStyles.value,\n                      contentStyles.value,\n                    ]}\n                    { ...toHandlers(contentEvents.value) }\n                    { ...props.contentProps }\n                  >\n                    { slots.default?.({ isActive }) }\n                  </div>\n                </MaybeTransition>\n              </div>\n            )}\n          </Teleport>\n        ) }\n      </>\n    ))\n\n    return {\n      activatorEl,\n      animateClick,\n      contentEl,\n      globalTop,\n      localTop,\n      updateLocation,\n    }\n  },\n})\n\nexport type VOverlay = InstanceType<typeof VOverlay>\n"],"mappings":"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"}