New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@vueuse/components
Advanced tools
@vueuse/components - npm Package Compare versions
Comparing version 11.0.3 to 11.1.0
262
index.d.ts
@@ -1,4 +0,4 @@ | ||
| import * as vue_demi from 'vue-demi'; | ||
| import * as vue from 'vue-demi'; | ||
| import { MaybeRef, MaybeRefOrGetter, ConfigurableEventFilter, ConfigurableFlush, Awaitable } from '@vueuse/shared'; | ||
| import { ComponentPublicInstance, ObjectDirective, Ref, UnwrapNestedRefs, ComputedRef, FunctionDirective } from 'vue-demi'; | ||
| import { MaybeRef, MaybeRefOrGetter, ConfigurableEventFilter, ConfigurableFlush, Awaitable } from '@vueuse/shared'; | ||
| import { UseClipboardOptions, UseDarkOptions, UseDevicesListOptions, UseDraggableOptions, ElementSize as ElementSize$1, UseGeolocationOptions, UseIdleOptions, UseMouseOptions, MouseInElementOptions, MousePressedOptions, UseNowOptions, UsePointerOptions, UseTimeAgoOptions, UseTimestampOptions, UseVirtualListOptions, UseWindowSizeOptions } from '@vueuse/core'; | ||
@@ -10,11 +10,2 @@ | ||
| interface RenderableComponent { | ||
| /** | ||
| * The element that the component should be rendered as | ||
| * | ||
| * @default 'div' | ||
| */ | ||
| as?: object | string; | ||
| } | ||
| type VueInstance = ComponentPublicInstance; | ||
@@ -29,3 +20,3 @@ type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>; | ||
| */ | ||
| ignore?: (MaybeElementRef | string)[]; | ||
| ignore?: MaybeRefOrGetter<(MaybeElementRef | string)[]>; | ||
| /** | ||
@@ -48,6 +39,15 @@ * Use capturing phase for internal event listener. | ||
| interface RenderableComponent { | ||
| /** | ||
| * The element that the component should be rendered as | ||
| * | ||
| * @default 'div' | ||
| */ | ||
| as?: object | string; | ||
| } | ||
| interface OnClickOutsideProps extends RenderableComponent { | ||
| options?: OnClickOutsideOptions; | ||
| } | ||
| declare const OnClickOutside: vue_demi.DefineComponent<OnClickOutsideProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<OnClickOutsideProps>, {}, {}>; | ||
| declare const OnClickOutside: vue.DefineComponent<OnClickOutsideProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<OnClickOutsideProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
@@ -106,3 +106,3 @@ declare const vOnClickOutside: ObjectDirective<HTMLElement, OnClickOutsideHandler | [(evt: any) => void, OnClickOutsideOptions]>; | ||
| } | ||
| declare const OnLongPress: vue_demi.DefineComponent<OnLongPressProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<OnLongPressProps>, {}, {}>; | ||
| declare const OnLongPress: vue.DefineComponent<OnLongPressProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<OnLongPressProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
@@ -116,17 +116,17 @@ type BindingValueFunction$7 = (evt: PointerEvent) => void; | ||
| declare const UseActiveElement: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UseActiveElement: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UseBattery: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UseBattery: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UseBrowserLocation: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UseBrowserLocation: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| interface UseClipboardProps<Source = string> extends UseClipboardOptions<Source> { | ||
| } | ||
| declare const UseClipboard: vue_demi.DefineComponent<UseClipboardProps<string>, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseClipboardProps<string>>, {}, {}>; | ||
| declare const UseClipboard: vue.DefineComponent<UseClipboardProps<string>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseClipboardProps<string>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
@@ -267,23 +267,23 @@ interface StorageLike { | ||
| declare const UseColorMode: vue_demi.DefineComponent<UseColorModeOptions<BasicColorMode>, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseColorModeOptions<BasicColorMode>>, {}, {}>; | ||
| declare const UseColorMode: vue.DefineComponent<UseColorModeOptions<BasicColorMode>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseColorModeOptions<BasicColorMode>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseDark: vue_demi.DefineComponent<UseDarkOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseDarkOptions>, {}, {}>; | ||
| declare const UseDark: vue.DefineComponent<UseDarkOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseDarkOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseDeviceMotion: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UseDeviceMotion: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UseDeviceOrientation: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UseDeviceOrientation: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UseDevicePixelRatio: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UseDevicePixelRatio: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UseDevicesList: vue_demi.DefineComponent<UseDevicesListOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseDevicesListOptions>, {}, {}>; | ||
| declare const UseDevicesList: vue.DefineComponent<UseDevicesListOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseDevicesListOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseDocumentVisibility: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UseDocumentVisibility: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
@@ -302,3 +302,3 @@ interface UseDraggableProps extends UseDraggableOptions, RenderableComponent { | ||
| } | ||
| declare const UseDraggable: vue_demi.DefineComponent<UseDraggableProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseDraggableProps>, {}, {}>; | ||
| declare const UseDraggable: vue.DefineComponent<UseDraggableProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseDraggableProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
@@ -312,5 +312,5 @@ interface ResizeObserverSize { | ||
| readonly contentRect: DOMRectReadOnly; | ||
| readonly borderBoxSize?: ReadonlyArray<ResizeObserverSize>; | ||
| readonly contentBoxSize?: ReadonlyArray<ResizeObserverSize>; | ||
| readonly devicePixelContentBoxSize?: ReadonlyArray<ResizeObserverSize>; | ||
| readonly borderBoxSize: ReadonlyArray<ResizeObserverSize>; | ||
| readonly contentBoxSize: ReadonlyArray<ResizeObserverSize>; | ||
| readonly devicePixelContentBoxSize: ReadonlyArray<ResizeObserverSize>; | ||
| } | ||
@@ -334,3 +334,3 @@ type ResizeObserverCallback = (entries: ReadonlyArray<ResizeObserverEntry>, observer: ResizeObserver) => void; | ||
| declare const UseElementBounding: vue_demi.DefineComponent<UseResizeObserverOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseResizeObserverOptions & RenderableComponent>, {}, {}>; | ||
| declare const UseElementBounding: vue.DefineComponent<UseResizeObserverOptions & RenderableComponent, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseResizeObserverOptions & RenderableComponent> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
@@ -345,3 +345,3 @@ interface UseElementHoverOptions extends ConfigurableWindow { | ||
| declare const UseElementSize: vue_demi.DefineComponent<ElementSize$1 & UseResizeObserverOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<ElementSize$1 & UseResizeObserverOptions & RenderableComponent>, {}, {}>; | ||
| declare const UseElementSize: vue.DefineComponent<ElementSize$1 & UseResizeObserverOptions & RenderableComponent, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ElementSize$1 & UseResizeObserverOptions & RenderableComponent> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
@@ -358,4 +358,4 @@ interface ElementSize { | ||
| declare function useElementSize(target: MaybeComputedElementRef, initialSize?: ElementSize, options?: UseResizeObserverOptions): { | ||
| width: vue_demi.Ref<number>; | ||
| height: vue_demi.Ref<number>; | ||
| width: vue.Ref<number, number>; | ||
| height: vue.Ref<number, number>; | ||
| stop: () => void; | ||
@@ -370,3 +370,3 @@ }; | ||
| declare const UseElementVisibility: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<RenderableComponent>, {}, {}>; | ||
| declare const UseElementVisibility: vue.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RenderableComponent> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
@@ -383,3 +383,3 @@ interface UseIntersectionObserverOptions extends ConfigurableWindow { | ||
| */ | ||
| root?: MaybeComputedElementRef; | ||
| root?: MaybeComputedElementRef | Document; | ||
| /** | ||
@@ -404,41 +404,20 @@ * A string which specifies a set of offsets to add to the root's bounding_box when calculating intersections. | ||
| declare const UseEyeDropper: vue_demi.DefineComponent<{ | ||
| declare const UseEyeDropper: vue.DefineComponent<vue.ExtractPropTypes<{ | ||
| sRGBHex: StringConstructor; | ||
| }, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{ | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{ | ||
| sRGBHex: StringConstructor; | ||
| }>>, {}, {}>; | ||
| }>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UseFullscreen: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<RenderableComponent>, {}, {}>; | ||
| declare const UseFullscreen: vue.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RenderableComponent> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseGeolocation: vue_demi.DefineComponent<UseGeolocationOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseGeolocationOptions>, {}, {}>; | ||
| declare const UseGeolocation: vue.DefineComponent<UseGeolocationOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseGeolocationOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseIdle: vue_demi.DefineComponent<UseIdleOptions & { | ||
| declare const UseIdle: vue.DefineComponent<UseIdleOptions & { | ||
| timeout: number; | ||
| }, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseIdleOptions & { | ||
| }, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseIdleOptions & { | ||
| timeout: number; | ||
| }>, {}, {}>; | ||
| }> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| interface UseImageOptions { | ||
| /** Address of the resource */ | ||
| src: string; | ||
| /** Images to use in different situations, e.g., high-resolution displays, small monitors, etc. */ | ||
| srcset?: string; | ||
| /** Image sizes for different page layouts */ | ||
| sizes?: string; | ||
| /** Image alternative information */ | ||
| alt?: string; | ||
| /** Image classes */ | ||
| class?: string; | ||
| /** Image loading */ | ||
| loading?: HTMLImageElement['loading']; | ||
| /** Image CORS settings */ | ||
| crossorigin?: string; | ||
| /** Referrer policy for fetch https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy */ | ||
| referrerPolicy?: HTMLImageElement['referrerPolicy']; | ||
| } | ||
| declare const UseImage: vue_demi.DefineComponent<UseImageOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseImageOptions & RenderableComponent>, {}, {}>; | ||
| interface UseScrollOptions extends ConfigurableWindow { | ||
@@ -506,5 +485,5 @@ /** | ||
| declare function useScroll(element: MaybeRefOrGetter<HTMLElement | SVGElement | Window | Document | null | undefined>, options?: UseScrollOptions): { | ||
| x: vue_demi.WritableComputedRef<number>; | ||
| y: vue_demi.WritableComputedRef<number>; | ||
| isScrolling: vue_demi.Ref<boolean>; | ||
| x: vue.WritableComputedRef<number, number>; | ||
| y: vue.WritableComputedRef<number, number>; | ||
| isScrolling: vue.Ref<boolean, boolean>; | ||
| arrivedState: { | ||
@@ -559,31 +538,6 @@ left: boolean; | ||
| declare function useInfiniteScroll<T extends InfiniteScrollElement>(element: MaybeRefOrGetter<T>, onLoadMore: (state: UnwrapNestedRefs<ReturnType<typeof useScroll>>) => Awaitable<void>, options?: UseInfiniteScrollOptions<T>): { | ||
| isLoading: vue_demi.ComputedRef<boolean>; | ||
| isLoading: vue.ComputedRef<boolean>; | ||
| reset(): void; | ||
| }; | ||
| type BindingValueFunction$3 = Parameters<typeof useInfiniteScroll>[1]; | ||
| type BindingValueArray$3 = [BindingValueFunction$3, UseInfiniteScrollOptions]; | ||
| declare const vInfiniteScroll: ObjectDirective<HTMLElement, BindingValueFunction$3 | BindingValueArray$3>; | ||
| type BindingValueFunction$2 = IntersectionObserverCallback; | ||
| type BindingValueArray$2 = [BindingValueFunction$2, UseIntersectionObserverOptions]; | ||
| declare const vIntersectionObserver: ObjectDirective<HTMLElement, BindingValueFunction$2 | BindingValueArray$2>; | ||
| declare const UseMouse: vue_demi.DefineComponent<UseMouseOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseMouseOptions>, {}, {}>; | ||
| declare const UseMouseInElement: vue_demi.DefineComponent<MouseInElementOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<MouseInElementOptions & RenderableComponent>, {}, {}>; | ||
| declare const UseMousePressed: vue_demi.DefineComponent<Omit<MousePressedOptions, "target"> & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<Omit<MousePressedOptions, "target"> & RenderableComponent>, {}, {}>; | ||
| declare const UseNetwork: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| declare const UseNow: vue_demi.DefineComponent<Omit<UseNowOptions<true>, "controls">, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<Omit<UseNowOptions<true>, "controls">>, {}, {}>; | ||
| interface UseObjectUrlProps { | ||
| object: Blob | MediaSource | undefined; | ||
| } | ||
| declare const UseObjectUrl: vue_demi.DefineComponent<UseObjectUrlProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseObjectUrlProps>, {}, {}>; | ||
| interface UseOffsetPaginationOptions { | ||
@@ -627,39 +581,85 @@ /** | ||
| declare const UseOffsetPagination: vue_demi.DefineComponent<UseOffsetPaginationOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseOffsetPaginationOptions>, {}, {}>; | ||
| interface UseImageOptions { | ||
| /** Address of the resource */ | ||
| src: string; | ||
| /** Images to use in different situations, e.g., high-resolution displays, small monitors, etc. */ | ||
| srcset?: string; | ||
| /** Image sizes for different page layouts */ | ||
| sizes?: string; | ||
| /** Image alternative information */ | ||
| alt?: string; | ||
| /** Image classes */ | ||
| class?: string; | ||
| /** Image loading */ | ||
| loading?: HTMLImageElement['loading']; | ||
| /** Image CORS settings */ | ||
| crossorigin?: string; | ||
| /** Referrer policy for fetch https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy */ | ||
| referrerPolicy?: HTMLImageElement['referrerPolicy']; | ||
| } | ||
| declare const UseOnline: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UseImage: vue.DefineComponent<UseImageOptions & RenderableComponent, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseImageOptions & RenderableComponent> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| type BindingValueFunction$3 = Parameters<typeof useInfiniteScroll>[1]; | ||
| type BindingValueArray$3 = [BindingValueFunction$3, UseInfiniteScrollOptions]; | ||
| declare const vInfiniteScroll: ObjectDirective<HTMLElement, BindingValueFunction$3 | BindingValueArray$3>; | ||
| type BindingValueFunction$2 = IntersectionObserverCallback; | ||
| type BindingValueArray$2 = [BindingValueFunction$2, UseIntersectionObserverOptions]; | ||
| declare const vIntersectionObserver: ObjectDirective<HTMLElement, BindingValueFunction$2 | BindingValueArray$2>; | ||
| declare const UseMouse: vue.DefineComponent<UseMouseOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseMouseOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseMouseInElement: vue.DefineComponent<MouseInElementOptions & RenderableComponent, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<MouseInElementOptions & RenderableComponent> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseMousePressed: vue.DefineComponent<Omit<MousePressedOptions, "target"> & RenderableComponent, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<Omit<MousePressedOptions, "target"> & RenderableComponent> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseNetwork: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UsePageLeave: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UseNow: vue.DefineComponent<Omit<UseNowOptions<true>, "controls">, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<Omit<UseNowOptions<true>, "controls">> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| interface UseObjectUrlProps { | ||
| object: Blob | MediaSource | undefined; | ||
| } | ||
| declare const UseObjectUrl: vue.DefineComponent<UseObjectUrlProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseObjectUrlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseOffsetPagination: vue.DefineComponent<UseOffsetPaginationOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseOffsetPaginationOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseOnline: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UsePointer: vue_demi.DefineComponent<Omit<UsePointerOptions, "target"> & { | ||
| declare const UsePageLeave: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UsePointer: vue.DefineComponent<Omit<UsePointerOptions, "target"> & { | ||
| target: "window" | "self"; | ||
| }, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<Omit<UsePointerOptions, "target"> & { | ||
| }, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<Omit<UsePointerOptions, "target"> & { | ||
| target: "window" | "self"; | ||
| }>, {}, {}>; | ||
| }> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UsePointerLock: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<RenderableComponent>, {}, {}>; | ||
| declare const UsePointerLock: vue.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RenderableComponent> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UsePreferredColorScheme: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UsePreferredColorScheme: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UsePreferredContrast: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UsePreferredContrast: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UsePreferredDark: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UsePreferredDark: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UsePreferredLanguages: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UsePreferredLanguages: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UsePreferredReducedMotion: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UsePreferredReducedMotion: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
@@ -670,3 +670,3 @@ type BindingValueFunction$1 = ResizeObserverCallback; | ||
| declare const UseScreenSafeArea: vue_demi.DefineComponent<{ | ||
| declare const UseScreenSafeArea: vue.DefineComponent<vue.ExtractPropTypes<{ | ||
| top: BooleanConstructor; | ||
@@ -676,5 +676,5 @@ right: BooleanConstructor; | ||
| left: BooleanConstructor; | ||
| }, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }> | undefined, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{ | ||
| }> | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{ | ||
| top: BooleanConstructor; | ||
@@ -684,3 +684,3 @@ right: BooleanConstructor; | ||
| left: BooleanConstructor; | ||
| }>>, { | ||
| }>> & Readonly<{}>, { | ||
| top: boolean; | ||
@@ -690,3 +690,3 @@ left: boolean; | ||
| bottom: boolean; | ||
| }, {}>; | ||
| }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
@@ -702,5 +702,5 @@ type BindingValueFunction = (state: UseScrollReturn) => void; | ||
| } | ||
| declare const UseTimeAgo: vue_demi.DefineComponent<UseTimeAgoComponentOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseTimeAgoComponentOptions>, {}, {}>; | ||
| declare const UseTimeAgo: vue.DefineComponent<UseTimeAgoComponentOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseTimeAgoComponentOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseTimestamp: vue_demi.DefineComponent<Omit<UseTimestampOptions<true>, "controls">, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<Omit<UseTimestampOptions<true>, "controls">>, {}, {}>; | ||
| declare const UseTimestamp: vue.DefineComponent<Omit<UseTimestampOptions<true>, "controls">, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<Omit<UseTimestampOptions<true>, "controls">> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
@@ -727,10 +727,10 @@ interface UseVirtualListProps { | ||
| } | ||
| declare const UseVirtualList: vue_demi.DefineComponent<UseVirtualListProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseVirtualListProps>, {}, {}>; | ||
| declare const UseVirtualList: vue.DefineComponent<UseVirtualListProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseVirtualListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| declare const UseWindowFocus: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, { | ||
| declare const UseWindowFocus: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
| [key: string]: any; | ||
| }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>; | ||
| }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; | ||
| declare const UseWindowSize: vue_demi.DefineComponent<UseWindowSizeOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseWindowSizeOptions>, {}, {}>; | ||
| declare const UseWindowSize: vue.DefineComponent<UseWindowSizeOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UseWindowSizeOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>; | ||
| export { OnClickOutside, type OnClickOutsideProps, OnLongPress, type OnLongPressProps, UseActiveElement, UseBattery, UseBrowserLocation, UseClipboard, UseColorMode, UseDark, UseDeviceMotion, UseDeviceOrientation, UseDevicePixelRatio, UseDevicesList, UseDocumentVisibility, UseDraggable, type UseDraggableProps, UseElementBounding, UseElementSize, UseElementVisibility, UseEyeDropper, UseFullscreen, UseGeolocation, UseIdle, UseImage, UseMouse, UseMouseInElement, UseMousePressed, UseNetwork, UseNow, UseObjectUrl, type UseObjectUrlProps, UseOffsetPagination, UseOnline, UsePageLeave, UsePointer, UsePointerLock, UsePreferredColorScheme, UsePreferredContrast, UsePreferredDark, UsePreferredLanguages, UsePreferredReducedMotion, UseScreenSafeArea, UseTimeAgo, UseTimestamp, UseVirtualList, type UseVirtualListProps, UseWindowFocus, UseWindowSize, vOnClickOutside as VOnClickOutside, vOnLongPress as VOnLongPress, vElementHover, vElementSize, vElementVisibility, vInfiniteScroll, vIntersectionObserver, vOnClickOutside, vOnKeyStroke, vOnLongPress, vResizeObserver, vScroll, vScrollLock }; |
@@ -1,1 +0,1 @@ | ||
| var _VueDemiGlobal=typeof globalThis<"u"?globalThis:typeof global<"u"?global:typeof self<"u"?self:this,VueDemi=function(l,o,w){if(l.install)return l;if(!o)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),l;if(o.version.slice(0,4)==="2.7."){let O=function(_,k){var H,j={},F={config:o.config,use:o.use.bind(o),mixin:o.mixin.bind(o),component:o.component.bind(o),provide:function(W,N){return j[W]=N,this},directive:function(W,N){return N?(o.directive(W,N),F):o.directive(W)},mount:function(W,N){return H||(H=new o(Object.assign({propsData:k},_,{provide:Object.assign(j,_.provide)})),H.$mount(W,N),H)},unmount:function(){H&&(H.$destroy(),H=void 0)}};return F};var ne=O;for(var i in o)l[i]=o[i];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=o,l.Vue2=o,l.version=o.version,l.warn=o.util.warn,l.hasInjectionContext=function(){return!!l.getCurrentInstance()},l.createApp=O}else if(o.version.slice(0,2)==="2.")if(w){for(var i in w)l[i]=w[i];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=o,l.Vue2=o,l.version=o.version,l.hasInjectionContext=function(){return!!l.getCurrentInstance()}}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(o.version.slice(0,2)==="3."){for(var i in o)l[i]=o[i];l.isVue2=!1,l.isVue3=!0,l.install=function(){},l.Vue=o,l.Vue2=void 0,l.version=o.version,l.set=function(O,_,k){return Array.isArray(O)?(O.length=Math.max(O.length,_),O.splice(_,1,k),k):(O[_]=k,k)},l.del=function(O,_){if(Array.isArray(O)){O.splice(_,1);return}delete O[_]}}else console.error("[vue-demi] Vue version "+o.version+" is unsupported.");return l}(_VueDemiGlobal.VueDemi=_VueDemiGlobal.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),_VueDemiGlobal.Vue||(typeof Vue<"u"?Vue:void 0),_VueDemiGlobal.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(l,o,w,i){"use strict";const ne=o.defineComponent({name:"OnClickOutside",props:["as","options"],emits:["trigger"],setup(e,{slots:t,emit:n}){const r=o.ref();return w.onClickOutside(r,a=>{n("trigger",a)},e.options),()=>{if(t.default)return o.h(e.as||"div",{ref:r},t.default())}}});function O(e){var t;const n=i.toValue(e);return(t=n?.$el)!=null?t:n}const _=i.isClient?window:void 0;function k(...e){let t,n,r,a;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,r,a]=e,t=_):[t,n,r,a]=e,!t)return i.noop;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const s=[],c=()=>{s.forEach(v=>v()),s.length=0},u=(v,f,p,m)=>(v.addEventListener(f,p,m),()=>v.removeEventListener(f,p,m)),g=o.watch(()=>[O(t),i.toValue(a)],([v,f])=>{if(c(),!v)return;const p=i.isObject(f)?{...f}:f;s.push(...n.flatMap(m=>r.map(y=>u(v,m,y,p))))},{immediate:!0,flush:"post"}),d=()=>{g(),c()};return i.tryOnScopeDispose(d),d}let H=!1;function j(e,t,n={}){const{window:r=_,ignore:a=[],capture:s=!0,detectIframe:c=!1}=n;if(!r)return i.noop;i.isIOS&&!H&&(H=!0,Array.from(r.document.body.children).forEach(p=>p.addEventListener("click",i.noop)),r.document.documentElement.addEventListener("click",i.noop));let u=!0;const g=p=>a.some(m=>{if(typeof m=="string")return Array.from(r.document.querySelectorAll(m)).some(y=>y===p.target||p.composedPath().includes(y));{const y=O(m);return y&&(p.target===y||p.composedPath().includes(y))}}),v=[k(r,"click",p=>{const m=O(e);if(!(!m||m===p.target||p.composedPath().includes(m))){if(p.detail===0&&(u=!g(p)),!u){u=!0;return}t(p)}},{passive:!0,capture:s}),k(r,"pointerdown",p=>{const m=O(e);u=!g(p)&&!!(m&&!p.composedPath().includes(m))},{passive:!0}),c&&k(r,"blur",p=>{setTimeout(()=>{var m;const y=O(e);((m=r.document.activeElement)==null?void 0:m.tagName)==="IFRAME"&&!y?.contains(r.document.activeElement)&&t(p)},0)})].filter(Boolean);return()=>v.forEach(p=>p())}const F={[i.directiveHooks.mounted](e,t){const n=!t.modifiers.bubble;if(typeof t.value=="function")e.__onClickOutside_stop=j(e,t.value,{capture:n});else{const[r,a]=t.value;e.__onClickOutside_stop=j(e,r,Object.assign({capture:n},a))}},[i.directiveHooks.unmounted](e){e.__onClickOutside_stop()}};function W(e){return typeof e=="function"?e:typeof e=="string"?t=>t.key===e:Array.isArray(e)?t=>e.includes(t.key):()=>!0}function N(...e){let t,n,r={};e.length===3?(t=e[0],n=e[1],r=e[2]):e.length===2?typeof e[1]=="object"?(t=!0,n=e[0],r=e[1]):(t=e[0],n=e[1]):(t=!0,n=e[0]);const{target:a=_,eventName:s="keydown",passive:c=!1,dedupe:u=!1}=r,g=W(t);return k(a,s,v=>{v.repeat&&i.toValue(u)||g(v)&&n(v)},c)}const me={[i.directiveHooks.mounted](e,t){var n,r;const a=(r=(n=t.arg)==null?void 0:n.split(","))!=null?r:!0;if(typeof t.value=="function")N(a,t.value,{target:e});else{const[s,c]=t.value;N(a,s,{target:e,...c})}}},he=500,ye=10;function X(e,t,n){var r,a;const s=o.computed(()=>O(e));let c,u,g,d=!1;function v(){c&&(clearTimeout(c),c=void 0),u=void 0,g=void 0,d=!1}function f(h){var S,I,C;const[M,z,b]=[g,u,d];if(v(),!n?.onMouseUp||!z||!M||(S=n?.modifiers)!=null&&S.self&&h.target!==s.value)return;(I=n?.modifiers)!=null&&I.prevent&&h.preventDefault(),(C=n?.modifiers)!=null&&C.stop&&h.stopPropagation();const V=h.x-z.x,T=h.y-z.y,U=Math.sqrt(V*V+T*T);n.onMouseUp(h.timeStamp-M,U,b)}function p(h){var S,I,C,M;(S=n?.modifiers)!=null&&S.self&&h.target!==s.value||(v(),(I=n?.modifiers)!=null&&I.prevent&&h.preventDefault(),(C=n?.modifiers)!=null&&C.stop&&h.stopPropagation(),u={x:h.x,y:h.y},g=h.timeStamp,c=setTimeout(()=>{d=!0,t(h)},(M=n?.delay)!=null?M:he))}function m(h){var S,I,C,M;if((S=n?.modifiers)!=null&&S.self&&h.target!==s.value||!u||n?.distanceThreshold===!1)return;(I=n?.modifiers)!=null&&I.prevent&&h.preventDefault(),(C=n?.modifiers)!=null&&C.stop&&h.stopPropagation();const z=h.x-u.x,b=h.y-u.y;Math.sqrt(z*z+b*b)>=((M=n?.distanceThreshold)!=null?M:ye)&&v()}const y={capture:(r=n?.modifiers)==null?void 0:r.capture,once:(a=n?.modifiers)==null?void 0:a.once},E=[k(s,"pointerdown",p,y),k(s,"pointermove",m,y),k(s,["pointerup","pointerleave"],f,y)];return()=>E.forEach(h=>h())}const we=o.defineComponent({name:"OnLongPress",props:["as","options"],emits:["trigger"],setup(e,{slots:t,emit:n}){const r=o.ref();return X(r,a=>{n("trigger",a)},e.options),()=>{if(t.default)return o.h(e.as||"div",{ref:r},t.default())}}}),oe={[i.directiveHooks.mounted](e,t){typeof t.value=="function"?X(e,t.value,{modifiers:t.modifiers}):X(e,...t.value)}},Ue=o.defineComponent({name:"UseActiveElement",setup(e,{slots:t}){const n=o.reactive({element:w.useActiveElement()});return()=>{if(t.default)return t.default(n)}}}),be=o.defineComponent({name:"UseBattery",setup(e,{slots:t}){const n=o.reactive(w.useBattery(e));return()=>{if(t.default)return t.default(n)}}}),Se=o.defineComponent({name:"UseBrowserLocation",setup(e,{slots:t}){const n=o.reactive(w.useBrowserLocation());return()=>{if(t.default)return t.default(n)}}}),Ce=o.defineComponent({name:"UseClipboard",props:["source","read","navigator","copiedDuring","legacy"],setup(e,{slots:t}){const n=o.reactive(w.useClipboard(e));return()=>{var r;return(r=t.default)==null?void 0:r.call(t,n)}}}),x=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},G="__vueuse_ssr_handlers__",Oe=Ee();function Ee(){return G in x||(x[G]=x[G]||{}),x[G]}function re(e,t){return Oe[e]||t}function Pe(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const _e={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},ae="vueuse-storage";function Le(e,t,n,r={}){var a;const{flush:s="pre",deep:c=!0,listenToStorageChanges:u=!0,writeDefaults:g=!0,mergeDefaults:d=!1,shallow:v,window:f=_,eventFilter:p,onError:m=U=>{console.error(U)},initOnMounted:y}=r,E=(v?o.shallowRef:o.ref)(typeof t=="function"?t():t);if(!n)try{n=re("getDefaultStorage",()=>{var U;return(U=_)==null?void 0:U.localStorage})()}catch(U){m(U)}if(!n)return E;const A=i.toValue(t),h=Pe(A),S=(a=r.serializer)!=null?a:_e[h],{pause:I,resume:C}=i.pausableWatch(E,()=>z(E.value),{flush:s,deep:c,eventFilter:p});f&&u&&i.tryOnMounted(()=>{n instanceof Storage?k(f,"storage",V):k(f,ae,T),y&&V()}),y||V();function M(U,P){if(f){const L={key:e,oldValue:U,newValue:P,storageArea:n};f.dispatchEvent(n instanceof Storage?new StorageEvent("storage",L):new CustomEvent(ae,{detail:L}))}}function z(U){try{const P=n.getItem(e);if(U==null)M(P,null),n.removeItem(e);else{const L=S.write(U);P!==L&&(n.setItem(e,L),M(P,L))}}catch(P){m(P)}}function b(U){const P=U?U.newValue:n.getItem(e);if(P==null)return g&&A!=null&&n.setItem(e,S.write(A)),A;if(!U&&d){const L=S.read(P);return typeof d=="function"?d(L,A):h==="object"&&!Array.isArray(L)?{...A,...L}:L}else return typeof P!="string"?P:S.read(P)}function V(U){if(!(U&&U.storageArea!==n)){if(U&&U.key==null){E.value=A;return}if(!(U&&U.key!==e)){I();try{U?.newValue!==S.write(E.value)&&(E.value=b(U))}catch(P){m(P)}finally{U?o.nextTick(C):C()}}}}function T(U){V(U.detail)}return E}function ke(){const e=o.ref(!1),t=o.getCurrentInstance();return t&&o.onMounted(()=>{e.value=!0},o.isVue2?void 0:t),e}function J(e){const t=ke();return o.computed(()=>(t.value,!!e()))}function Ae(e,t={}){const{window:n=_}=t,r=J(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let a;const s=o.ref(!1),c=d=>{s.value=d.matches},u=()=>{a&&("removeEventListener"in a?a.removeEventListener("change",c):a.removeListener(c))},g=o.watchEffect(()=>{r.value&&(u(),a=n.matchMedia(i.toValue(e)),"addEventListener"in a?a.addEventListener("change",c):a.addListener(c),s.value=a.matches)});return i.tryOnScopeDispose(()=>{g(),u(),a=void 0}),s}function Me(e){return Ae("(prefers-color-scheme: dark)",e)}const Te="*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";function Ve(e={}){const{selector:t="html",attribute:n="class",initialValue:r="auto",window:a=_,storage:s,storageKey:c="vueuse-color-scheme",listenToStorageChanges:u=!0,storageRef:g,emitAuto:d,disableTransition:v=!0}=e,f={auto:"",light:"light",dark:"dark",...e.modes||{}},p=Me({window:a}),m=o.computed(()=>p.value?"dark":"light"),y=g||(c==null?i.toRef(r):Le(c,r,s,{window:a,listenToStorageChanges:u})),E=o.computed(()=>y.value==="auto"?m.value:y.value),A=re("updateHTMLAttrs",(C,M,z)=>{const b=typeof C=="string"?a?.document.querySelector(C):O(C);if(!b)return;const V=new Set,T=new Set;let U=null;if(M==="class"){const L=z.split(/\s/g);Object.values(f).flatMap(R=>(R||"").split(/\s/g)).filter(Boolean).forEach(R=>{L.includes(R)?V.add(R):T.add(R)})}else U={key:M,value:z};if(V.size===0&&T.size===0&&U===null)return;let P;v&&(P=a.document.createElement("style"),P.appendChild(document.createTextNode(Te)),a.document.head.appendChild(P));for(const L of V)b.classList.add(L);for(const L of T)b.classList.remove(L);U&&b.setAttribute(U.key,U.value),v&&(a.getComputedStyle(P).opacity,document.head.removeChild(P))});function h(C){var M;A(t,n,(M=f[C])!=null?M:C)}function S(C){e.onChanged?e.onChanged(C,h):h(C)}o.watch(E,S,{flush:"post",immediate:!0}),i.tryOnMounted(()=>S(E.value));const I=o.computed({get(){return d?y.value:E.value},set(C){y.value=C}});try{return Object.assign(I,{store:y,system:m,state:E})}catch{return I}}const Ie=o.defineComponent({name:"UseColorMode",props:["selector","attribute","modes","onChanged","storageKey","storage","emitAuto"],setup(e,{slots:t}){const n=Ve(e),r=o.reactive({mode:n,system:n.system,store:n.store});return()=>{if(t.default)return t.default(r)}}}),Re=o.defineComponent({name:"UseDark",props:["selector","attribute","valueDark","valueLight","onChanged","storageKey","storage"],setup(e,{slots:t}){const n=w.useDark(e),r=o.reactive({isDark:n,toggleDark:i.useToggle(n)});return()=>{if(t.default)return t.default(r)}}}),ze=o.defineComponent({name:"UseDeviceMotion",setup(e,{slots:t}){const n=o.reactive(w.useDeviceMotion());return()=>{if(t.default)return t.default(n)}}}),He=o.defineComponent({name:"UseDeviceOrientation",setup(e,{slots:t}){const n=o.reactive(w.useDeviceOrientation());return()=>{if(t.default)return t.default(n)}}}),Ne=o.defineComponent({name:"UseDevicePixelRatio",setup(e,{slots:t}){const n=o.reactive({pixelRatio:w.useDevicePixelRatio()});return()=>{if(t.default)return t.default(n)}}}),We=o.defineComponent({name:"UseDevicesList",props:["onUpdated","requestPermissions","constraints"],setup(e,{slots:t}){const n=o.reactive(w.useDevicesList(e));return()=>{if(t.default)return t.default(n)}}}),Be=o.defineComponent({name:"UseDocumentVisibility",setup(e,{slots:t}){const n=o.reactive({visibility:w.useDocumentVisibility()});return()=>{if(t.default)return t.default(n)}}}),je=o.defineComponent({name:"UseDraggable",props:["storageKey","storageType","initialValue","exact","preventDefault","stopPropagation","pointerTypes","as","handle","axis","onStart","onMove","onEnd","disabled","buttons"],setup(e,{slots:t}){const n=o.ref(),r=o.computed(()=>{var d;return(d=e.handle)!=null?d:n.value}),a=o.computed(()=>!!e.disabled),s=e.storageKey&&w.useStorage(e.storageKey,i.toValue(e.initialValue)||{x:0,y:0},w.isClient?e.storageType==="session"?sessionStorage:localStorage:void 0),c=s||e.initialValue||{x:0,y:0},u=(d,v)=>{var f;(f=e.onEnd)==null||f.call(e,d,v),s&&(s.value.x=d.x,s.value.y=d.y)},g=o.reactive(w.useDraggable(n,{...e,handle:r,initialValue:c,onEnd:u,disabled:a}));return()=>{if(t.default)return o.h(e.as||"div",{ref:n,style:`touch-action:none;${g.style}`},t.default(g))}}}),Fe=o.defineComponent({name:"UseElementBounding",props:["box","as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(w.useElementBounding(n));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}});function se(e,t={}){const{delayEnter:n=0,delayLeave:r=0,window:a=_}=t,s=o.ref(!1);let c;const u=g=>{const d=g?n:r;c&&(clearTimeout(c),c=void 0),d?c=setTimeout(()=>s.value=g,d):s.value=g};return a&&(k(e,"mouseenter",()=>u(!0),{passive:!0}),k(e,"mouseleave",()=>u(!1),{passive:!0})),s}const Ke={[i.directiveHooks.mounted](e,t){const n=t.value;if(typeof n=="function"){const r=se(e);o.watch(r,a=>n(a))}else{const[r,a]=n,s=se(e,a);o.watch(s,c=>r(c))}}},xe=o.defineComponent({name:"UseElementSize",props:["width","height","box","as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(w.useElementSize(n,{width:e.width,height:e.height},{box:e.box}));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}});function Q(e,t,n={}){const{window:r=_,...a}=n;let s;const c=J(()=>r&&"ResizeObserver"in r),u=()=>{s&&(s.disconnect(),s=void 0)},g=o.computed(()=>{const f=i.toValue(e);return Array.isArray(f)?f.map(p=>O(p)):[O(f)]}),d=o.watch(g,f=>{if(u(),c.value&&r){s=new ResizeObserver(t);for(const p of f)p&&s.observe(p,a)}},{immediate:!0,flush:"post"}),v=()=>{u(),d()};return i.tryOnScopeDispose(v),{isSupported:c,stop:v}}function Ge(e,t={width:0,height:0},n={}){const{window:r=_,box:a="content-box"}=n,s=o.computed(()=>{var f,p;return(p=(f=O(e))==null?void 0:f.namespaceURI)==null?void 0:p.includes("svg")}),c=o.ref(t.width),u=o.ref(t.height),{stop:g}=Q(e,([f])=>{const p=a==="border-box"?f.borderBoxSize:a==="content-box"?f.contentBoxSize:f.devicePixelContentBoxSize;if(r&&s.value){const m=O(e);if(m){const y=m.getBoundingClientRect();c.value=y.width,u.value=y.height}}else if(p){const m=Array.isArray(p)?p:[p];c.value=m.reduce((y,{inlineSize:E})=>y+E,0),u.value=m.reduce((y,{blockSize:E})=>y+E,0)}else c.value=f.contentRect.width,u.value=f.contentRect.height},n);i.tryOnMounted(()=>{const f=O(e);f&&(c.value="offsetWidth"in f?f.offsetWidth:t.width,u.value="offsetHeight"in f?f.offsetHeight:t.height)});const d=o.watch(()=>O(e),f=>{c.value=f?t.width:0,u.value=f?t.height:0});function v(){g(),d()}return{width:c,height:u,stop:v}}const Je={[i.directiveHooks.mounted](e,t){var n;const r=typeof t.value=="function"?t.value:(n=t.value)==null?void 0:n[0],a=typeof t.value=="function"?[]:t.value.slice(1),{width:s,height:c}=Ge(e,...a);o.watch([s,c],([u,g])=>r({width:u,height:g}))}},qe=o.defineComponent({name:"UseElementVisibility",props:["as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive({isVisible:w.useElementVisibility(n)});return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}});function Z(e,t,n={}){const{root:r,rootMargin:a="0px",threshold:s=0,window:c=_,immediate:u=!0}=n,g=J(()=>c&&"IntersectionObserver"in c),d=o.computed(()=>{const y=i.toValue(e);return(Array.isArray(y)?y:[y]).map(O).filter(i.notNullish)});let v=i.noop;const f=o.ref(u),p=g.value?o.watch(()=>[d.value,O(r),f.value],([y,E])=>{if(v(),!f.value||!y.length)return;const A=new IntersectionObserver(t,{root:O(E),rootMargin:a,threshold:s});y.forEach(h=>h&&A.observe(h)),v=()=>{A.disconnect(),v=i.noop}},{immediate:u,flush:"post"}):i.noop,m=()=>{v(),p(),f.value=!1};return i.tryOnScopeDispose(m),{isSupported:g,isActive:f,pause(){v(),f.value=!1},resume(){f.value=!0},stop:m}}function D(e,t={}){const{window:n=_,scrollTarget:r,threshold:a=0}=t,s=o.ref(!1);return Z(e,c=>{let u=s.value,g=0;for(const d of c)d.time>=g&&(g=d.time,u=d.isIntersecting);s.value=u},{root:r,window:n,threshold:a}),s}const Ye={[i.directiveHooks.mounted](e,t){if(typeof t.value=="function"){const n=t.value,r=D(e);o.watch(r,a=>n(a),{immediate:!0})}else{const[n,r]=t.value,a=D(e,r);o.watch(a,s=>n(s),{immediate:!0})}}},$e=o.defineComponent({name:"UseEyeDropper",props:{sRGBHex:String},setup(e,{slots:t}){const n=o.reactive(w.useEyeDropper());return()=>{if(t.default)return t.default(n)}}}),Xe=o.defineComponent({name:"UseFullscreen",props:["as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(w.useFullscreen(n));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}}),Qe=o.defineComponent({name:"UseGeolocation",props:["enableHighAccuracy","maximumAge","timeout","navigator"],setup(e,{slots:t}){const n=o.reactive(w.useGeolocation(e));return()=>{if(t.default)return t.default(n)}}}),Ze=o.defineComponent({name:"UseIdle",props:["timeout","events","listenForVisibilityChange","initialState"],setup(e,{slots:t}){const n=o.reactive(w.useIdle(e.timeout,e));return()=>{if(t.default)return t.default(n)}}});function De(e,t,n){const{immediate:r=!0,delay:a=0,onError:s=i.noop,onSuccess:c=i.noop,resetOnExecute:u=!0,shallow:g=!0,throwError:d}=n??{},v=g?o.shallowRef(t):o.ref(t),f=o.ref(!1),p=o.ref(!1),m=o.shallowRef(void 0);async function y(h=0,...S){u&&(v.value=t),m.value=void 0,f.value=!1,p.value=!0,h>0&&await i.promiseTimeout(h);const I=typeof e=="function"?e(...S):e;try{const C=await I;v.value=C,f.value=!0,c(C)}catch(C){if(m.value=C,s(C),d)throw C}finally{p.value=!1}return v.value}r&&y(a);const E={state:v,isReady:f,isLoading:p,error:m,execute:y};function A(){return new Promise((h,S)=>{i.until(p).toBe(!1).then(()=>h(E)).catch(S)})}return{...E,then(h,S){return A().then(h,S)}}}async function et(e){return new Promise((t,n)=>{const r=new Image,{src:a,srcset:s,sizes:c,class:u,loading:g,crossorigin:d,referrerPolicy:v}=e;r.src=a,s&&(r.srcset=s),c&&(r.sizes=c),u&&(r.className=u),g&&(r.loading=g),d&&(r.crossOrigin=d),v&&(r.referrerPolicy=v),r.onload=()=>t(r),r.onerror=n})}function tt(e,t={}){const n=De(()=>et(i.toValue(e)),void 0,{resetOnExecute:!0,...t});return o.watch(()=>i.toValue(e),()=>n.execute(t.delay),{deep:!0}),n}const nt=o.defineComponent({name:"UseImage",props:["src","srcset","sizes","as","alt","class","loading","crossorigin","referrerPolicy"],setup(e,{slots:t}){const n=o.reactive(tt(e));return()=>n.isLoading&&t.loading?t.loading(n):n.error&&t.error?t.error(n.error):t.default?t.default(n):o.h(e.as||"img",e)}}),le=1;function ee(e,t={}){const{throttle:n=0,idle:r=200,onStop:a=i.noop,onScroll:s=i.noop,offset:c={left:0,right:0,top:0,bottom:0},eventListenerOptions:u={capture:!1,passive:!0},behavior:g="auto",window:d=_,onError:v=b=>{console.error(b)}}=t,f=o.ref(0),p=o.ref(0),m=o.computed({get(){return f.value},set(b){E(b,void 0)}}),y=o.computed({get(){return p.value},set(b){E(void 0,b)}});function E(b,V){var T,U,P,L;if(!d)return;const R=i.toValue(e);if(!R)return;(P=R instanceof Document?d.document.body:R)==null||P.scrollTo({top:(T=i.toValue(V))!=null?T:y.value,left:(U=i.toValue(b))!=null?U:m.value,behavior:i.toValue(g)});const K=((L=R?.document)==null?void 0:L.documentElement)||R?.documentElement||R;m!=null&&(f.value=K.scrollLeft),y!=null&&(p.value=K.scrollTop)}const A=o.ref(!1),h=o.reactive({left:!0,right:!1,top:!0,bottom:!1}),S=o.reactive({left:!1,right:!1,top:!1,bottom:!1}),I=b=>{A.value&&(A.value=!1,S.left=!1,S.right=!1,S.top=!1,S.bottom=!1,a(b))},C=i.useDebounceFn(I,n+r),M=b=>{var V;if(!d)return;const T=((V=b?.document)==null?void 0:V.documentElement)||b?.documentElement||O(b),{display:U,flexDirection:P}=getComputedStyle(T),L=T.scrollLeft;S.left=L<f.value,S.right=L>f.value;const R=Math.abs(L)<=(c.left||0),K=Math.abs(L)+T.clientWidth>=T.scrollWidth-(c.right||0)-le;U==="flex"&&P==="row-reverse"?(h.left=K,h.right=R):(h.left=R,h.right=K),f.value=L;let B=T.scrollTop;b===d.document&&!B&&(B=d.document.body.scrollTop),S.top=B<p.value,S.bottom=B>p.value;const ve=Math.abs(B)<=(c.top||0),ge=Math.abs(B)+T.clientHeight>=T.scrollHeight-(c.bottom||0)-le;U==="flex"&&P==="column-reverse"?(h.top=ge,h.bottom=ve):(h.top=ve,h.bottom=ge),p.value=B},z=b=>{var V;if(!d)return;const T=(V=b.target.documentElement)!=null?V:b.target;M(T),A.value=!0,C(b),s(b)};return k(e,"scroll",n?i.useThrottleFn(z,n,!0,!1):z,u),i.tryOnMounted(()=>{try{const b=i.toValue(e);if(!b)return;M(b)}catch(b){v(b)}}),k(e,"scrollend",I,u),{x:m,y,isScrolling:A,arrivedState:h,directions:S,measure(){const b=i.toValue(e);d&&b&&M(b)}}}function q(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function ie(e,t,n={}){var r;const{direction:a="bottom",interval:s=100,canLoadMore:c=()=>!0}=n,u=o.reactive(ee(e,{...n,offset:{[a]:(r=n.distance)!=null?r:0,...n.offset}})),g=o.ref(),d=o.computed(()=>!!g.value),v=o.computed(()=>q(i.toValue(e))),f=D(v);function p(){if(u.measure(),!v.value||!f.value||!c(v.value))return;const{scrollHeight:m,clientHeight:y,scrollWidth:E,clientWidth:A}=v.value,h=a==="bottom"||a==="top"?m<=y:E<=A;(u.arrivedState[a]||h)&&(g.value||(g.value=Promise.all([t(u),new Promise(S=>setTimeout(S,s))]).finally(()=>{g.value=null,o.nextTick(()=>p())})))}return o.watch(()=>[u.arrivedState[a],f.value],p,{immediate:!0}),{isLoading:d,reset(){o.nextTick(()=>p())}}}const ot={[i.directiveHooks.mounted](e,t){typeof t.value=="function"?ie(e,t.value):ie(e,...t.value)}},rt={[i.directiveHooks.mounted](e,t){typeof t.value=="function"?Z(e,t.value):Z(e,...t.value)}},at=o.defineComponent({name:"UseMouse",props:["touch","resetOnTouchEnds","initialValue"],setup(e,{slots:t}){const n=o.reactive(w.useMouse(e));return()=>{if(t.default)return t.default(n)}}}),st=o.defineComponent({name:"UseMouseElement",props:["handleOutside","as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(w.useMouseInElement(n,e));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}}),lt=o.defineComponent({name:"UseMousePressed",props:["touch","initialValue","as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(w.useMousePressed({...e,target:n}));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}}),it=o.defineComponent({name:"UseNetwork",setup(e,{slots:t}){const n=o.reactive(w.useNetwork());return()=>{if(t.default)return t.default(n)}}}),ut=o.defineComponent({name:"UseNow",props:["interval"],setup(e,{slots:t}){const n=o.reactive(w.useNow({...e,controls:!0}));return()=>{if(t.default)return t.default(n)}}}),ct=o.defineComponent({name:"UseObjectUrl",props:["object"],setup(e,{slots:t}){const n=i.toRef(e,"object"),r=w.useObjectUrl(n);return()=>{if(t.default&&r.value)return t.default(r)}}}),ft=o.defineComponent({name:"UseOffsetPagination",props:["total","page","pageSize","onPageChange","onPageSizeChange","onPageCountChange"],emits:["page-change","page-size-change","page-count-change"],setup(e,{slots:t,emit:n}){const r=o.reactive(w.useOffsetPagination({...e,onPageChange(...a){var s;(s=e.onPageChange)==null||s.call(e,...a),n("page-change",...a)},onPageSizeChange(...a){var s;(s=e.onPageSizeChange)==null||s.call(e,...a),n("page-size-change",...a)},onPageCountChange(...a){var s;(s=e.onPageCountChange)==null||s.call(e,...a),n("page-count-change",...a)}}));return()=>{if(t.default)return t.default(r)}}}),dt=o.defineComponent({name:"UseOnline",setup(e,{slots:t}){const n=o.reactive({isOnline:w.useOnline()});return()=>{if(t.default)return t.default(n)}}}),pt=o.defineComponent({name:"UsePageLeave",setup(e,{slots:t}){const n=o.reactive({isLeft:w.usePageLeave()});return()=>{if(t.default)return t.default(n)}}}),vt=o.defineComponent({name:"UsePointer",props:["pointerTypes","initialValue","target"],setup(e,{slots:t}){const n=o.ref(null),r=o.reactive(w.usePointer({...e,target:e.target==="self"?n:_}));return()=>{if(t.default)return t.default(r,{ref:n})}}}),gt=o.defineComponent({name:"UsePointerLock",props:["as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(w.usePointerLock(n));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}}),mt=o.defineComponent({name:"UsePreferredColorScheme",setup(e,{slots:t}){const n=o.reactive({colorScheme:w.usePreferredColorScheme()});return()=>{if(t.default)return t.default(n)}}}),ht=o.defineComponent({name:"UsePreferredContrast",setup(e,{slots:t}){const n=o.reactive({contrast:w.usePreferredContrast()});return()=>{if(t.default)return t.default(n)}}}),yt=o.defineComponent({name:"UsePreferredDark",setup(e,{slots:t}){const n=o.reactive({prefersDark:w.usePreferredDark()});return()=>{if(t.default)return t.default(n)}}}),wt=o.defineComponent({name:"UsePreferredLanguages",setup(e,{slots:t}){const n=o.reactive({languages:w.usePreferredLanguages()});return()=>{if(t.default)return t.default(n)}}}),Ut=o.defineComponent({name:"UsePreferredReducedMotion",setup(e,{slots:t}){const n=o.reactive({motion:w.usePreferredReducedMotion()});return()=>{if(t.default)return t.default(n)}}}),bt={[i.directiveHooks.mounted](e,t){typeof t.value=="function"?Q(e,t.value):Q(e,...t.value)}};function St(e,t,n={}){const{window:r=_,...a}=n;let s;const c=J(()=>r&&"MutationObserver"in r),u=()=>{s&&(s.disconnect(),s=void 0)},g=o.computed(()=>{const p=i.toValue(e),m=(Array.isArray(p)?p:[p]).map(O).filter(i.notNullish);return new Set(m)}),d=o.watch(()=>g.value,p=>{u(),c.value&&p.size&&(s=new MutationObserver(t),p.forEach(m=>s.observe(m,a)))},{immediate:!0,flush:"post"}),v=()=>s?.takeRecords(),f=()=>{d(),u()};return i.tryOnScopeDispose(f),{isSupported:c,stop:f,takeRecords:v}}function Y(e,t,n={}){const{window:r=_,initialValue:a,observe:s=!1}=n,c=o.ref(a),u=o.computed(()=>{var d;return O(t)||((d=r?.document)==null?void 0:d.documentElement)});function g(){var d;const v=i.toValue(e),f=i.toValue(u);if(f&&r&&v){const p=(d=r.getComputedStyle(f).getPropertyValue(v))==null?void 0:d.trim();c.value=p||a}}return s&&St(u,g,{attributeFilter:["style","class"],window:r}),o.watch([u,()=>i.toValue(e)],(d,v)=>{v[0]&&v[1]&&v[0].style.removeProperty(v[1]),g()},{immediate:!0}),o.watch(c,d=>{var v;const f=i.toValue(e);(v=u.value)!=null&&v.style&&f&&(d==null?u.value.style.removeProperty(f):u.value.style.setProperty(f,d))}),c}const ue="--vueuse-safe-area-top",ce="--vueuse-safe-area-right",fe="--vueuse-safe-area-bottom",de="--vueuse-safe-area-left";function Ct(){const e=o.ref(""),t=o.ref(""),n=o.ref(""),r=o.ref("");if(i.isClient){const s=Y(ue),c=Y(ce),u=Y(fe),g=Y(de);s.value="env(safe-area-inset-top, 0px)",c.value="env(safe-area-inset-right, 0px)",u.value="env(safe-area-inset-bottom, 0px)",g.value="env(safe-area-inset-left, 0px)",a(),k("resize",i.useDebounceFn(a))}function a(){e.value=$(ue),t.value=$(ce),n.value=$(fe),r.value=$(de)}return{top:e,right:t,bottom:n,left:r,update:a}}function $(e){return getComputedStyle(document.documentElement).getPropertyValue(e)}const Ot=o.defineComponent({name:"UseScreenSafeArea",props:{top:Boolean,right:Boolean,bottom:Boolean,left:Boolean},setup(e,{slots:t}){const{top:n,right:r,bottom:a,left:s}=Ct();return()=>{if(t.default)return o.h("div",{style:{paddingTop:e.top?n.value:"",paddingRight:e.right?r.value:"",paddingBottom:e.bottom?a.value:"",paddingLeft:e.left?s.value:"",boxSizing:"border-box",maxHeight:"100vh",maxWidth:"100vw",overflow:"auto"}},t.default())}}}),Et={[i.directiveHooks.mounted](e,t){if(typeof t.value=="function"){const n=t.value,r=ee(e,{onScroll(){n(r)},onStop(){n(r)}})}else{const[n,r]=t.value,a=ee(e,{...r,onScroll(s){var c;(c=r.onScroll)==null||c.call(r,s),n(a)},onStop(s){var c;(c=r.onStop)==null||c.call(r,s),n(a)}})}}};function pe(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth<e.scrollWidth||t.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const n=e.parentNode;return!n||n.tagName==="BODY"?!1:pe(n)}}function Pt(e){const t=e||window.event,n=t.target;return pe(n)?!1:t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)}const te=new WeakMap;function _t(e,t=!1){const n=o.ref(t);let r=null,a="";o.watch(i.toRef(e),u=>{const g=q(i.toValue(u));if(g){const d=g;if(te.get(d)||te.set(d,d.style.overflow),d.style.overflow!=="hidden"&&(a=d.style.overflow),d.style.overflow==="hidden")return n.value=!0;if(n.value)return d.style.overflow="hidden"}},{immediate:!0});const s=()=>{const u=q(i.toValue(e));!u||n.value||(i.isIOS&&(r=k(u,"touchmove",g=>{Pt(g)},{passive:!1})),u.style.overflow="hidden",n.value=!0)},c=()=>{const u=q(i.toValue(e));!u||!n.value||(i.isIOS&&r?.(),u.style.overflow=a,te.delete(u),n.value=!1)};return i.tryOnScopeDispose(c),o.computed({get(){return n.value},set(u){u?s():c()}})}function Lt(){let e=!1;const t=o.ref(!1);return(n,r)=>{if(t.value=r.value,e)return;e=!0;const a=_t(n,r.value);o.watch(t,s=>a.value=s)}}const kt=Lt(),At=o.defineComponent({name:"UseTimeAgo",props:["time","updateInterval","max","fullDateFormatter","messages","showSecond"],setup(e,{slots:t}){const n=o.reactive(w.useTimeAgo(()=>e.time,{...e,controls:!0}));return()=>{if(t.default)return t.default(n)}}}),Mt=o.defineComponent({name:"UseTimestamp",props:["immediate","interval","offset"],setup(e,{slots:t}){const n=o.reactive(w.useTimestamp({...e,controls:!0}));return()=>{if(t.default)return t.default(n)}}}),Tt=o.defineComponent({name:"UseVirtualList",props:["list","options","height"],setup(e,{slots:t,expose:n}){const{list:r}=o.toRefs(e),{list:a,containerProps:s,wrapperProps:c,scrollTo:u}=w.useVirtualList(r,e.options);return n({scrollTo:u}),s.style&&typeof s.style=="object"&&!Array.isArray(s.style)&&(s.style.height=e.height||"300px"),()=>o.h("div",{...s},[o.h("div",{...c.value},a.value.map(g=>o.h("div",{style:{overflow:"hidden",height:g.height}},t.default?t.default(g):"Please set content!")))])}}),Vt=o.defineComponent({name:"UseWindowFocus",setup(e,{slots:t}){const n=o.reactive({focused:w.useWindowFocus()});return()=>{if(t.default)return t.default(n)}}}),It=o.defineComponent({name:"UseWindowSize",props:["initialWidth","initialHeight"],setup(e,{slots:t}){const n=o.reactive(w.useWindowSize(e));return()=>{if(t.default)return t.default(n)}}});l.OnClickOutside=ne,l.OnLongPress=we,l.UseActiveElement=Ue,l.UseBattery=be,l.UseBrowserLocation=Se,l.UseClipboard=Ce,l.UseColorMode=Ie,l.UseDark=Re,l.UseDeviceMotion=ze,l.UseDeviceOrientation=He,l.UseDevicePixelRatio=Ne,l.UseDevicesList=We,l.UseDocumentVisibility=Be,l.UseDraggable=je,l.UseElementBounding=Fe,l.UseElementSize=xe,l.UseElementVisibility=qe,l.UseEyeDropper=$e,l.UseFullscreen=Xe,l.UseGeolocation=Qe,l.UseIdle=Ze,l.UseImage=nt,l.UseMouse=at,l.UseMouseInElement=st,l.UseMousePressed=lt,l.UseNetwork=it,l.UseNow=ut,l.UseObjectUrl=ct,l.UseOffsetPagination=ft,l.UseOnline=dt,l.UsePageLeave=pt,l.UsePointer=vt,l.UsePointerLock=gt,l.UsePreferredColorScheme=mt,l.UsePreferredContrast=ht,l.UsePreferredDark=yt,l.UsePreferredLanguages=wt,l.UsePreferredReducedMotion=Ut,l.UseScreenSafeArea=Ot,l.UseTimeAgo=At,l.UseTimestamp=Mt,l.UseVirtualList=Tt,l.UseWindowFocus=Vt,l.UseWindowSize=It,l.VOnClickOutside=F,l.VOnLongPress=oe,l.vElementHover=Ke,l.vElementSize=Je,l.vElementVisibility=Ye,l.vInfiniteScroll=ot,l.vIntersectionObserver=rt,l.vOnClickOutside=F,l.vOnKeyStroke=me,l.vOnLongPress=oe,l.vResizeObserver=bt,l.vScroll=Et,l.vScrollLock=kt})(this.VueUse=this.VueUse||{},VueDemi,VueUse,VueUse); | ||
| var _VueDemiGlobal=typeof globalThis<"u"?globalThis:typeof global<"u"?global:typeof self<"u"?self:this,VueDemi=function(l,p,o){if(l.install)return l;if(!p)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),l;if(p.version.slice(0,4)==="2.7."){let O=function(P,k){var H,j={},F={config:p.config,use:p.use.bind(p),mixin:p.mixin.bind(p),component:p.component.bind(p),provide:function(W,N){return j[W]=N,this},directive:function(W,N){return N?(p.directive(W,N),F):p.directive(W)},mount:function(W,N){return H||(H=new p(Object.assign({propsData:k},P,{provide:Object.assign(j,P.provide)})),H.$mount(W,N),H)},unmount:function(){H&&(H.$destroy(),H=void 0)}};return F};var ne=O;for(var i in p)l[i]=p[i];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=p,l.Vue2=p,l.version=p.version,l.warn=p.util.warn,l.hasInjectionContext=function(){return!!l.getCurrentInstance()},l.createApp=O}else if(p.version.slice(0,2)==="2.")if(o){for(var i in o)l[i]=o[i];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=p,l.Vue2=p,l.version=p.version,l.hasInjectionContext=function(){return!!l.getCurrentInstance()}}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(p.version.slice(0,2)==="3."){for(var i in p)l[i]=p[i];l.isVue2=!1,l.isVue3=!0,l.install=function(){},l.Vue=p,l.Vue2=void 0,l.version=p.version,l.set=function(O,P,k){return Array.isArray(O)?(O.length=Math.max(O.length,P),O.splice(P,1,k),k):(O[P]=k,k)},l.del=function(O,P){if(Array.isArray(O)){O.splice(P,1);return}delete O[P]}}else console.error("[vue-demi] Vue version "+p.version+" is unsupported.");return l}(_VueDemiGlobal.VueDemi=_VueDemiGlobal.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),_VueDemiGlobal.Vue||(typeof Vue<"u"?Vue:void 0),_VueDemiGlobal.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(l,p,o,i){"use strict";const ne=o.defineComponent({name:"OnClickOutside",props:["as","options"],emits:["trigger"],setup(e,{slots:t,emit:n}){const r=o.ref();return p.onClickOutside(r,a=>{n("trigger",a)},e.options),()=>{if(t.default)return o.h(e.as||"div",{ref:r},t.default())}}}),O=i.isClient?window:void 0;function P(e){var t;const n=i.toValue(e);return(t=n?.$el)!=null?t:n}function k(...e){let t,n,r,a;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,r,a]=e,t=O):[t,n,r,a]=e,!t)return i.noop;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const s=[],u=()=>{s.forEach(d=>d()),s.length=0},c=(d,f,h,m)=>(d.addEventListener(f,h,m),()=>d.removeEventListener(f,h,m)),g=o.watch(()=>[P(t),i.toValue(a)],([d,f])=>{if(u(),!d)return;const h=i.isObject(f)?{...f}:f;s.push(...n.flatMap(m=>r.map(y=>c(d,m,y,h))))},{immediate:!0,flush:"post"}),v=()=>{g(),u()};return i.tryOnScopeDispose(v),v}let H=!1;function j(e,t,n={}){const{window:r=O,ignore:a=[],capture:s=!0,detectIframe:u=!1}=n;if(!r)return i.noop;i.isIOS&&!H&&(H=!0,Array.from(r.document.body.children).forEach(m=>m.addEventListener("click",i.noop)),r.document.documentElement.addEventListener("click",i.noop));let c=!0;const g=m=>i.toValue(a).some(y=>{if(typeof y=="string")return Array.from(r.document.querySelectorAll(y)).some(S=>S===m.target||m.composedPath().includes(S));{const S=P(y);return S&&(m.target===S||m.composedPath().includes(S))}}),v=m=>{const y=P(e);if(!(!y||y===m.target||m.composedPath().includes(y))){if(m.detail===0&&(c=!g(m)),!c){c=!0;return}t(m)}};let d=!1;const f=[k(r,"click",m=>{d||(d=!0,setTimeout(()=>{d=!1},0),v(m))},{passive:!0,capture:s}),k(r,"pointerdown",m=>{const y=P(e);c=!g(m)&&!!(y&&!m.composedPath().includes(y))},{passive:!0}),u&&k(r,"blur",m=>{setTimeout(()=>{var y;const S=P(e);((y=r.document.activeElement)==null?void 0:y.tagName)==="IFRAME"&&!S?.contains(r.document.activeElement)&&t(m)},0)})].filter(Boolean);return()=>f.forEach(m=>m())}const F={[i.directiveHooks.mounted](e,t){const n=!t.modifiers.bubble;if(typeof t.value=="function")e.__onClickOutside_stop=j(e,t.value,{capture:n});else{const[r,a]=t.value;e.__onClickOutside_stop=j(e,r,Object.assign({capture:n},a))}},[i.directiveHooks.unmounted](e){e.__onClickOutside_stop()}};function W(e){return typeof e=="function"?e:typeof e=="string"?t=>t.key===e:Array.isArray(e)?t=>e.includes(t.key):()=>!0}function N(...e){let t,n,r={};e.length===3?(t=e[0],n=e[1],r=e[2]):e.length===2?typeof e[1]=="object"?(t=!0,n=e[0],r=e[1]):(t=e[0],n=e[1]):(t=!0,n=e[0]);const{target:a=O,eventName:s="keydown",passive:u=!1,dedupe:c=!1}=r,g=W(t);return k(a,s,d=>{d.repeat&&i.toValue(c)||g(d)&&n(d)},u)}const me={[i.directiveHooks.mounted](e,t){var n,r;const a=(r=(n=t.arg)==null?void 0:n.split(","))!=null?r:!0;if(typeof t.value=="function")N(a,t.value,{target:e});else{const[s,u]=t.value;N(a,s,{target:e,...u})}}},he=500,ye=10;function X(e,t,n){var r,a;const s=o.computed(()=>P(e));let u,c,g,v=!1;function d(){u&&(clearTimeout(u),u=void 0),c=void 0,g=void 0,v=!1}function f(w){var C,V,E;const[M,z,b]=[g,c,v];if(d(),!n?.onMouseUp||!z||!M||(C=n?.modifiers)!=null&&C.self&&w.target!==s.value)return;(V=n?.modifiers)!=null&&V.prevent&&w.preventDefault(),(E=n?.modifiers)!=null&&E.stop&&w.stopPropagation();const I=w.x-z.x,T=w.y-z.y,U=Math.sqrt(I*I+T*T);n.onMouseUp(w.timeStamp-M,U,b)}function h(w){var C,V,E,M;(C=n?.modifiers)!=null&&C.self&&w.target!==s.value||(d(),(V=n?.modifiers)!=null&&V.prevent&&w.preventDefault(),(E=n?.modifiers)!=null&&E.stop&&w.stopPropagation(),c={x:w.x,y:w.y},g=w.timeStamp,u=setTimeout(()=>{v=!0,t(w)},(M=n?.delay)!=null?M:he))}function m(w){var C,V,E,M;if((C=n?.modifiers)!=null&&C.self&&w.target!==s.value||!c||n?.distanceThreshold===!1)return;(V=n?.modifiers)!=null&&V.prevent&&w.preventDefault(),(E=n?.modifiers)!=null&&E.stop&&w.stopPropagation();const z=w.x-c.x,b=w.y-c.y;Math.sqrt(z*z+b*b)>=((M=n?.distanceThreshold)!=null?M:ye)&&d()}const y={capture:(r=n?.modifiers)==null?void 0:r.capture,once:(a=n?.modifiers)==null?void 0:a.once},S=[k(s,"pointerdown",h,y),k(s,"pointermove",m,y),k(s,["pointerup","pointerleave"],f,y)];return()=>S.forEach(w=>w())}const we=o.defineComponent({name:"OnLongPress",props:["as","options"],emits:["trigger"],setup(e,{slots:t,emit:n}){const r=o.ref();return X(r,a=>{n("trigger",a)},e.options),()=>{if(t.default)return o.h(e.as||"div",{ref:r},t.default())}}}),oe={[i.directiveHooks.mounted](e,t){typeof t.value=="function"?X(e,t.value,{modifiers:t.modifiers}):X(e,...t.value)}},Ue=o.defineComponent({name:"UseActiveElement",setup(e,{slots:t}){const n=o.reactive({element:p.useActiveElement()});return()=>{if(t.default)return t.default(n)}}}),be=o.defineComponent({name:"UseBattery",setup(e,{slots:t}){const n=o.reactive(p.useBattery(e));return()=>{if(t.default)return t.default(n)}}}),Se=o.defineComponent({name:"UseBrowserLocation",setup(e,{slots:t}){const n=o.reactive(p.useBrowserLocation());return()=>{if(t.default)return t.default(n)}}}),Ce=o.defineComponent({name:"UseClipboard",props:["source","read","navigator","copiedDuring","legacy"],setup(e,{slots:t}){const n=o.reactive(p.useClipboard(e));return()=>{var r;return(r=t.default)==null?void 0:r.call(t,n)}}}),x=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},G="__vueuse_ssr_handlers__",Ee=Oe();function Oe(){return G in x||(x[G]=x[G]||{}),x[G]}function re(e,t){return Ee[e]||t}function Pe(){const e=o.ref(!1),t=o.getCurrentInstance();return t&&o.onMounted(()=>{e.value=!0},o.isVue2?void 0:t),e}function J(e){const t=Pe();return o.computed(()=>(t.value,!!e()))}function _e(e,t={}){const{window:n=O}=t,r=J(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let a;const s=o.ref(!1),u=v=>{s.value=v.matches},c=()=>{a&&("removeEventListener"in a?a.removeEventListener("change",u):a.removeListener(u))},g=o.watchEffect(()=>{r.value&&(c(),a=n.matchMedia(i.toValue(e)),"addEventListener"in a?a.addEventListener("change",u):a.addListener(u),s.value=a.matches)});return i.tryOnScopeDispose(()=>{g(),c(),a=void 0}),s}function Le(e){return _e("(prefers-color-scheme: dark)",e)}function ke(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const Ae={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},ae="vueuse-storage";function Me(e,t,n,r={}){var a;const{flush:s="pre",deep:u=!0,listenToStorageChanges:c=!0,writeDefaults:g=!0,mergeDefaults:v=!1,shallow:d,window:f=O,eventFilter:h,onError:m=U=>{console.error(U)},initOnMounted:y}=r,S=(d?o.shallowRef:o.ref)(typeof t=="function"?t():t);if(!n)try{n=re("getDefaultStorage",()=>{var U;return(U=O)==null?void 0:U.localStorage})()}catch(U){m(U)}if(!n)return S;const A=i.toValue(t),w=ke(A),C=(a=r.serializer)!=null?a:Ae[w],{pause:V,resume:E}=i.pausableWatch(S,()=>z(S.value),{flush:s,deep:u,eventFilter:h});f&&c&&i.tryOnMounted(()=>{n instanceof Storage?k(f,"storage",I):k(f,ae,T),y&&I()}),y||I();function M(U,_){if(f){const L={key:e,oldValue:U,newValue:_,storageArea:n};f.dispatchEvent(n instanceof Storage?new StorageEvent("storage",L):new CustomEvent(ae,{detail:L}))}}function z(U){try{const _=n.getItem(e);if(U==null)M(_,null),n.removeItem(e);else{const L=C.write(U);_!==L&&(n.setItem(e,L),M(_,L))}}catch(_){m(_)}}function b(U){const _=U?U.newValue:n.getItem(e);if(_==null)return g&&A!=null&&n.setItem(e,C.write(A)),A;if(!U&&v){const L=C.read(_);return typeof v=="function"?v(L,A):w==="object"&&!Array.isArray(L)?{...A,...L}:L}else return typeof _!="string"?_:C.read(_)}function I(U){if(!(U&&U.storageArea!==n)){if(U&&U.key==null){S.value=A;return}if(!(U&&U.key!==e)){V();try{U?.newValue!==C.write(S.value)&&(S.value=b(U))}catch(_){m(_)}finally{U?o.nextTick(E):E()}}}}function T(U){I(U.detail)}return S}const Te="*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";function Ve(e={}){const{selector:t="html",attribute:n="class",initialValue:r="auto",window:a=O,storage:s,storageKey:u="vueuse-color-scheme",listenToStorageChanges:c=!0,storageRef:g,emitAuto:v,disableTransition:d=!0}=e,f={auto:"",light:"light",dark:"dark",...e.modes||{}},h=Le({window:a}),m=o.computed(()=>h.value?"dark":"light"),y=g||(u==null?i.toRef(r):Me(u,r,s,{window:a,listenToStorageChanges:c})),S=o.computed(()=>y.value==="auto"?m.value:y.value),A=re("updateHTMLAttrs",(E,M,z)=>{const b=typeof E=="string"?a?.document.querySelector(E):P(E);if(!b)return;const I=new Set,T=new Set;let U=null;if(M==="class"){const L=z.split(/\s/g);Object.values(f).flatMap(R=>(R||"").split(/\s/g)).filter(Boolean).forEach(R=>{L.includes(R)?I.add(R):T.add(R)})}else U={key:M,value:z};if(I.size===0&&T.size===0&&U===null)return;let _;d&&(_=a.document.createElement("style"),_.appendChild(document.createTextNode(Te)),a.document.head.appendChild(_));for(const L of I)b.classList.add(L);for(const L of T)b.classList.remove(L);U&&b.setAttribute(U.key,U.value),d&&(a.getComputedStyle(_).opacity,document.head.removeChild(_))});function w(E){var M;A(t,n,(M=f[E])!=null?M:E)}function C(E){e.onChanged?e.onChanged(E,w):w(E)}o.watch(S,C,{flush:"post",immediate:!0}),i.tryOnMounted(()=>C(S.value));const V=o.computed({get(){return v?y.value:S.value},set(E){y.value=E}});try{return Object.assign(V,{store:y,system:m,state:S})}catch{return V}}const Ie=o.defineComponent({name:"UseColorMode",props:["selector","attribute","modes","onChanged","storageKey","storage","emitAuto"],setup(e,{slots:t}){const n=Ve(e),r=o.reactive({mode:n,system:n.system,store:n.store});return()=>{if(t.default)return t.default(r)}}}),Re=o.defineComponent({name:"UseDark",props:["selector","attribute","valueDark","valueLight","onChanged","storageKey","storage"],setup(e,{slots:t}){const n=p.useDark(e),r=o.reactive({isDark:n,toggleDark:i.useToggle(n)});return()=>{if(t.default)return t.default(r)}}}),ze=o.defineComponent({name:"UseDeviceMotion",setup(e,{slots:t}){const n=o.reactive(p.useDeviceMotion());return()=>{if(t.default)return t.default(n)}}}),He=o.defineComponent({name:"UseDeviceOrientation",setup(e,{slots:t}){const n=o.reactive(p.useDeviceOrientation());return()=>{if(t.default)return t.default(n)}}}),Ne=o.defineComponent({name:"UseDevicePixelRatio",setup(e,{slots:t}){const n=o.reactive({pixelRatio:p.useDevicePixelRatio()});return()=>{if(t.default)return t.default(n)}}}),We=o.defineComponent({name:"UseDevicesList",props:["onUpdated","requestPermissions","constraints"],setup(e,{slots:t}){const n=o.reactive(p.useDevicesList(e));return()=>{if(t.default)return t.default(n)}}}),Be=o.defineComponent({name:"UseDocumentVisibility",setup(e,{slots:t}){const n=o.reactive({visibility:p.useDocumentVisibility()});return()=>{if(t.default)return t.default(n)}}}),je=o.defineComponent({name:"UseDraggable",props:["storageKey","storageType","initialValue","exact","preventDefault","stopPropagation","pointerTypes","as","handle","axis","onStart","onMove","onEnd","disabled","buttons","containerElement"],setup(e,{slots:t}){const n=o.ref(),r=o.computed(()=>{var d;return(d=e.handle)!=null?d:n.value}),a=o.computed(()=>{var d;return(d=e.containerElement)!=null?d:void 0}),s=o.computed(()=>!!e.disabled),u=e.storageKey&&p.useStorage(e.storageKey,i.toValue(e.initialValue)||{x:0,y:0},p.isClient?e.storageType==="session"?sessionStorage:localStorage:void 0),c=u||e.initialValue||{x:0,y:0},g=(d,f)=>{var h;(h=e.onEnd)==null||h.call(e,d,f),u&&(u.value.x=d.x,u.value.y=d.y)},v=o.reactive(p.useDraggable(n,{...e,handle:r,initialValue:c,onEnd:g,disabled:s,containerElement:a}));return()=>{if(t.default)return o.h(e.as||"div",{ref:n,style:`touch-action:none;${v.style}`},t.default(v))}}}),Fe=o.defineComponent({name:"UseElementBounding",props:["box","as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(p.useElementBounding(n));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}});function se(e,t={}){const{delayEnter:n=0,delayLeave:r=0,window:a=O}=t,s=o.ref(!1);let u;const c=g=>{const v=g?n:r;u&&(clearTimeout(u),u=void 0),v?u=setTimeout(()=>s.value=g,v):s.value=g};return a&&(k(e,"mouseenter",()=>c(!0),{passive:!0}),k(e,"mouseleave",()=>c(!1),{passive:!0})),s}const Ke={[i.directiveHooks.mounted](e,t){const n=t.value;if(typeof n=="function"){const r=se(e);o.watch(r,a=>n(a))}else{const[r,a]=n,s=se(e,a);o.watch(s,u=>r(u))}}},xe=o.defineComponent({name:"UseElementSize",props:["width","height","box","as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(p.useElementSize(n,{width:e.width,height:e.height},{box:e.box}));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}});function Q(e,t,n={}){const{window:r=O,...a}=n;let s;const u=J(()=>r&&"ResizeObserver"in r),c=()=>{s&&(s.disconnect(),s=void 0)},g=o.computed(()=>{const f=i.toValue(e);return Array.isArray(f)?f.map(h=>P(h)):[P(f)]}),v=o.watch(g,f=>{if(c(),u.value&&r){s=new ResizeObserver(t);for(const h of f)h&&s.observe(h,a)}},{immediate:!0,flush:"post"}),d=()=>{c(),v()};return i.tryOnScopeDispose(d),{isSupported:u,stop:d}}function Ge(e,t={width:0,height:0},n={}){const{window:r=O,box:a="content-box"}=n,s=o.computed(()=>{var f,h;return(h=(f=P(e))==null?void 0:f.namespaceURI)==null?void 0:h.includes("svg")}),u=o.ref(t.width),c=o.ref(t.height),{stop:g}=Q(e,([f])=>{const h=a==="border-box"?f.borderBoxSize:a==="content-box"?f.contentBoxSize:f.devicePixelContentBoxSize;if(r&&s.value){const m=P(e);if(m){const y=m.getBoundingClientRect();u.value=y.width,c.value=y.height}}else if(h){const m=Array.isArray(h)?h:[h];u.value=m.reduce((y,{inlineSize:S})=>y+S,0),c.value=m.reduce((y,{blockSize:S})=>y+S,0)}else u.value=f.contentRect.width,c.value=f.contentRect.height},n);i.tryOnMounted(()=>{const f=P(e);f&&(u.value="offsetWidth"in f?f.offsetWidth:t.width,c.value="offsetHeight"in f?f.offsetHeight:t.height)});const v=o.watch(()=>P(e),f=>{u.value=f?t.width:0,c.value=f?t.height:0});function d(){g(),v()}return{width:u,height:c,stop:d}}const Je={[i.directiveHooks.mounted](e,t){var n;const r=typeof t.value=="function"?t.value:(n=t.value)==null?void 0:n[0],a=typeof t.value=="function"?[]:t.value.slice(1),{width:s,height:u}=Ge(e,...a);o.watch([s,u],([c,g])=>r({width:c,height:g}))}},qe=o.defineComponent({name:"UseElementVisibility",props:["as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive({isVisible:p.useElementVisibility(n)});return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}});function Z(e,t,n={}){const{root:r,rootMargin:a="0px",threshold:s=0,window:u=O,immediate:c=!0}=n,g=J(()=>u&&"IntersectionObserver"in u),v=o.computed(()=>{const y=i.toValue(e);return(Array.isArray(y)?y:[y]).map(P).filter(i.notNullish)});let d=i.noop;const f=o.ref(c),h=g.value?o.watch(()=>[v.value,P(r),f.value],([y,S])=>{if(d(),!f.value||!y.length)return;const A=new IntersectionObserver(t,{root:P(S),rootMargin:a,threshold:s});y.forEach(w=>w&&A.observe(w)),d=()=>{A.disconnect(),d=i.noop}},{immediate:c,flush:"post"}):i.noop,m=()=>{d(),h(),f.value=!1};return i.tryOnScopeDispose(m),{isSupported:g,isActive:f,pause(){d(),f.value=!1},resume(){f.value=!0},stop:m}}function D(e,t={}){const{window:n=O,scrollTarget:r,threshold:a=0}=t,s=o.ref(!1);return Z(e,u=>{let c=s.value,g=0;for(const v of u)v.time>=g&&(g=v.time,c=v.isIntersecting);s.value=c},{root:r,window:n,threshold:a}),s}const Ye={[i.directiveHooks.mounted](e,t){if(typeof t.value=="function"){const n=t.value,r=D(e);o.watch(r,a=>n(a),{immediate:!0})}else{const[n,r]=t.value,a=D(e,r);o.watch(a,s=>n(s),{immediate:!0})}}},$e=o.defineComponent({name:"UseEyeDropper",props:{sRGBHex:String},setup(e,{slots:t}){const n=o.reactive(p.useEyeDropper());return()=>{if(t.default)return t.default(n)}}}),Xe=o.defineComponent({name:"UseFullscreen",props:["as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(p.useFullscreen(n));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}}),Qe=o.defineComponent({name:"UseGeolocation",props:["enableHighAccuracy","maximumAge","timeout","navigator"],setup(e,{slots:t}){const n=o.reactive(p.useGeolocation(e));return()=>{if(t.default)return t.default(n)}}}),Ze=o.defineComponent({name:"UseIdle",props:["timeout","events","listenForVisibilityChange","initialState"],setup(e,{slots:t}){const n=o.reactive(p.useIdle(e.timeout,e));return()=>{if(t.default)return t.default(n)}}});function De(e,t,n){const{immediate:r=!0,delay:a=0,onError:s=i.noop,onSuccess:u=i.noop,resetOnExecute:c=!0,shallow:g=!0,throwError:v}=n??{},d=g?o.shallowRef(t):o.ref(t),f=o.ref(!1),h=o.ref(!1),m=o.shallowRef(void 0);async function y(w=0,...C){c&&(d.value=t),m.value=void 0,f.value=!1,h.value=!0,w>0&&await i.promiseTimeout(w);const V=typeof e=="function"?e(...C):e;try{const E=await V;d.value=E,f.value=!0,u(E)}catch(E){if(m.value=E,s(E),v)throw E}finally{h.value=!1}return d.value}r&&y(a);const S={state:d,isReady:f,isLoading:h,error:m,execute:y};function A(){return new Promise((w,C)=>{i.until(h).toBe(!1).then(()=>w(S)).catch(C)})}return{...S,then(w,C){return A().then(w,C)}}}async function et(e){return new Promise((t,n)=>{const r=new Image,{src:a,srcset:s,sizes:u,class:c,loading:g,crossorigin:v,referrerPolicy:d}=e;r.src=a,s&&(r.srcset=s),u&&(r.sizes=u),c&&(r.className=c),g&&(r.loading=g),v&&(r.crossOrigin=v),d&&(r.referrerPolicy=d),r.onload=()=>t(r),r.onerror=n})}function tt(e,t={}){const n=De(()=>et(i.toValue(e)),void 0,{resetOnExecute:!0,...t});return o.watch(()=>i.toValue(e),()=>n.execute(t.delay),{deep:!0}),n}const nt=o.defineComponent({name:"UseImage",props:["src","srcset","sizes","as","alt","class","loading","crossorigin","referrerPolicy"],setup(e,{slots:t}){const n=o.reactive(tt(e));return()=>n.isLoading&&t.loading?t.loading(n):n.error&&t.error?t.error(n.error):t.default?t.default(n):o.h(e.as||"img",e)}});function q(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}const le=1;function ee(e,t={}){const{throttle:n=0,idle:r=200,onStop:a=i.noop,onScroll:s=i.noop,offset:u={left:0,right:0,top:0,bottom:0},eventListenerOptions:c={capture:!1,passive:!0},behavior:g="auto",window:v=O,onError:d=b=>{console.error(b)}}=t,f=o.ref(0),h=o.ref(0),m=o.computed({get(){return f.value},set(b){S(b,void 0)}}),y=o.computed({get(){return h.value},set(b){S(void 0,b)}});function S(b,I){var T,U,_,L;if(!v)return;const R=i.toValue(e);if(!R)return;(_=R instanceof Document?v.document.body:R)==null||_.scrollTo({top:(T=i.toValue(I))!=null?T:y.value,left:(U=i.toValue(b))!=null?U:m.value,behavior:i.toValue(g)});const K=((L=R?.document)==null?void 0:L.documentElement)||R?.documentElement||R;m!=null&&(f.value=K.scrollLeft),y!=null&&(h.value=K.scrollTop)}const A=o.ref(!1),w=o.reactive({left:!0,right:!1,top:!0,bottom:!1}),C=o.reactive({left:!1,right:!1,top:!1,bottom:!1}),V=b=>{A.value&&(A.value=!1,C.left=!1,C.right=!1,C.top=!1,C.bottom=!1,a(b))},E=i.useDebounceFn(V,n+r),M=b=>{var I;if(!v)return;const T=((I=b?.document)==null?void 0:I.documentElement)||b?.documentElement||P(b),{display:U,flexDirection:_}=getComputedStyle(T),L=T.scrollLeft;C.left=L<f.value,C.right=L>f.value;const R=Math.abs(L)<=(u.left||0),K=Math.abs(L)+T.clientWidth>=T.scrollWidth-(u.right||0)-le;U==="flex"&&_==="row-reverse"?(w.left=K,w.right=R):(w.left=R,w.right=K),f.value=L;let B=T.scrollTop;b===v.document&&!B&&(B=v.document.body.scrollTop),C.top=B<h.value,C.bottom=B>h.value;const ve=Math.abs(B)<=(u.top||0),ge=Math.abs(B)+T.clientHeight>=T.scrollHeight-(u.bottom||0)-le;U==="flex"&&_==="column-reverse"?(w.top=ge,w.bottom=ve):(w.top=ve,w.bottom=ge),h.value=B},z=b=>{var I;if(!v)return;const T=(I=b.target.documentElement)!=null?I:b.target;M(T),A.value=!0,E(b),s(b)};return k(e,"scroll",n?i.useThrottleFn(z,n,!0,!1):z,c),i.tryOnMounted(()=>{try{const b=i.toValue(e);if(!b)return;M(b)}catch(b){d(b)}}),k(e,"scrollend",V,c),{x:m,y,isScrolling:A,arrivedState:w,directions:C,measure(){const b=i.toValue(e);v&&b&&M(b)}}}function ie(e,t,n={}){var r;const{direction:a="bottom",interval:s=100,canLoadMore:u=()=>!0}=n,c=o.reactive(ee(e,{...n,offset:{[a]:(r=n.distance)!=null?r:0,...n.offset}})),g=o.ref(),v=o.computed(()=>!!g.value),d=o.computed(()=>q(i.toValue(e))),f=D(d);function h(){if(c.measure(),!d.value||!f.value||!u(d.value))return;const{scrollHeight:y,clientHeight:S,scrollWidth:A,clientWidth:w}=d.value,C=a==="bottom"||a==="top"?y<=S:A<=w;(c.arrivedState[a]||C)&&(g.value||(g.value=Promise.all([t(c),new Promise(V=>setTimeout(V,s))]).finally(()=>{g.value=null,o.nextTick(()=>h())})))}const m=o.watch(()=>[c.arrivedState[a],f.value],h,{immediate:!0});return i.tryOnUnmounted(m),{isLoading:v,reset(){o.nextTick(()=>h())}}}const ot={[i.directiveHooks.mounted](e,t){typeof t.value=="function"?ie(e,t.value):ie(e,...t.value)}},rt={[i.directiveHooks.mounted](e,t){typeof t.value=="function"?Z(e,t.value):Z(e,...t.value)}},at=o.defineComponent({name:"UseMouse",props:["touch","resetOnTouchEnds","initialValue"],setup(e,{slots:t}){const n=o.reactive(p.useMouse(e));return()=>{if(t.default)return t.default(n)}}}),st=o.defineComponent({name:"UseMouseElement",props:["handleOutside","as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(p.useMouseInElement(n,e));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}}),lt=o.defineComponent({name:"UseMousePressed",props:["touch","initialValue","as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(p.useMousePressed({...e,target:n}));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}}),it=o.defineComponent({name:"UseNetwork",setup(e,{slots:t}){const n=o.reactive(p.useNetwork());return()=>{if(t.default)return t.default(n)}}}),ut=o.defineComponent({name:"UseNow",props:["interval"],setup(e,{slots:t}){const n=o.reactive(p.useNow({...e,controls:!0}));return()=>{if(t.default)return t.default(n)}}}),ct=o.defineComponent({name:"UseObjectUrl",props:["object"],setup(e,{slots:t}){const n=i.toRef(e,"object"),r=p.useObjectUrl(n);return()=>{if(t.default&&r.value)return t.default(r)}}}),ft=o.defineComponent({name:"UseOffsetPagination",props:["total","page","pageSize","onPageChange","onPageSizeChange","onPageCountChange"],emits:["page-change","page-size-change","page-count-change"],setup(e,{slots:t,emit:n}){const r=o.reactive(p.useOffsetPagination({...e,onPageChange(...a){var s;(s=e.onPageChange)==null||s.call(e,...a),n("page-change",...a)},onPageSizeChange(...a){var s;(s=e.onPageSizeChange)==null||s.call(e,...a),n("page-size-change",...a)},onPageCountChange(...a){var s;(s=e.onPageCountChange)==null||s.call(e,...a),n("page-count-change",...a)}}));return()=>{if(t.default)return t.default(r)}}}),dt=o.defineComponent({name:"UseOnline",setup(e,{slots:t}){const n=o.reactive({isOnline:p.useOnline()});return()=>{if(t.default)return t.default(n)}}}),pt=o.defineComponent({name:"UsePageLeave",setup(e,{slots:t}){const n=o.reactive({isLeft:p.usePageLeave()});return()=>{if(t.default)return t.default(n)}}}),vt=o.defineComponent({name:"UsePointer",props:["pointerTypes","initialValue","target"],setup(e,{slots:t}){const n=o.ref(null),r=o.reactive(p.usePointer({...e,target:e.target==="self"?n:O}));return()=>{if(t.default)return t.default(r,{ref:n})}}}),gt=o.defineComponent({name:"UsePointerLock",props:["as"],setup(e,{slots:t}){const n=o.ref(),r=o.reactive(p.usePointerLock(n));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(r))}}}),mt=o.defineComponent({name:"UsePreferredColorScheme",setup(e,{slots:t}){const n=o.reactive({colorScheme:p.usePreferredColorScheme()});return()=>{if(t.default)return t.default(n)}}}),ht=o.defineComponent({name:"UsePreferredContrast",setup(e,{slots:t}){const n=o.reactive({contrast:p.usePreferredContrast()});return()=>{if(t.default)return t.default(n)}}}),yt=o.defineComponent({name:"UsePreferredDark",setup(e,{slots:t}){const n=o.reactive({prefersDark:p.usePreferredDark()});return()=>{if(t.default)return t.default(n)}}}),wt=o.defineComponent({name:"UsePreferredLanguages",setup(e,{slots:t}){const n=o.reactive({languages:p.usePreferredLanguages()});return()=>{if(t.default)return t.default(n)}}}),Ut=o.defineComponent({name:"UsePreferredReducedMotion",setup(e,{slots:t}){const n=o.reactive({motion:p.usePreferredReducedMotion()});return()=>{if(t.default)return t.default(n)}}}),bt={[i.directiveHooks.mounted](e,t){typeof t.value=="function"?Q(e,t.value):Q(e,...t.value)}};function St(e,t,n={}){const{window:r=O,...a}=n;let s;const u=J(()=>r&&"MutationObserver"in r),c=()=>{s&&(s.disconnect(),s=void 0)},g=o.computed(()=>{const h=i.toValue(e),m=(Array.isArray(h)?h:[h]).map(P).filter(i.notNullish);return new Set(m)}),v=o.watch(()=>g.value,h=>{c(),u.value&&h.size&&(s=new MutationObserver(t),h.forEach(m=>s.observe(m,a)))},{immediate:!0,flush:"post"}),d=()=>s?.takeRecords(),f=()=>{v(),c()};return i.tryOnScopeDispose(f),{isSupported:u,stop:f,takeRecords:d}}function Y(e,t,n={}){const{window:r=O,initialValue:a,observe:s=!1}=n,u=o.ref(a),c=o.computed(()=>{var v;return P(t)||((v=r?.document)==null?void 0:v.documentElement)});function g(){var v;const d=i.toValue(e),f=i.toValue(c);if(f&&r&&d){const h=(v=r.getComputedStyle(f).getPropertyValue(d))==null?void 0:v.trim();u.value=h||a}}return s&&St(c,g,{attributeFilter:["style","class"],window:r}),o.watch([c,()=>i.toValue(e)],(v,d)=>{d[0]&&d[1]&&d[0].style.removeProperty(d[1]),g()},{immediate:!0}),o.watch(u,v=>{var d;const f=i.toValue(e);(d=c.value)!=null&&d.style&&f&&(v==null?c.value.style.removeProperty(f):c.value.style.setProperty(f,v))}),u}const ue="--vueuse-safe-area-top",ce="--vueuse-safe-area-right",fe="--vueuse-safe-area-bottom",de="--vueuse-safe-area-left";function Ct(){const e=o.ref(""),t=o.ref(""),n=o.ref(""),r=o.ref("");if(i.isClient){const s=Y(ue),u=Y(ce),c=Y(fe),g=Y(de);s.value="env(safe-area-inset-top, 0px)",u.value="env(safe-area-inset-right, 0px)",c.value="env(safe-area-inset-bottom, 0px)",g.value="env(safe-area-inset-left, 0px)",a(),k("resize",i.useDebounceFn(a))}function a(){e.value=$(ue),t.value=$(ce),n.value=$(fe),r.value=$(de)}return{top:e,right:t,bottom:n,left:r,update:a}}function $(e){return getComputedStyle(document.documentElement).getPropertyValue(e)}const Et=o.defineComponent({name:"UseScreenSafeArea",props:{top:Boolean,right:Boolean,bottom:Boolean,left:Boolean},setup(e,{slots:t}){const{top:n,right:r,bottom:a,left:s}=Ct();return()=>{if(t.default)return o.h("div",{style:{paddingTop:e.top?n.value:"",paddingRight:e.right?r.value:"",paddingBottom:e.bottom?a.value:"",paddingLeft:e.left?s.value:"",boxSizing:"border-box",maxHeight:"100vh",maxWidth:"100vw",overflow:"auto"}},t.default())}}}),Ot={[i.directiveHooks.mounted](e,t){if(typeof t.value=="function"){const n=t.value,r=ee(e,{onScroll(){n(r)},onStop(){n(r)}})}else{const[n,r]=t.value,a=ee(e,{...r,onScroll(s){var u;(u=r.onScroll)==null||u.call(r,s),n(a)},onStop(s){var u;(u=r.onStop)==null||u.call(r,s),n(a)}})}}};function pe(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth<e.scrollWidth||t.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const n=e.parentNode;return!n||n.tagName==="BODY"?!1:pe(n)}}function Pt(e){const t=e||window.event,n=t.target;return pe(n)?!1:t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)}const te=new WeakMap;function _t(e,t=!1){const n=o.ref(t);let r=null,a="";o.watch(i.toRef(e),c=>{const g=q(i.toValue(c));if(g){const v=g;if(te.get(v)||te.set(v,v.style.overflow),v.style.overflow!=="hidden"&&(a=v.style.overflow),v.style.overflow==="hidden")return n.value=!0;if(n.value)return v.style.overflow="hidden"}},{immediate:!0});const s=()=>{const c=q(i.toValue(e));!c||n.value||(i.isIOS&&(r=k(c,"touchmove",g=>{Pt(g)},{passive:!1})),c.style.overflow="hidden",n.value=!0)},u=()=>{const c=q(i.toValue(e));!c||!n.value||(i.isIOS&&r?.(),c.style.overflow=a,te.delete(c),n.value=!1)};return i.tryOnScopeDispose(u),o.computed({get(){return n.value},set(c){c?s():u()}})}function Lt(){let e=!1;const t=o.ref(!1);return(n,r)=>{if(t.value=r.value,e)return;e=!0;const a=_t(n,r.value);o.watch(t,s=>a.value=s)}}const kt=Lt(),At=o.defineComponent({name:"UseTimeAgo",props:["time","updateInterval","max","fullDateFormatter","messages","showSecond"],setup(e,{slots:t}){const n=o.reactive(p.useTimeAgo(()=>e.time,{...e,controls:!0}));return()=>{if(t.default)return t.default(n)}}}),Mt=o.defineComponent({name:"UseTimestamp",props:["immediate","interval","offset"],setup(e,{slots:t}){const n=o.reactive(p.useTimestamp({...e,controls:!0}));return()=>{if(t.default)return t.default(n)}}}),Tt=o.defineComponent({name:"UseVirtualList",props:["list","options","height"],setup(e,{slots:t,expose:n}){const{list:r}=o.toRefs(e),{list:a,containerProps:s,wrapperProps:u,scrollTo:c}=p.useVirtualList(r,e.options);return n({scrollTo:c}),s.style&&typeof s.style=="object"&&!Array.isArray(s.style)&&(s.style.height=e.height||"300px"),()=>o.h("div",{...s},[o.h("div",{...u.value},a.value.map(g=>o.h("div",{style:{overflow:"hidden",height:g.height}},t.default?t.default(g):"Please set content!")))])}}),Vt=o.defineComponent({name:"UseWindowFocus",setup(e,{slots:t}){const n=o.reactive({focused:p.useWindowFocus()});return()=>{if(t.default)return t.default(n)}}}),It=o.defineComponent({name:"UseWindowSize",props:["initialWidth","initialHeight"],setup(e,{slots:t}){const n=o.reactive(p.useWindowSize(e));return()=>{if(t.default)return t.default(n)}}});l.OnClickOutside=ne,l.OnLongPress=we,l.UseActiveElement=Ue,l.UseBattery=be,l.UseBrowserLocation=Se,l.UseClipboard=Ce,l.UseColorMode=Ie,l.UseDark=Re,l.UseDeviceMotion=ze,l.UseDeviceOrientation=He,l.UseDevicePixelRatio=Ne,l.UseDevicesList=We,l.UseDocumentVisibility=Be,l.UseDraggable=je,l.UseElementBounding=Fe,l.UseElementSize=xe,l.UseElementVisibility=qe,l.UseEyeDropper=$e,l.UseFullscreen=Xe,l.UseGeolocation=Qe,l.UseIdle=Ze,l.UseImage=nt,l.UseMouse=at,l.UseMouseInElement=st,l.UseMousePressed=lt,l.UseNetwork=it,l.UseNow=ut,l.UseObjectUrl=ct,l.UseOffsetPagination=ft,l.UseOnline=dt,l.UsePageLeave=pt,l.UsePointer=vt,l.UsePointerLock=gt,l.UsePreferredColorScheme=mt,l.UsePreferredContrast=ht,l.UsePreferredDark=yt,l.UsePreferredLanguages=wt,l.UsePreferredReducedMotion=Ut,l.UseScreenSafeArea=Et,l.UseTimeAgo=At,l.UseTimestamp=Mt,l.UseVirtualList=Tt,l.UseWindowFocus=Vt,l.UseWindowSize=It,l.VOnClickOutside=F,l.VOnLongPress=oe,l.vElementHover=Ke,l.vElementSize=Je,l.vElementVisibility=Ye,l.vInfiniteScroll=ot,l.vIntersectionObserver=rt,l.vOnClickOutside=F,l.vOnKeyStroke=me,l.vOnLongPress=oe,l.vResizeObserver=bt,l.vScroll=Ot,l.vScrollLock=kt})(this.VueUse=this.VueUse||{},VueUse,VueDemi,VueUse); |
| { | ||
| "name": "@vueuse/components", | ||
| "version": "11.0.3", | ||
| "version": "11.1.0", | ||
| "description": "Renderless components for VueUse", | ||
@@ -35,6 +35,6 @@ "author": "Jacob Clevenger<https://github.com/wheatjs>", | ||
| "dependencies": { | ||
| "@vueuse/core": "11.0.3", | ||
| "@vueuse/shared": "11.0.3", | ||
| "@vueuse/core": "11.1.0", | ||
| "@vueuse/shared": "11.1.0", | ||
| "vue-demi": ">=0.14.10" | ||
| } | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
No alert changes
Improved metrics
- Total package byte prevSize
- increased by2.12%
338810
- Lines of code
- increased by0.87%
7328
Dependency changes
+ Added@vueuse/core@11.1.0(transitive)
+ Added@vueuse/metadata@11.1.0(transitive)
+ Added@vueuse/shared@11.1.0(transitive)
- Removed@vueuse/core@11.0.3(transitive)
- Removed@vueuse/metadata@11.0.3(transitive)
- Removed@vueuse/shared@11.0.3(transitive)
Updated@vueuse/core@11.1.0
Updated@vueuse/shared@11.1.0