@vueuse/components 13.9.0 → 14.0.0-alpha.1

package/dist/index.iife.min.js

@@ -0,0 +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={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})}}},ee=(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`]}),g={mounted(e,n){typeof n.value==`function`?(0,t.onLongPress)(e,n.value,{modifiers:n.modifiers}):(0,t.onLongPress)(e,...n.value)}},_=(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`]}),v=(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`]}),y=(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`]}),b=(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`]}),x=(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`]}),S=(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`]}),C=(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`]}),w=(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`]}),T=(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`]}),E=(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`]}),D=(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`]}),O=(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`]}),k=(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`]}),A={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}))}},j={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))}}},M=(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`]}),N={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}))}},P=(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`]}),F={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})}}},I=(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`]}),L=(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`]}),R=(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`]}),z=(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`]}),te=(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`]}),B={mounted(e,n){typeof n.value==`function`?(0,t.useInfiniteScroll)(e,n.value):(0,t.useInfiniteScroll)(e,...n.value)}},V={mounted(e,n){typeof n.value==`function`?(0,t.useIntersectionObserver)(e,n.value):(0,t.useIntersectionObserver)(e,...n.value)}},H=(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`]}),U=(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`]}),W={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))}},G=(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`]}),K=(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`]}),q=(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`]}),J=(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`]}),Y=(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`]}),X=(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`]}),Z=(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`]}),Q=(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`]}),ne=(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`]}),re=(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`]}),ie=(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`]}),ae=(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`]}),oe=(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`]}),se=(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`]}),ce=(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)}}}),le={mounted(e,n){typeof n.value==`function`?(0,t.useResizeObserver)(e,n.value):(0,t.useResizeObserver)(e,...n.value)}},ue=(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`]}),de={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 fe(){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 pe=fe(),$=(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`]}),me=(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`]}),he=(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`]}),ge=(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`]}),_e=(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=ee,exports.UseActiveElement=_,exports.UseBattery=v,exports.UseBrowserLocation=y,exports.UseClipboard=b,exports.UseColorMode=x,exports.UseDark=S,exports.UseDeviceMotion=C,exports.UseDeviceOrientation=w,exports.UseDevicePixelRatio=T,exports.UseDevicesList=E,exports.UseDocumentVisibility=D,exports.UseDraggable=O,exports.UseElementBounding=k,exports.UseElementSize=M,exports.UseElementVisibility=P,exports.UseEyeDropper=I,exports.UseFullscreen=L,exports.UseGeolocation=R,exports.UseIdle=z,exports.UseImage=te,exports.UseMouse=H,exports.UseMouseInElement=U,exports.UseMousePressed=G,exports.UseNetwork=K,exports.UseNow=q,exports.UseObjectUrl=J,exports.UseOffsetPagination=Y,exports.UseOnline=X,exports.UsePageLeave=Z,exports.UsePointer=Q,exports.UsePointerLock=ne,exports.UsePreferredColorScheme=re,exports.UsePreferredContrast=ie,exports.UsePreferredDark=ae,exports.UsePreferredLanguages=oe,exports.UsePreferredReducedMotion=se,exports.UsePreferredReducedTransparency=ce,exports.UseScreenSafeArea=ue,exports.UseTimeAgo=$,exports.UseTimestamp=me,exports.UseVirtualList=he,exports.UseWindowFocus=ge,exports.UseWindowSize=_e,exports.VOnClickOutside=m,exports.vOnClickOutside=m,exports.VOnLongPress=g,exports.vOnLongPress=g,exports.vElementBounding=A,exports.vElementHover=j,exports.vElementSize=N,exports.vElementVisibility=F,exports.vInfiniteScroll=B,exports.vIntersectionObserver=V,exports.vMouseInElement=W,exports.vOnKeyStroke=h,exports.vResizeObserver=le,exports.vScroll=de,exports.vScrollLock=pe})(this.VueUse=this.VueUse||{},VueUse,Vue,VueUse);