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

package/lib/components/VOverlay/VOverlay.mjs

@@ -1,7 +1,8 @@
 import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, vShow as _vShow, Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Styles
-import "./VOverlay.css"; // Composables
+import "./VOverlay.css";
 
+// Composables
 import { makeActivatorProps, useActivator } from "./useActivator.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { makeLazyProps, useLazy } from "../../composables/lazy.mjs";
@@ -12,15 +13,15 @@ import { makeTransitionProps, MaybeTransition } from "../../composables/transiti
 import { useBackButton, useRouter } from "../../composables/router.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
-import { useRtl } from "../../composables/rtl.mjs";
+import { useRtl } from "../../composables/locale.mjs";
 import { useStack } from "../../composables/stack.mjs";
 import { useTeleport } from "../../composables/teleport.mjs";
 import { useToggleScope } from "../../composables/toggleScope.mjs"; // Directives
-
 import { ClickOutside } from "../../directives/click-outside/index.mjs"; // Utilities
-
 import { animate, convertToUnit, genericComponent, getScrollParent, IN_BROWSER, standardEasing, useRender } from "../../util/index.mjs";
-import { computed, mergeProps, ref, Teleport, toHandlers, toRef, Transition, watch } from 'vue'; // Types
+import { computed, mergeProps, ref, Teleport, toHandlers, toRef, Transition, watch } from 'vue';
+
+// Types
 
 function Scrim(props) {
   const {
@@ -38,7 +39,6 @@ function Scrim(props) {
     }, rest), null)]
   });
 }
-
 export const VOverlay = genericComponent()({
   name: 'VOverlay',
   directives: {
@@ -80,7 +80,6 @@ export const VOverlay = genericComponent()({
     'update:modelValue': value => true,
     afterLeave: () => true
   },
-
   setup(props, _ref) {
     let {
       slots,
@@ -150,16 +149,13 @@ export const VOverlay = genericComponent()({
       isActive,
       updateLocation
     });
-
     function onClickOutside(e) {
       emit('click:outside', e);
       if (!props.persistent) isActive.value = false;else animateClick();
     }
-
     function closeConditional() {
       return isActive.value && globalTop.value;
     }
-
     IN_BROWSER && watch(isActive, val => {
       if (val) {
         window.addEventListener('keydown', onKeydown);
@@ -169,7 +165,6 @@ export const VOverlay = genericComponent()({
     }, {
       immediate: true
     });
-
     function onKeydown(e) {
       if (e.key === 'Escape' && globalTop.value) {
         if (!props.persistent) {
@@ -177,7 +172,6 @@ export const VOverlay = genericComponent()({
         } else animateClick();
       }
     }
-
     const router = useRouter();
     useToggleScope(() => props.closeOnBack, () => {
       useBackButton(router, next => {
@@ -193,13 +187,13 @@ export const VOverlay = genericComponent()({
     watch(() => isActive.value && (props.absolute || props.contained) && teleportTarget.value == null, val => {
       if (val) {
         const scrollParent = getScrollParent(root.value);
-
         if (scrollParent && scrollParent !== document.scrollingElement) {
           top.value = scrollParent.scrollTop;
         }
       }
-    }); // Add a quick "bounce" animation to the content
+    });
 
+    // Add a quick "bounce" animation to the content
     function animateClick() {
       if (props.noClickAnimation) return;
       contentEl.value && animate(contentEl.value, [{
@@ -213,10 +207,8 @@ export const VOverlay = genericComponent()({
         easing: standardEasing
       });
     }
-
     useRender(() => {
       var _slots$activator, _slots$default;
-
       return _createVNode(_Fragment, null, [(_slots$activator = slots.activator) == null ? void 0 : _slots$activator.call(slots, {
         isActive: isActive.value,
         props: mergeProps({
@@ -272,6 +264,5 @@ export const VOverlay = genericComponent()({
       updateLocation
     };
   }
-
 });
 //# sourceMappingURL=VOverlay.mjs.map

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","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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"}
+{"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/locale'\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, SlotsToProps } 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  $props: SlotsToProps<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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"}

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

@@ -8,6 +8,7 @@ interface ScrollStrategyData {
     isActive: Ref<boolean>;
     updateLocation: Ref<((e: Event) => void) | undefined>;
 }
+declare type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps$1) => void;
 declare const scrollStrategies: {
     none: null;
     close: typeof closeScrollStrategy;
@@ -15,7 +16,7 @@ declare const scrollStrategies: {
     reposition: typeof repositionScrollStrategy;
 };
 interface StrategyProps$1 {
-    scrollStrategy: keyof typeof scrollStrategies | ((data: ScrollStrategyData, props?: StrategyProps$1) => void);
+    scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn;
     contained: boolean | undefined;
 }
 declare function closeScrollStrategy(data: ScrollStrategyData): void;
@@ -28,14 +29,16 @@ declare type Tblock = typeof block[number];
 declare type Tinline = typeof inline[number];
 declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
 
-declare type SlotsToProps<T extends Record<string, Slot>> = {
-    $children: () => (T['default'] | VNodeChild | {
+declare type SlotsToProps<T extends Record<string, any>> = T extends Record<string, Slot> ? ({
+    $children?: (VNodeChild | (keyof T extends 'default' ? T['default'] : {}) | {
         [K in keyof T]?: T[K];
     });
-    'v-slots': new () => {
+    'v-slots'?: {
         [K in keyof T]?: T[K] | false;
     };
-};
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+}) : T extends Record<string, any[]> ? SlotsToProps<MakeSlots<T>> : never;
 declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
 declare type MakeSlots<T extends Record<string, any[]>> = {
     [K in keyof T]?: Slot<T[K]>;
@@ -47,14 +50,15 @@ interface LocationStrategyData {
     isActive: Ref<boolean>;
     isRtl: Ref<boolean>;
 }
+declare type LocationStrategyFn = (data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
+    updateLocation: (e: Event) => void;
+};
 declare const locationStrategies: {
     static: typeof staticLocationStrategy;
     connected: typeof connectedLocationStrategy;
 };
 interface StrategyProps {
-    locationStrategy: keyof typeof locationStrategies | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
-        updateLocation: (e: Event) => void;
-    });
+    locationStrategy: keyof typeof locationStrategies | LocationStrategyFn;
     location: Anchor;
     origin: Anchor | 'auto' | 'overlap';
     offset?: number | string | number[];
@@ -100,13 +104,13 @@ declare const VOverlay: {
             locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
-            scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void);
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
             contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
             closeOnBack: boolean;
             scrim: string | boolean;
-        }> & Omit<Readonly<vue.ExtractPropTypes<{
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             transition: {
                 type: PropType<string | boolean | (vue.TransitionProps & {
                     component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
@@ -116,7 +120,7 @@ declare const VOverlay: {
             };
             theme: StringConstructor;
             scrollStrategy: {
-                type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+                type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
                 default: string;
                 validator: (val: any) => boolean;
             };
@@ -181,15 +185,7 @@ declare const VOverlay: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
-        } & SlotsToProps<MakeSlots<{
-            default: [{
-                isActive: Ref<boolean>;
-            }];
-            activator: [{
-                isActive: boolean;
-                props: Record<string, any>;
-            }];
-        }>>>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
@@ -207,7 +203,7 @@ declare const VOverlay: {
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
         $el: any;
-        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             transition: {
                 type: PropType<string | boolean | (vue.TransitionProps & {
                     component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
@@ -217,7 +213,7 @@ declare const VOverlay: {
             };
             theme: StringConstructor;
             scrollStrategy: {
-                type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+                type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
                 default: string;
                 validator: (val: any) => boolean;
             };
@@ -282,15 +278,7 @@ declare const VOverlay: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
-        } & SlotsToProps<MakeSlots<{
-            default: [{
-                isActive: Ref<boolean>;
-            }];
-            activator: [{
-                isActive: boolean;
-                props: Record<string, any>;
-            }];
-        }>>>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
@@ -301,11 +289,11 @@ declare const VOverlay: {
             globalTop: Readonly<Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
             updateLocation: Ref<((e: Event) => void) | undefined>;
-        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'click:outside': (e: MouseEvent) => boolean;
             'update:modelValue': (value: boolean) => boolean;
             afterLeave: () => boolean;
-        }, string, {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
             absolute: boolean;
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
@@ -324,7 +312,7 @@ declare const VOverlay: {
             locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
-            scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void);
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
             contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
@@ -350,7 +338,7 @@ declare const VOverlay: {
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
         $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & Readonly<vue.ExtractPropTypes<{
+    } & Readonly<vue.ExtractPropTypes<Omit<{
         transition: {
             type: PropType<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
@@ -360,7 +348,7 @@ declare const VOverlay: {
         };
         theme: StringConstructor;
         scrollStrategy: {
-            type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+            type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
             default: string;
             validator: (val: any) => boolean;
         };
@@ -425,15 +413,7 @@ declare const VOverlay: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
-    } & SlotsToProps<MakeSlots<{
-        default: [{
-            isActive: Ref<boolean>;
-        }];
-        activator: [{
-            isActive: boolean;
-            props: Record<string, any>;
-        }];
-    }>>>> & {
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
@@ -448,7 +428,7 @@ declare const VOverlay: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
     transition: {
         type: PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
@@ -458,7 +438,7 @@ declare const VOverlay: {
     };
     theme: StringConstructor;
     scrollStrategy: {
-        type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+        type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
         default: string;
         validator: (val: any) => boolean;
     };
@@ -523,15 +503,7 @@ declare const VOverlay: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-} & SlotsToProps<MakeSlots<{
-    default: [{
-        isActive: Ref<boolean>;
-    }];
-    activator: [{
-        isActive: boolean;
-        props: Record<string, any>;
-    }];
-}>>>> & {
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
     onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
@@ -542,11 +514,11 @@ declare const VOverlay: {
     globalTop: Readonly<Ref<boolean>>;
     localTop: vue.ComputedRef<boolean>;
     updateLocation: Ref<((e: Event) => void) | undefined>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'click:outside': (e: MouseEvent) => boolean;
     'update:modelValue': (value: boolean) => boolean;
     afterLeave: () => boolean;
-}, string, {
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
     absolute: boolean;
     location: Anchor;
     origin: "auto" | Anchor | "overlap";
@@ -565,14 +537,14 @@ declare const VOverlay: {
     locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
         updateLocation: (e: Event) => void;
     } | undefined);
-    scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void);
+    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
     contained: boolean;
     noClickAnimation: boolean;
     persistent: boolean;
     closeOnBack: boolean;
     scrim: string | boolean;
 }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
-    $slots: OverlaySlots;
+    $props: SlotsToProps<OverlaySlots>;
 });
 declare type VOverlay = InstanceType<typeof VOverlay>;
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VOverlay"],"sources":["../../../src/components/VOverlay/index.ts"],"sourcesContent":["export { VOverlay } from './VOverlay'\n"],"mappings":"SAASA,Q"}
+{"version":3,"file":"index.mjs","names":["VOverlay"],"sources":["../../../src/components/VOverlay/index.ts"],"sourcesContent":["export { VOverlay } from './VOverlay'\n"],"mappings":"SAASA,QAAQ"}