@vueuse/components 14.0.0-beta.1 → 14.0.0

package/dist/index.d.ts

@@ -17,7 +17,7 @@ declare const OnClickOutside: vue1.DefineSetupFnComponent<OnClickOutsideProps, O
 //#region ../core/onClickOutside/directive.d.ts
 declare const vOnClickOutside: ObjectDirective<HTMLElement, OnClickOutsideHandler | [(evt: any) => void, Omit<OnClickOutsideOptions, 'controls'>]>;
 /** @deprecated use `vOnClickOutside` instead */
-declare const VOnClickOutside: ObjectDirective<HTMLElement, OnClickOutsideHandler | [(evt: any) => void, Omit<OnClickOutsideOptions<false>, "controls">], string, string>;
+declare const VOnClickOutside: ObjectDirective<HTMLElement, OnClickOutsideHandler | [(evt: any) => void, Omit<OnClickOutsideOptions<false>, "controls">], string, any>;
 //#endregion
 //#region ../core/onKeyStroke/directive.d.ts
 type BindingValueFunction$10 = (event: KeyboardEvent) => void;
@@ -43,7 +43,7 @@ type BindingValueFunction$9 = (evt: PointerEvent) => void;
 type BindingValueArray$8 = [BindingValueFunction$9, OnLongPressOptions];
 declare const vOnLongPress: ObjectDirective<HTMLElement, BindingValueFunction$9 | BindingValueArray$8>;
 /** @deprecated use `vOnLongPress` instead */
-declare const VOnLongPress: ObjectDirective<HTMLElement, BindingValueFunction$9 | BindingValueArray$8, string, string>;
+declare const VOnLongPress: ObjectDirective<HTMLElement, BindingValueFunction$9 | BindingValueArray$8, string, any>;
 //#endregion
 //#region ../core/useActiveElement/component.d.ts
 interface UseActiveElementProps extends UseActiveElementOptions {}

package/dist/index.iife.js

@@ -428,13 +428,10 @@ __vueuse_shared = __toESM(__vueuse_shared);
 //#region ../core/useElementHover/directive.ts
 	const vElementHover = { mounted(el, binding) {
 		const value = binding.value;
-		if (typeof value === "function") {
-			const isHovered = (0, __vueuse_core.useElementHover)(el);
-			(0, vue.watch)(isHovered, (v) => value(v));
-		} else {
+		if (typeof value === "function") (0, vue.watch)((0, __vueuse_core.useElementHover)(el), (v) => value(v));
+		else {
 			const [handler, options] = value;
-			const isHovered = (0, __vueuse_core.useElementHover)(el, options);
-			(0, vue.watch)(isHovered, (v) => handler(v));
+			(0, vue.watch)((0, __vueuse_core.useElementHover)(el, options), (v) => handler(v));
 		}
 	} };
 
@@ -470,8 +467,7 @@ __vueuse_shared = __toESM(__vueuse_shared);
 	const vElementSize = { mounted(el, binding) {
 		var _binding$value;
 		const handler = typeof binding.value === "function" ? binding.value : (_binding$value = binding.value) === null || _binding$value === void 0 ? void 0 : _binding$value[0];
-		const options = typeof binding.value === "function" ? [] : binding.value.slice(1);
-		const { width, height } = (0, __vueuse_core.useElementSize)(el, ...options);
+		const { width, height } = (0, __vueuse_core.useElementSize)(el, ...typeof binding.value === "function" ? [] : binding.value.slice(1));
 		(0, vue.watch)([width, height], ([width$1, height$1]) => handler({
 			width: width$1,
 			height: height$1
@@ -503,12 +499,10 @@ __vueuse_shared = __toESM(__vueuse_shared);
 	const vElementVisibility = { mounted(el, binding) {
 		if (typeof binding.value === "function") {
 			const handler = binding.value;
-			const isVisible = (0, __vueuse_core.useElementVisibility)(el);
-			(0, vue.watch)(isVisible, (v) => handler(v), { immediate: true });
+			(0, vue.watch)((0, __vueuse_core.useElementVisibility)(el), (v) => handler(v), { immediate: true });
 		} else {
 			const [handler, options] = binding.value;
-			const isVisible = (0, __vueuse_core.useElementVisibility)(el, options);
-			(0, vue.watch)(isVisible, (v) => handler(v), { immediate: true });
+			(0, vue.watch)((0, __vueuse_core.useElementVisibility)(el, options), (v) => handler(v), { immediate: true });
 		}
 	} };
 
@@ -674,8 +668,7 @@ __vueuse_shared = __toESM(__vueuse_shared);
 //#region ../core/useMouseInElement/directive.ts
 	const vMouseInElement = { mounted(el, binding) {
 		const [handler, options] = typeof binding.value === "function" ? [binding.value, {}] : binding.value;
-		const state = (0, __vueuse_shared.reactiveOmit)((0, vue.reactive)((0, __vueuse_core.useMouseInElement)(el, options)), "stop");
-		(0, vue.watch)(state, (val) => handler(val));
+		(0, vue.watch)((0, __vueuse_shared.reactiveOmit)((0, vue.reactive)((0, __vueuse_core.useMouseInElement)(el, options)), "stop"), (val) => handler(val));
 	} };
 
 //#endregion

package/dist/index.iife.min.js

@@ -1 +1 @@
-(function(exports,t,n,r){var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e},d=(e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e));t=d(t),n=d(n),r=d(r);let f=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.shallowRef)();return(0,t.onClickOutside)(a,e=>{i(`trigger`,e)},e.options),()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:a},r.default())}},{name:`OnClickOutside`,props:[`as`,`options`],emits:[`trigger`]}),p=new WeakMap,m={mounted(e,n){let r=!n.modifiers.bubble,i;if(typeof n.value==`function`)i=(0,t.onClickOutside)(e,n.value,{capture:r});else{let[a,o]=n.value;i=(0,t.onClickOutside)(e,a,Object.assign({capture:r},o))}p.set(e,i)},unmounted(e){let t=p.get(e);t&&typeof t==`function`?t():t==null||t.stop(),p.delete(e)}},h=m,ee={mounted(e,n){var r,i;let a=(r=(i=n.arg)==null?void 0:i.split(`,`))==null?!0:r;if(typeof n.value==`function`)(0,t.onKeyStroke)(a,n.value,{target:e});else{let[r,i]=n.value;(0,t.onKeyStroke)(a,r,{target:e,...i})}}},g=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.shallowRef)(),o=(0,t.onLongPress)(a,e=>{i(`trigger`,e)},e.options);return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:a},r.default(o))}},{name:`OnLongPress`,props:[`as`,`options`],emits:[`trigger`]}),_={mounted(e,n){typeof n.value==`function`?(0,t.onLongPress)(e,n.value,{modifiers:n.modifiers}):(0,t.onLongPress)(e,...n.value)}},v=_,y=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({element:(0,t.useActiveElement)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseActiveElement`,props:[`deep`,`triggerOnRemoval`,`window`,`document`]}),b=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useBattery)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseBattery`,props:[`navigator`]}),x=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useBrowserLocation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseBrowserLocation`,props:[`window`]}),S=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useClipboard)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseClipboard`,props:[`source`,`read`,`navigator`,`copiedDuring`,`legacy`]}),C=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,t.useColorMode)(e),a=(0,n.reactive)({mode:i,system:i.system,store:i.store});return()=>{if(r.default)return r.default(a)}},{name:`UseColorMode`,props:[`attribute`,`deep`,`disableTransition`,`emitAuto`,`eventFilter`,`flush`,`initOnMounted`,`initialValue`,`listenToStorageChanges`,`mergeDefaults`,`modes`,`onChanged`,`onError`,`selector`,`serializer`,`shallow`,`storage`,`storageKey`,`storageRef`,`window`,`writeDefaults`]}),w=(0,n.defineComponent)((e,{slots:i})=>{let a=(0,t.useDark)(e),o=(0,n.reactive)({isDark:a,toggleDark:(0,r.useToggle)(a)});return()=>{if(i.default)return i.default(o)}},{name:`UseDark`,props:[`attribute`,`deep`,`disableTransition`,`emitAuto`,`eventFilter`,`flush`,`initOnMounted`,`initialValue`,`listenToStorageChanges`,`mergeDefaults`,`onChanged`,`onError`,`selector`,`serializer`,`shallow`,`storage`,`storageKey`,`storageRef`,`valueDark`,`valueLight`,`window`,`writeDefaults`]}),T=(0,n.defineComponent)((e,{slots:n})=>{let r=(0,t.useDeviceMotion)(e);return()=>{if(n.default)return n.default(r)}},{name:`UseDeviceMotion`,props:[`eventFilter`,`requestPermissions`,`window`]}),E=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDeviceOrientation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDeviceOrientation`,props:[`window`]}),D=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDevicePixelRatio)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDevicePixelRatio`,props:[`window`]}),O=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDevicesList)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDevicesList`,props:[`constraints`,`navigator`,`onUpdated`,`requestPermissions`]}),k=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({visibility:(0,t.useDocumentVisibility)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseDocumentVisibility`,props:[`document`]}),A=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.computed)(()=>{var t;return(t=(0,n.toValue)(e.handle))==null?i.value:t}),o=(0,n.computed)(()=>{var t;return(t=e.containerElement)==null?void 0:t}),s=(0,n.computed)(()=>!!e.disabled),c=e.storageKey&&(0,t.useStorage)(e.storageKey,(0,n.toValue)(e.initialValue)||{x:0,y:0},t.isClient?e.storageType===`session`?sessionStorage:localStorage:void 0),l=c||e.initialValue||{x:0,y:0},u=(t,n)=>{var r;(r=e.onEnd)==null||r.call(e,t,n),c&&(c.value.x=t.x,c.value.y=t.y)},d=(0,n.reactive)((0,t.useDraggable)(i,{...e,handle:a,initialValue:l,onEnd:u,disabled:s,containerElement:o}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i,style:`touch-action:none;${d.style}`},r.default(d))}},{name:`UseDraggable`,props:[`storageKey`,`storageType`,`initialValue`,`exact`,`preventDefault`,`stopPropagation`,`pointerTypes`,`as`,`handle`,`axis`,`onStart`,`onMove`,`onEnd`,`disabled`,`buttons`,`containerElement`,`capture`,`draggingElement`]}),j=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useElementBounding)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseElementBounding`,props:[`as`,`immediate`,`reset`,`updateTiming`,`windowResize`,`windowScroll`]}),M={mounted(e,r){let[i,a]=typeof r.value==`function`?[r.value,{}]:r.value,{height:o,bottom:s,left:c,right:l,top:u,width:d,x:f,y:p}=(0,t.useElementBounding)(e,a);(0,n.watch)([o,s,c,l,u,d,f,p],()=>i({height:o,bottom:s,left:c,right:l,top:u,width:d,x:f,y:p}))}},N={mounted(e,r){let i=r.value;if(typeof i==`function`){let r=(0,t.useElementHover)(e);(0,n.watch)(r,e=>i(e))}else{let[r,a]=i,o=(0,t.useElementHover)(e,a);(0,n.watch)(o,e=>r(e))}}},P=(0,n.defineComponent)((e,{slots:r})=>{var i,a;let o=(0,n.shallowRef)(),{width:s,height:c}=(0,n.toRefs)(e),l=(0,n.reactive)((0,t.useElementSize)(o,{width:(i=(0,n.toValue)(s))==null?0:i,height:(a=(0,n.toValue)(c))==null?0:a},{box:e.box,window:e.window}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:o},r.default(l))}},{name:`UseElementSize`,props:[`as`,`box`,`height`,`width`,`window`]}),F={mounted(e,r){var i;let a=typeof r.value==`function`?r.value:(i=r.value)==null?void 0:i[0],o=typeof r.value==`function`?[]:r.value.slice(1),{width:s,height:c}=(0,t.useElementSize)(e,...o);(0,n.watch)([s,c],([e,t])=>a({width:e,height:t}))}},I=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)({isVisible:(0,t.useElementVisibility)(i,e)});return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseElementVisibility`,props:[`as`,`once`,`rootMargin`,`scrollTarget`,`threshold`,`window`]}),L={mounted(e,r){if(typeof r.value==`function`){let i=r.value,a=(0,t.useElementVisibility)(e);(0,n.watch)(a,e=>i(e),{immediate:!0})}else{let[i,a]=r.value,o=(0,t.useElementVisibility)(e,a);(0,n.watch)(o,e=>i(e),{immediate:!0})}}},R=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useEyeDropper)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseEyeDropper`,props:[`initialValue`]}),z=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useFullscreen)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseFullscreen`,props:[`as`,`autoExit`,`document`]}),B=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useGeolocation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseGeolocation`,props:[`enableHighAccuracy`,`immediate`,`maximumAge`,`navigator`,`timeout`]}),V=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useIdle)(e.timeout,e));return()=>{if(r.default)return r.default(i)}},{name:`UseIdle`,props:[`eventFilter`,`events`,`initialState`,`listenForVisibilityChange`,`timeout`,`window`]}),H=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useImage)(e));return()=>i.isLoading&&r.loading?r.loading(i):i.error&&r.error?r.error(i.error):r.default?r.default(i):(0,n.h)(e.as||`img`,e)},{name:`UseImage`,props:[`alt`,`as`,`class`,`crossorigin`,`decoding`,`fetchPriority`,`height`,`ismap`,`loading`,`referrerPolicy`,`sizes`,`src`,`srcset`,`usemap`,`width`]}),U={mounted(e,n){typeof n.value==`function`?(0,t.useInfiniteScroll)(e,n.value):(0,t.useInfiniteScroll)(e,...n.value)}},te={mounted(e,n){typeof n.value==`function`?(0,t.useIntersectionObserver)(e,n.value):(0,t.useIntersectionObserver)(e,...n.value)}},W=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useMouse)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseMouse`,props:[`eventFilter`,`initialValue`,`resetOnTouchEnds`,`scroll`,`target`,`touch`,`type`,`window`]}),G=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useMouseInElement)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseMouseInElement`,props:[`as`,`eventFilter`,`handleOutside`,`initialValue`,`resetOnTouchEnds`,`scroll`,`target`,`touch`,`type`,`window`,`windowResize`,`windowScroll`]}),K={mounted(e,i){let[a,o]=typeof i.value==`function`?[i.value,{}]:i.value,s=(0,r.reactiveOmit)((0,n.reactive)((0,t.useMouseInElement)(e,o)),`stop`);(0,n.watch)(s,e=>a(e))}},q=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useMousePressed)({...e,target:i}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseMousePressed`,props:[`as`,`capture`,`drag`,`initialValue`,`onPressed`,`onReleased`,`touch`,`window`]}),J=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useNetwork)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseNetwork`,props:[`window`]}),Y=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useNow)({...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseNow`,props:[`immediate`,`interval`]}),X=(0,n.defineComponent)((e,{slots:n})=>{let{object:i}=(0,r.toRefs)(e),a=(0,t.useObjectUrl)(i);return()=>{if(n.default&&a.value)return n.default(a.value)}},{name:`UseObjectUrl`,props:[`object`]}),Z=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.reactive)((0,t.useOffsetPagination)({...e,total:(0,n.toValue)(e.total)||void 0,onPageChange(...t){var n;(n=e.onPageChange)==null||n.call(e,...t),i(`page-change`,...t)},onPageSizeChange(...t){var n;(n=e.onPageSizeChange)==null||n.call(e,...t),i(`page-size-change`,...t)},onPageCountChange(...t){var n;(n=e.onPageCountChange)==null||n.call(e,...t),i(`page-count-change`,...t)}}));return()=>{if(r.default)return r.default(a)}},{name:`UseOffsetPagination`,props:[`onPageChange`,`onPageCountChange`,`onPageSizeChange`,`page`,`pageSize`,`total`]}),Q=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({isOnline:(0,t.useOnline)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseOnline`,props:[`window`]}),ne=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({isLeft:(0,t.usePageLeave)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePageLeave`,props:[`window`]}),re=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(null),a=(0,n.reactive)((0,t.usePointer)({...e,target:e.target===`self`?i:t.defaultWindow}));return()=>{if(r.default)return r.default(a)}},{name:`UsePointer`,props:[`initialValue`,`pointerTypes`,`target`,`window`]}),ie=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.usePointerLock)(i));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UsePointerLock`,props:[`as`,`document`]}),ae=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({colorScheme:(0,t.usePreferredColorScheme)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredColorScheme`,props:[`window`]}),oe=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({contrast:(0,t.usePreferredContrast)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredContrast`,props:[`window`]}),se=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({prefersDark:(0,t.usePreferredDark)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredDark`,props:[`window`]}),ce=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({languages:(0,t.usePreferredLanguages)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredLanguages`,props:[`window`]}),le=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({motion:(0,t.usePreferredReducedMotion)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredReducedMotion`,props:[`window`]}),ue=(0,n.defineComponent)({name:`UsePreferredReducedTransparency`,setup(e,{slots:r}){let i=(0,n.reactive)({transparency:(0,t.usePreferredReducedTransparency)()});return()=>{if(r.default)return r.default(i)}}}),de={mounted(e,n){typeof n.value==`function`?(0,t.useResizeObserver)(e,n.value):(0,t.useResizeObserver)(e,...n.value)}},fe=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useScreenSafeArea)());return()=>{if(r.default)return(0,n.h)(e.as||`div`,{style:{paddingTop:e.top?i.top:``,paddingRight:e.right?i.right:``,paddingBottom:e.bottom?i.bottom:``,paddingLeft:e.left?i.left:``,boxSizing:`border-box`,maxHeight:`100vh`,maxWidth:`100vw`,overflow:`auto`}},r.default(i))}},{name:`UseScreenSafeArea`,props:[`top`,`right`,`bottom`,`left`]}),pe={mounted(e,n){if(typeof n.value==`function`){let r=n.value,i=(0,t.useScroll)(e,{onScroll(){r(i)},onStop(){r(i)}})}else{let[r,i]=n.value,a=(0,t.useScroll)(e,{...i,onScroll(e){var t;(t=i.onScroll)==null||t.call(i,e),r(a)},onStop(e){var t;(t=i.onStop)==null||t.call(i,e),r(a)}})}}};function $(){let e=!1,r=(0,n.shallowRef)(!1);return(i,a)=>{if(r.value=a.value,e)return;e=!0;let o=(0,t.useScrollLock)(i,a.value);(0,n.watch)(r,e=>o.value=e)}}let me=$(),he=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useTimeAgo)(()=>e.time,{...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseTimeAgo`,props:[`fullDateFormatter`,`max`,`messages`,`rounding`,`showSecond`,`time`,`units`,`updateInterval`]}),ge=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useTimestamp)({...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseTimestamp`,props:[`callback`,`immediate`,`interval`,`offset`]}),_e=(0,n.defineComponent)((e,{slots:r,expose:i})=>{let{list:a}=(0,n.toRefs)(e),{list:o,containerProps:s,wrapperProps:c,scrollTo:l}=(0,t.useVirtualList)(a,e.options);return i({scrollTo:l}),s.style&&typeof s.style==`object`&&!Array.isArray(s.style)&&(s.style.height=e.height||`300px`),()=>(0,n.h)(`div`,{...s},[(0,n.h)(`div`,{...c.value},o.value.map(e=>(0,n.h)(`div`,{style:{overflow:`hidden`,height:e.height}},r.default?r.default(e):`Please set content!`)))])},{name:`UseVirtualList`,props:[`height`,`list`,`options`]}),ve=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({focused:(0,t.useWindowFocus)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseWindowFocus`,props:[`window`]}),ye=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useWindowSize)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseWindowSize`,props:[`includeScrollbar`,`initialHeight`,`initialWidth`,`listenOrientation`,`type`,`window`]});exports.OnClickOutside=f,exports.OnLongPress=g,exports.UseActiveElement=y,exports.UseBattery=b,exports.UseBrowserLocation=x,exports.UseClipboard=S,exports.UseColorMode=C,exports.UseDark=w,exports.UseDeviceMotion=T,exports.UseDeviceOrientation=E,exports.UseDevicePixelRatio=D,exports.UseDevicesList=O,exports.UseDocumentVisibility=k,exports.UseDraggable=A,exports.UseElementBounding=j,exports.UseElementSize=P,exports.UseElementVisibility=I,exports.UseEyeDropper=R,exports.UseFullscreen=z,exports.UseGeolocation=B,exports.UseIdle=V,exports.UseImage=H,exports.UseMouse=W,exports.UseMouseInElement=G,exports.UseMousePressed=q,exports.UseNetwork=J,exports.UseNow=Y,exports.UseObjectUrl=X,exports.UseOffsetPagination=Z,exports.UseOnline=Q,exports.UsePageLeave=ne,exports.UsePointer=re,exports.UsePointerLock=ie,exports.UsePreferredColorScheme=ae,exports.UsePreferredContrast=oe,exports.UsePreferredDark=se,exports.UsePreferredLanguages=ce,exports.UsePreferredReducedMotion=le,exports.UsePreferredReducedTransparency=ue,exports.UseScreenSafeArea=fe,exports.UseTimeAgo=he,exports.UseTimestamp=ge,exports.UseVirtualList=_e,exports.UseWindowFocus=ve,exports.UseWindowSize=ye,exports.VOnClickOutside=h,exports.VOnLongPress=v,exports.vElementBounding=M,exports.vElementHover=N,exports.vElementSize=F,exports.vElementVisibility=L,exports.vInfiniteScroll=U,exports.vIntersectionObserver=te,exports.vMouseInElement=K,exports.vOnClickOutside=m,exports.vOnKeyStroke=ee,exports.vOnLongPress=_,exports.vResizeObserver=de,exports.vScroll=pe,exports.vScrollLock=me})(this.VueUse=this.VueUse||{},VueUse,Vue,VueUse);
+(function(e,t,n,r){var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e},d=(e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e));t=d(t),n=d(n),r=d(r);let f=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.shallowRef)();return(0,t.onClickOutside)(a,e=>{i(`trigger`,e)},e.options),()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:a},r.default())}},{name:`OnClickOutside`,props:[`as`,`options`],emits:[`trigger`]}),p=new WeakMap,m={mounted(e,n){let r=!n.modifiers.bubble,i;if(typeof n.value==`function`)i=(0,t.onClickOutside)(e,n.value,{capture:r});else{let[a,o]=n.value;i=(0,t.onClickOutside)(e,a,Object.assign({capture:r},o))}p.set(e,i)},unmounted(e){let t=p.get(e);t&&typeof t==`function`?t():t==null||t.stop(),p.delete(e)}},h=m,ee={mounted(e,n){var r,i;let a=(r=(i=n.arg)==null?void 0:i.split(`,`))==null?!0:r;if(typeof n.value==`function`)(0,t.onKeyStroke)(a,n.value,{target:e});else{let[r,i]=n.value;(0,t.onKeyStroke)(a,r,{target:e,...i})}}},g=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.shallowRef)(),o=(0,t.onLongPress)(a,e=>{i(`trigger`,e)},e.options);return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:a},r.default(o))}},{name:`OnLongPress`,props:[`as`,`options`],emits:[`trigger`]}),_={mounted(e,n){typeof n.value==`function`?(0,t.onLongPress)(e,n.value,{modifiers:n.modifiers}):(0,t.onLongPress)(e,...n.value)}},v=_,y=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({element:(0,t.useActiveElement)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseActiveElement`,props:[`deep`,`triggerOnRemoval`,`window`,`document`]}),b=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useBattery)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseBattery`,props:[`navigator`]}),x=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useBrowserLocation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseBrowserLocation`,props:[`window`]}),S=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useClipboard)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseClipboard`,props:[`source`,`read`,`navigator`,`copiedDuring`,`legacy`]}),C=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,t.useColorMode)(e),a=(0,n.reactive)({mode:i,system:i.system,store:i.store});return()=>{if(r.default)return r.default(a)}},{name:`UseColorMode`,props:[`attribute`,`deep`,`disableTransition`,`emitAuto`,`eventFilter`,`flush`,`initOnMounted`,`initialValue`,`listenToStorageChanges`,`mergeDefaults`,`modes`,`onChanged`,`onError`,`selector`,`serializer`,`shallow`,`storage`,`storageKey`,`storageRef`,`window`,`writeDefaults`]}),w=(0,n.defineComponent)((e,{slots:i})=>{let a=(0,t.useDark)(e),o=(0,n.reactive)({isDark:a,toggleDark:(0,r.useToggle)(a)});return()=>{if(i.default)return i.default(o)}},{name:`UseDark`,props:[`attribute`,`deep`,`disableTransition`,`emitAuto`,`eventFilter`,`flush`,`initOnMounted`,`initialValue`,`listenToStorageChanges`,`mergeDefaults`,`onChanged`,`onError`,`selector`,`serializer`,`shallow`,`storage`,`storageKey`,`storageRef`,`valueDark`,`valueLight`,`window`,`writeDefaults`]}),T=(0,n.defineComponent)((e,{slots:n})=>{let r=(0,t.useDeviceMotion)(e);return()=>{if(n.default)return n.default(r)}},{name:`UseDeviceMotion`,props:[`eventFilter`,`requestPermissions`,`window`]}),E=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDeviceOrientation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDeviceOrientation`,props:[`window`]}),D=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDevicePixelRatio)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDevicePixelRatio`,props:[`window`]}),O=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDevicesList)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDevicesList`,props:[`constraints`,`navigator`,`onUpdated`,`requestPermissions`]}),k=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({visibility:(0,t.useDocumentVisibility)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseDocumentVisibility`,props:[`document`]}),A=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.computed)(()=>{var t;return(t=(0,n.toValue)(e.handle))==null?i.value:t}),o=(0,n.computed)(()=>{var t;return(t=e.containerElement)==null?void 0:t}),s=(0,n.computed)(()=>!!e.disabled),c=e.storageKey&&(0,t.useStorage)(e.storageKey,(0,n.toValue)(e.initialValue)||{x:0,y:0},t.isClient?e.storageType===`session`?sessionStorage:localStorage:void 0),l=c||e.initialValue||{x:0,y:0},u=(t,n)=>{var r;(r=e.onEnd)==null||r.call(e,t,n),c&&(c.value.x=t.x,c.value.y=t.y)},d=(0,n.reactive)((0,t.useDraggable)(i,{...e,handle:a,initialValue:l,onEnd:u,disabled:s,containerElement:o}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i,style:`touch-action:none;${d.style}`},r.default(d))}},{name:`UseDraggable`,props:[`storageKey`,`storageType`,`initialValue`,`exact`,`preventDefault`,`stopPropagation`,`pointerTypes`,`as`,`handle`,`axis`,`onStart`,`onMove`,`onEnd`,`disabled`,`buttons`,`containerElement`,`capture`,`draggingElement`]}),j=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useElementBounding)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseElementBounding`,props:[`as`,`immediate`,`reset`,`updateTiming`,`windowResize`,`windowScroll`]}),M={mounted(e,r){let[i,a]=typeof r.value==`function`?[r.value,{}]:r.value,{height:o,bottom:s,left:c,right:l,top:u,width:d,x:f,y:p}=(0,t.useElementBounding)(e,a);(0,n.watch)([o,s,c,l,u,d,f,p],()=>i({height:o,bottom:s,left:c,right:l,top:u,width:d,x:f,y:p}))}},N={mounted(e,r){let i=r.value;if(typeof i==`function`)(0,n.watch)((0,t.useElementHover)(e),e=>i(e));else{let[r,a]=i;(0,n.watch)((0,t.useElementHover)(e,a),e=>r(e))}}},P=(0,n.defineComponent)((e,{slots:r})=>{var i,a;let o=(0,n.shallowRef)(),{width:s,height:c}=(0,n.toRefs)(e),l=(0,n.reactive)((0,t.useElementSize)(o,{width:(i=(0,n.toValue)(s))==null?0:i,height:(a=(0,n.toValue)(c))==null?0:a},{box:e.box,window:e.window}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:o},r.default(l))}},{name:`UseElementSize`,props:[`as`,`box`,`height`,`width`,`window`]}),F={mounted(e,r){var i;let a=typeof r.value==`function`?r.value:(i=r.value)==null?void 0:i[0],{width:o,height:s}=(0,t.useElementSize)(e,...typeof r.value==`function`?[]:r.value.slice(1));(0,n.watch)([o,s],([e,t])=>a({width:e,height:t}))}},I=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)({isVisible:(0,t.useElementVisibility)(i,e)});return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseElementVisibility`,props:[`as`,`once`,`rootMargin`,`scrollTarget`,`threshold`,`window`]}),L={mounted(e,r){if(typeof r.value==`function`){let i=r.value;(0,n.watch)((0,t.useElementVisibility)(e),e=>i(e),{immediate:!0})}else{let[i,a]=r.value;(0,n.watch)((0,t.useElementVisibility)(e,a),e=>i(e),{immediate:!0})}}},R=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useEyeDropper)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseEyeDropper`,props:[`initialValue`]}),z=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useFullscreen)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseFullscreen`,props:[`as`,`autoExit`,`document`]}),B=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useGeolocation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseGeolocation`,props:[`enableHighAccuracy`,`immediate`,`maximumAge`,`navigator`,`timeout`]}),V=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useIdle)(e.timeout,e));return()=>{if(r.default)return r.default(i)}},{name:`UseIdle`,props:[`eventFilter`,`events`,`initialState`,`listenForVisibilityChange`,`timeout`,`window`]}),H=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useImage)(e));return()=>i.isLoading&&r.loading?r.loading(i):i.error&&r.error?r.error(i.error):r.default?r.default(i):(0,n.h)(e.as||`img`,e)},{name:`UseImage`,props:[`alt`,`as`,`class`,`crossorigin`,`decoding`,`fetchPriority`,`height`,`ismap`,`loading`,`referrerPolicy`,`sizes`,`src`,`srcset`,`usemap`,`width`]}),U={mounted(e,n){typeof n.value==`function`?(0,t.useInfiniteScroll)(e,n.value):(0,t.useInfiniteScroll)(e,...n.value)}},te={mounted(e,n){typeof n.value==`function`?(0,t.useIntersectionObserver)(e,n.value):(0,t.useIntersectionObserver)(e,...n.value)}},W=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useMouse)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseMouse`,props:[`eventFilter`,`initialValue`,`resetOnTouchEnds`,`scroll`,`target`,`touch`,`type`,`window`]}),G=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useMouseInElement)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseMouseInElement`,props:[`as`,`eventFilter`,`handleOutside`,`initialValue`,`resetOnTouchEnds`,`scroll`,`target`,`touch`,`type`,`window`,`windowResize`,`windowScroll`]}),K={mounted(e,i){let[a,o]=typeof i.value==`function`?[i.value,{}]:i.value;(0,n.watch)((0,r.reactiveOmit)((0,n.reactive)((0,t.useMouseInElement)(e,o)),`stop`),e=>a(e))}},q=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useMousePressed)({...e,target:i}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseMousePressed`,props:[`as`,`capture`,`drag`,`initialValue`,`onPressed`,`onReleased`,`touch`,`window`]}),J=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useNetwork)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseNetwork`,props:[`window`]}),Y=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useNow)({...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseNow`,props:[`immediate`,`interval`]}),X=(0,n.defineComponent)((e,{slots:n})=>{let{object:i}=(0,r.toRefs)(e),a=(0,t.useObjectUrl)(i);return()=>{if(n.default&&a.value)return n.default(a.value)}},{name:`UseObjectUrl`,props:[`object`]}),Z=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.reactive)((0,t.useOffsetPagination)({...e,total:(0,n.toValue)(e.total)||void 0,onPageChange(...t){var n;(n=e.onPageChange)==null||n.call(e,...t),i(`page-change`,...t)},onPageSizeChange(...t){var n;(n=e.onPageSizeChange)==null||n.call(e,...t),i(`page-size-change`,...t)},onPageCountChange(...t){var n;(n=e.onPageCountChange)==null||n.call(e,...t),i(`page-count-change`,...t)}}));return()=>{if(r.default)return r.default(a)}},{name:`UseOffsetPagination`,props:[`onPageChange`,`onPageCountChange`,`onPageSizeChange`,`page`,`pageSize`,`total`]}),Q=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({isOnline:(0,t.useOnline)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseOnline`,props:[`window`]}),ne=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({isLeft:(0,t.usePageLeave)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePageLeave`,props:[`window`]}),re=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(null),a=(0,n.reactive)((0,t.usePointer)({...e,target:e.target===`self`?i:t.defaultWindow}));return()=>{if(r.default)return r.default(a)}},{name:`UsePointer`,props:[`initialValue`,`pointerTypes`,`target`,`window`]}),ie=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.usePointerLock)(i));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UsePointerLock`,props:[`as`,`document`]}),ae=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({colorScheme:(0,t.usePreferredColorScheme)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredColorScheme`,props:[`window`]}),oe=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({contrast:(0,t.usePreferredContrast)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredContrast`,props:[`window`]}),se=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({prefersDark:(0,t.usePreferredDark)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredDark`,props:[`window`]}),ce=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({languages:(0,t.usePreferredLanguages)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredLanguages`,props:[`window`]}),le=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({motion:(0,t.usePreferredReducedMotion)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredReducedMotion`,props:[`window`]}),ue=(0,n.defineComponent)({name:`UsePreferredReducedTransparency`,setup(e,{slots:r}){let i=(0,n.reactive)({transparency:(0,t.usePreferredReducedTransparency)()});return()=>{if(r.default)return r.default(i)}}}),de={mounted(e,n){typeof n.value==`function`?(0,t.useResizeObserver)(e,n.value):(0,t.useResizeObserver)(e,...n.value)}},fe=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useScreenSafeArea)());return()=>{if(r.default)return(0,n.h)(e.as||`div`,{style:{paddingTop:e.top?i.top:``,paddingRight:e.right?i.right:``,paddingBottom:e.bottom?i.bottom:``,paddingLeft:e.left?i.left:``,boxSizing:`border-box`,maxHeight:`100vh`,maxWidth:`100vw`,overflow:`auto`}},r.default(i))}},{name:`UseScreenSafeArea`,props:[`top`,`right`,`bottom`,`left`]}),pe={mounted(e,n){if(typeof n.value==`function`){let r=n.value,i=(0,t.useScroll)(e,{onScroll(){r(i)},onStop(){r(i)}})}else{let[r,i]=n.value,a=(0,t.useScroll)(e,{...i,onScroll(e){var t;(t=i.onScroll)==null||t.call(i,e),r(a)},onStop(e){var t;(t=i.onStop)==null||t.call(i,e),r(a)}})}}};function $(){let e=!1,r=(0,n.shallowRef)(!1);return(i,a)=>{if(r.value=a.value,e)return;e=!0;let o=(0,t.useScrollLock)(i,a.value);(0,n.watch)(r,e=>o.value=e)}}let me=$(),he=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useTimeAgo)(()=>e.time,{...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseTimeAgo`,props:[`fullDateFormatter`,`max`,`messages`,`rounding`,`showSecond`,`time`,`units`,`updateInterval`]}),ge=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useTimestamp)({...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseTimestamp`,props:[`callback`,`immediate`,`interval`,`offset`]}),_e=(0,n.defineComponent)((e,{slots:r,expose:i})=>{let{list:a}=(0,n.toRefs)(e),{list:o,containerProps:s,wrapperProps:c,scrollTo:l}=(0,t.useVirtualList)(a,e.options);return i({scrollTo:l}),s.style&&typeof s.style==`object`&&!Array.isArray(s.style)&&(s.style.height=e.height||`300px`),()=>(0,n.h)(`div`,{...s},[(0,n.h)(`div`,{...c.value},o.value.map(e=>(0,n.h)(`div`,{style:{overflow:`hidden`,height:e.height}},r.default?r.default(e):`Please set content!`)))])},{name:`UseVirtualList`,props:[`height`,`list`,`options`]}),ve=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({focused:(0,t.useWindowFocus)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseWindowFocus`,props:[`window`]}),ye=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useWindowSize)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseWindowSize`,props:[`includeScrollbar`,`initialHeight`,`initialWidth`,`listenOrientation`,`type`,`window`]});e.OnClickOutside=f,e.OnLongPress=g,e.UseActiveElement=y,e.UseBattery=b,e.UseBrowserLocation=x,e.UseClipboard=S,e.UseColorMode=C,e.UseDark=w,e.UseDeviceMotion=T,e.UseDeviceOrientation=E,e.UseDevicePixelRatio=D,e.UseDevicesList=O,e.UseDocumentVisibility=k,e.UseDraggable=A,e.UseElementBounding=j,e.UseElementSize=P,e.UseElementVisibility=I,e.UseEyeDropper=R,e.UseFullscreen=z,e.UseGeolocation=B,e.UseIdle=V,e.UseImage=H,e.UseMouse=W,e.UseMouseInElement=G,e.UseMousePressed=q,e.UseNetwork=J,e.UseNow=Y,e.UseObjectUrl=X,e.UseOffsetPagination=Z,e.UseOnline=Q,e.UsePageLeave=ne,e.UsePointer=re,e.UsePointerLock=ie,e.UsePreferredColorScheme=ae,e.UsePreferredContrast=oe,e.UsePreferredDark=se,e.UsePreferredLanguages=ce,e.UsePreferredReducedMotion=le,e.UsePreferredReducedTransparency=ue,e.UseScreenSafeArea=fe,e.UseTimeAgo=he,e.UseTimestamp=ge,e.UseVirtualList=_e,e.UseWindowFocus=ve,e.UseWindowSize=ye,e.VOnClickOutside=h,e.VOnLongPress=v,e.vElementBounding=M,e.vElementHover=N,e.vElementSize=F,e.vElementVisibility=L,e.vInfiniteScroll=U,e.vIntersectionObserver=te,e.vMouseInElement=K,e.vOnClickOutside=m,e.vOnKeyStroke=ee,e.vOnLongPress=_,e.vResizeObserver=de,e.vScroll=pe,e.vScrollLock=me})(this.VueUse=this.VueUse||{},VueUse,Vue,VueUse);

package/dist/index.js

@@ -403,13 +403,10 @@ const vElementBounding = { mounted(el, binding) {
 //#region ../core/useElementHover/directive.ts
 const vElementHover = { mounted(el, binding) {
 	const value = binding.value;
-	if (typeof value === "function") {
-		const isHovered = useElementHover(el);
-		watch(isHovered, (v) => value(v));
-	} else {
+	if (typeof value === "function") watch(useElementHover(el), (v) => value(v));
+	else {
 		const [handler, options] = value;
-		const isHovered = useElementHover(el, options);
-		watch(isHovered, (v) => handler(v));
+		watch(useElementHover(el, options), (v) => handler(v));
 	}
 } };
 
@@ -445,8 +442,7 @@ const UseElementSize = /* @__PURE__ */ defineComponent((props, { slots }) => {
 const vElementSize = { mounted(el, binding) {
 	var _binding$value;
 	const handler = typeof binding.value === "function" ? binding.value : (_binding$value = binding.value) === null || _binding$value === void 0 ? void 0 : _binding$value[0];
-	const options = typeof binding.value === "function" ? [] : binding.value.slice(1);
-	const { width, height } = useElementSize(el, ...options);
+	const { width, height } = useElementSize(el, ...typeof binding.value === "function" ? [] : binding.value.slice(1));
 	watch([width, height], ([width$1, height$1]) => handler({
 		width: width$1,
 		height: height$1
@@ -478,12 +474,10 @@ const UseElementVisibility = /* @__PURE__ */ defineComponent((props, { slots })
 const vElementVisibility = { mounted(el, binding) {
 	if (typeof binding.value === "function") {
 		const handler = binding.value;
-		const isVisible = useElementVisibility(el);
-		watch(isVisible, (v) => handler(v), { immediate: true });
+		watch(useElementVisibility(el), (v) => handler(v), { immediate: true });
 	} else {
 		const [handler, options] = binding.value;
-		const isVisible = useElementVisibility(el, options);
-		watch(isVisible, (v) => handler(v), { immediate: true });
+		watch(useElementVisibility(el, options), (v) => handler(v), { immediate: true });
 	}
 } };
 
@@ -649,8 +643,7 @@ const UseMouseInElement = /* @__PURE__ */ defineComponent((props, { slots }) =>
 //#region ../core/useMouseInElement/directive.ts
 const vMouseInElement = { mounted(el, binding) {
 	const [handler, options] = typeof binding.value === "function" ? [binding.value, {}] : binding.value;
-	const state = reactiveOmit(reactive(useMouseInElement(el, options)), "stop");
-	watch(state, (val) => handler(val));
+	watch(reactiveOmit(reactive(useMouseInElement(el, options)), "stop"), (val) => handler(val));
 } };
 
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/components",
   "type": "module",
-  "version": "14.0.0-beta.1",
+  "version": "14.0.0",
   "description": "Renderless components for VueUse",
   "author": "Jacob Clevenger<https://github.com/wheatjs>",
   "license": "MIT",
@@ -36,8 +36,8 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@vueuse/core": "14.0.0-beta.1",
-    "@vueuse/shared": "14.0.0-beta.1"
+    "@vueuse/core": "14.0.0",
+    "@vueuse/shared": "14.0.0"
   },
   "scripts": {
     "build": "tsdown",