@vueuse/motion - npm Package Compare versions

Comparing version 1.2.7 to 1.2.8

dist/index.cjs.js

 /*!
-  * @vueuse/motion v1.2.7
+  * @vueuse/motion v1.2.8
   * (c) 2021 
@@ -13,2 +13,3 @@ * @license MIT
 var popmotion = require('popmotion');
+var shared = require('@vueuse/shared');
 
@@ -1998,2 +1999,22 @@ const motionState = {};
 
+/**
+ * Check whether an object is a Motion Instance or not.
+ *
+ * Can be useful while building packages based on @vueuse/motion.
+ *
+ * @param obj
+ * @returns bool
+ */
+function isMotionInstance(obj) {
+    const _obj = obj;
+    return (_obj.apply !== undefined &&
+        shared.isFunction(_obj.apply) &&
+        _obj.set !== undefined &&
+        shared.isFunction(_obj.set) &&
+        _obj.stopTransitions !== undefined &&
+        shared.isFunction(_obj.stopTransitions) &&
+        _obj.target !== undefined &&
+        vueDemi.isRef(_obj.target));
+}
+
 exports.MotionDirective = directive;
@@ -2003,2 +2024,3 @@ exports.MotionPlugin = MotionPlugin;
 exports.fadeVisible = fadeVisible;
+exports.isMotionInstance = isMotionInstance;
 exports.pop = pop;
@@ -2005,0 +2027,0 @@ exports.popVisible = popVisible;

dist/index.esm-browser.js

 /*!
-  * @vueuse/motion v1.2.7
+  * @vueuse/motion v1.2.8
   * (c) 2021 
   * @license MIT
   */
-import { reactive, del, set, ref, computed, watch, nextTick } from 'vue-demi';
+import { reactive, del, set, ref, computed, watch, nextTick, isRef } from 'vue-demi';
 import { isObject, useEventListener, useIntersectionObserver, noop, isNumber } from '@vueuse/core';
 import { velocityPerSecond, inertia, animate, cubicBezier, linear, easeIn, easeInOut, easeOut, circIn, circInOut, circOut, backIn, backInOut, backOut, anticipate, bounceIn, bounceInOut, bounceOut } from 'popmotion';
+import { isFunction } from '@vueuse/shared';
 
@@ -1993,2 +1994,22 @@ const motionState = {};
 
-export { directive as MotionDirective, MotionPlugin, fade, fadeVisible, pop, popVisible, reactiveStyle, reactiveTransform, rollBottom, rollLeft, rollRight, rollTop, rollVisibleBottom, rollVisibleLeft, rollVisibleRight, rollVisibleTop, slideBottom, slideLeft, slideRight, slideTop, slideVisibleBottom, slideVisibleLeft, slideVisibleRight, slideVisibleTop, slugify, useElementStyle, useElementTransform, useMotion, useMotionControls, useMotionProperties, useMotionTransitions, useMotionVariants, useMotions };
+/**
+ * Check whether an object is a Motion Instance or not.
+ *
+ * Can be useful while building packages based on @vueuse/motion.
+ *
+ * @param obj
+ * @returns bool
+ */
+function isMotionInstance(obj) {
+    const _obj = obj;
+    return (_obj.apply !== undefined &&
+        isFunction(_obj.apply) &&
+        _obj.set !== undefined &&
+        isFunction(_obj.set) &&
+        _obj.stopTransitions !== undefined &&
+        isFunction(_obj.stopTransitions) &&
+        _obj.target !== undefined &&
+        isRef(_obj.target));
+}
+
+export { directive as MotionDirective, MotionPlugin, fade, fadeVisible, isMotionInstance, pop, popVisible, reactiveStyle, reactiveTransform, rollBottom, rollLeft, rollRight, rollTop, rollVisibleBottom, rollVisibleLeft, rollVisibleRight, rollVisibleTop, slideBottom, slideLeft, slideRight, slideTop, slideVisibleBottom, slideVisibleLeft, slideVisibleRight, slideVisibleTop, slugify, useElementStyle, useElementTransform, useMotion, useMotionControls, useMotionProperties, useMotionTransitions, useMotionVariants, useMotions };

dist/index.esm-bundler.js

 /*!
-  * @vueuse/motion v1.2.7
+  * @vueuse/motion v1.2.8
   * (c) 2021 
   * @license MIT
   */
-import { reactive, del, set, ref, computed, watch, nextTick } from 'vue-demi';
+import { reactive, del, set, ref, computed, watch, nextTick, isRef } from 'vue-demi';
 import { isObject, useEventListener, useIntersectionObserver, noop, isNumber } from '@vueuse/core';
 import { velocityPerSecond, inertia, animate, cubicBezier, linear, easeIn, easeInOut, easeOut, circIn, circInOut, circOut, backIn, backInOut, backOut, anticipate, bounceIn, bounceInOut, bounceOut } from 'popmotion';
+import { isFunction } from '@vueuse/shared';
 
@@ -1993,2 +1994,22 @@ const motionState = {};
 
-export { directive as MotionDirective, MotionPlugin, fade, fadeVisible, pop, popVisible, reactiveStyle, reactiveTransform, rollBottom, rollLeft, rollRight, rollTop, rollVisibleBottom, rollVisibleLeft, rollVisibleRight, rollVisibleTop, slideBottom, slideLeft, slideRight, slideTop, slideVisibleBottom, slideVisibleLeft, slideVisibleRight, slideVisibleTop, slugify, useElementStyle, useElementTransform, useMotion, useMotionControls, useMotionProperties, useMotionTransitions, useMotionVariants, useMotions };
+/**
+ * Check whether an object is a Motion Instance or not.
+ *
+ * Can be useful while building packages based on @vueuse/motion.
+ *
+ * @param obj
+ * @returns bool
+ */
+function isMotionInstance(obj) {
+    const _obj = obj;
+    return (_obj.apply !== undefined &&
+        isFunction(_obj.apply) &&
+        _obj.set !== undefined &&
+        isFunction(_obj.set) &&
+        _obj.stopTransitions !== undefined &&
+        isFunction(_obj.stopTransitions) &&
+        _obj.target !== undefined &&
+        isRef(_obj.target));
+}
+
+export { directive as MotionDirective, MotionPlugin, fade, fadeVisible, isMotionInstance, pop, popVisible, reactiveStyle, reactiveTransform, rollBottom, rollLeft, rollRight, rollTop, rollVisibleBottom, rollVisibleLeft, rollVisibleRight, rollVisibleTop, slideBottom, slideLeft, slideRight, slideTop, slideVisibleBottom, slideVisibleLeft, slideVisibleRight, slideVisibleTop, slugify, useElementStyle, useElementTransform, useMotion, useMotionControls, useMotionProperties, useMotionTransitions, useMotionVariants, useMotions };

dist/index.global.prod.js

 /*!
-  * @vueuse/motion v1.2.7
+  * @vueuse/motion v1.2.8
   * (c) 2021 
   * @license MIT
   */
-var VueuseMotion=function(t,e,r,i){"use strict";const n={};var a=1/60*1e3,o="undefined"!=typeof performance?function(){return performance.now()}:function(){return Date.now()},s="undefined"!=typeof window?function(t){return window.requestAnimationFrame(t)}:function(t){return setTimeout((function(){return t(o())}),a)};var l=!0,u=!1,c=!1,p={delta:0,timestamp:0},d=["read","update","preRender","render","postRender"],f=d.reduce((function(t,e){return t[e]=function(t){var e=[],r=[],i=0,n=!1,a=new WeakSet,o={schedule:function(t,o,s){void 0===o&&(o=!1),void 0===s&&(s=!1);var l=s&&n,u=l?e:r;return o&&a.add(t),-1===u.indexOf(t)&&(u.push(t),l&&n&&(i=e.length)),t},cancel:function(t){var e=r.indexOf(t);-1!==e&&r.splice(e,1),a.delete(t)},process:function(s){var l;if(n=!0,e=(l=[r,e])[0],(r=l[1]).length=0,i=e.length)for(var u=0;u<i;u++){var c=e[u];c(s),a.has(c)&&(o.schedule(c),t())}n=!1}};return o}((function(){return u=!0})),t}),{}),v=d.reduce((function(t,e){var r=f[e];return t[e]=function(t,e,i){return void 0===e&&(e=!1),void 0===i&&(i=!1),u||m(),r.schedule(t,e,i)},t}),{}),h=function(t){return f[t].process(p)},y=function(t){u=!1,p.delta=l?a:Math.max(Math.min(t-p.timestamp,40),1),p.timestamp=t,c=!0,d.forEach(h),c=!1,u&&(l=!1,s(y))},m=function(){u=!0,l=!0,c||s(y)};class b{constructor(){this.subscriptions=new Set}add(t){return this.subscriptions.add(t),()=>{this.subscriptions.delete(t)}}notify(t,e,r){if(this.subscriptions.size)for(const i of this.subscriptions)i(t,e,r)}clear(){this.subscriptions.clear()}}const g=t=>!isNaN(parseFloat(t));class w{constructor(t){this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new b,this.renderSubscribers=new b,this.canTrackVelocity=!1,this.updateAndNotify=(t,e=!0)=>{this.prev=this.current,this.current=t,this.prev!==this.current&&this.updateSubscribers.notify(this.current),e&&this.renderSubscribers.notify(this.current);const{delta:r,timestamp:i}=p;this.lastUpdated!==i&&(this.timeDelta=r,this.lastUpdated=i,v.postRender(this.scheduleVelocityCheck))},this.scheduleVelocityCheck=()=>v.postRender(this.velocityCheck),this.velocityCheck=({timestamp:t})=>{t!==this.lastUpdated&&(this.prev=this.current)},this.current=t,this.canTrackVelocity=g(this.current)}onChange(t){return this.updateSubscribers.add(t)}clearListeners(){this.updateSubscribers.clear()}onRenderRequest(t){return t(this.get()),this.renderSubscribers.add(t)}attach(t){this.passiveEffect=t}set(t,e=!0){void 0!==this.current||this.canTrackVelocity||(this.canTrackVelocity=g(t)),e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?i.velocityPerSecond(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise((e=>{const{stop:r}=t(e);this.stopAnimation=r})).then((()=>this.clearAnimation()))}stop(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()}isAnimating(){return!!this.stopAnimation}clearAnimation(){this.stopAnimation=null}destroy(){this.updateSubscribers.clear(),this.renderSubscribers.clear(),this.stop()}}
+var VueuseMotion=function(t,e,r,i,n){"use strict";const a={};var o=1/60*1e3,s="undefined"!=typeof performance?function(){return performance.now()}:function(){return Date.now()},u="undefined"!=typeof window?function(t){return window.requestAnimationFrame(t)}:function(t){return setTimeout((function(){return t(s())}),o)};var l=!0,c=!1,p=!1,d={delta:0,timestamp:0},f=["read","update","preRender","render","postRender"],v=f.reduce((function(t,e){return t[e]=function(t){var e=[],r=[],i=0,n=!1,a=new WeakSet,o={schedule:function(t,o,s){void 0===o&&(o=!1),void 0===s&&(s=!1);var u=s&&n,l=u?e:r;return o&&a.add(t),-1===l.indexOf(t)&&(l.push(t),u&&n&&(i=e.length)),t},cancel:function(t){var e=r.indexOf(t);-1!==e&&r.splice(e,1),a.delete(t)},process:function(s){var u;if(n=!0,e=(u=[r,e])[0],(r=u[1]).length=0,i=e.length)for(var l=0;l<i;l++){var c=e[l];c(s),a.has(c)&&(o.schedule(c),t())}n=!1}};return o}((function(){return c=!0})),t}),{}),h=f.reduce((function(t,e){var r=v[e];return t[e]=function(t,e,i){return void 0===e&&(e=!1),void 0===i&&(i=!1),c||b(),r.schedule(t,e,i)},t}),{}),y=function(t){return v[t].process(d)},m=function(t){c=!1,d.delta=l?o:Math.max(Math.min(t-d.timestamp,40),1),d.timestamp=t,p=!0,f.forEach(y),p=!1,c&&(l=!1,u(m))},b=function(){c=!0,l=!0,p||u(m)};class g{constructor(){this.subscriptions=new Set}add(t){return this.subscriptions.add(t),()=>{this.subscriptions.delete(t)}}notify(t,e,r){if(this.subscriptions.size)for(const i of this.subscriptions)i(t,e,r)}clear(){this.subscriptions.clear()}}const w=t=>!isNaN(parseFloat(t));class O{constructor(t){this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new g,this.renderSubscribers=new g,this.canTrackVelocity=!1,this.updateAndNotify=(t,e=!0)=>{this.prev=this.current,this.current=t,this.prev!==this.current&&this.updateSubscribers.notify(this.current),e&&this.renderSubscribers.notify(this.current);const{delta:r,timestamp:i}=d;this.lastUpdated!==i&&(this.timeDelta=r,this.lastUpdated=i,h.postRender(this.scheduleVelocityCheck))},this.scheduleVelocityCheck=()=>h.postRender(this.velocityCheck),this.velocityCheck=({timestamp:t})=>{t!==this.lastUpdated&&(this.prev=this.current)},this.current=t,this.canTrackVelocity=w(this.current)}onChange(t){return this.updateSubscribers.add(t)}clearListeners(){this.updateSubscribers.clear()}onRenderRequest(t){return t(this.get()),this.renderSubscribers.add(t)}attach(t){this.passiveEffect=t}set(t,e=!0){void 0!==this.current||this.canTrackVelocity||(this.canTrackVelocity=w(t)),e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?i.velocityPerSecond(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise((e=>{const{stop:r}=t(e);this.stopAnimation=r})).then((()=>this.clearAnimation()))}stop(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()}isAnimating(){return!!this.stopAnimation}clearAnimation(){this.stopAnimation=null}destroy(){this.updateSubscribers.clear(),this.renderSubscribers.clear(),this.stop()}}
 /*! *****************************************************************************
@@ -21,2 +21,2 @@ Copyright (c) Microsoft Corporation.
     ***************************************************************************** */
-var O=function(){return(O=Object.assign||function(t){for(var e,r=1,i=arguments.length;r<i;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}).apply(this,arguments)},k=function(t,e){return function(r){return Math.max(Math.min(r,e),t)}},x=function(t){return t%1?Number(t.toFixed(5)):t},V=/(-)?([\d]*\.?[\d])+/g,A=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi,L=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function T(t){return"string"==typeof t}var R={test:function(t){return"number"==typeof t},parse:parseFloat,transform:function(t){return t}},C=O(O({},R),{transform:k(0,1)}),E=O(O({},R),{default:1}),I=function(t){return{test:function(e){return T(e)&&e.endsWith(t)&&1===e.split(" ").length},parse:parseFloat,transform:function(e){return""+e+t}}},j=I("deg"),S=I("%"),M=I("px"),P=O(O({},S),{parse:function(t){return S.parse(t)/100},transform:function(t){return S.transform(100*t)}}),z=function(t,e){return function(r){return T(r)&&L.test(r)&&r.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(r,e)}},B=function(t,e,r){return function(i){var n;if(!T(i))return i;var a=i.match(V),o=a[1],s=a[2],l=a[3];return(n={})[t]=parseFloat(a[0]),n[e]=parseFloat(o),n[r]=parseFloat(s),n.alpha=void 0!==l?parseFloat(l):1,n}},N={test:z("hsl","hue"),parse:B("hue","saturation","lightness"),transform:function(t){var e=t.saturation,r=t.lightness,i=t.alpha,n=void 0===i?1:i;return"hsla("+Math.round(t.hue)+", "+S.transform(x(e))+", "+S.transform(x(r))+", "+x(C.transform(n))+")"}},F=k(0,255),W=O(O({},R),{transform:function(t){return Math.round(F(t))}}),U={test:z("rgb","red"),parse:B("red","green","blue"),transform:function(t){var e=t.green,r=t.blue,i=t.alpha,n=void 0===i?1:i;return"rgba("+W.transform(t.red)+", "+W.transform(e)+", "+W.transform(r)+", "+x(C.transform(n))+")"}};var Z={test:z("#"),parse:function(t){var e="",r="",i="",n="";return t.length>5?(e=t.substr(1,2),r=t.substr(3,2),i=t.substr(5,2),n=t.substr(7,2)):(e=t.substr(1,1),r=t.substr(2,1),i=t.substr(3,1),n=t.substr(4,1),e+=e,r+=r,i+=i,n+=n),{red:parseInt(e,16),green:parseInt(r,16),blue:parseInt(i,16),alpha:n?parseInt(n,16)/255:1}},transform:U.transform},D={test:function(t){return U.test(t)||Z.test(t)||N.test(t)},parse:function(t){return U.test(t)?U.parse(t):N.test(t)?N.parse(t):Z.parse(t)},transform:function(t){return T(t)?t:t.hasOwnProperty("red")?U.transform(t):N.transform(t)}},X="${c}",Y="${n}";function $(t){var e=[],r=0,i=t.match(A);i&&(r=i.length,t=t.replace(A,X),e.push.apply(e,i.map(D.parse)));var n=t.match(V);return n&&(t=t.replace(V,Y),e.push.apply(e,n.map(R.parse))),{values:e,numColors:r,tokenised:t}}function _(t){return $(t).values}function H(t){var e=$(t),r=e.numColors,i=e.tokenised,n=e.values.length;return function(t){for(var e=i,a=0;a<n;a++)e=e.replace(a<r?X:Y,a<r?D.transform(t[a]):x(t[a]));return e}}var q=function(t){return"number"==typeof t?0:t};var G={test:function(t){var e,r,i,n;return isNaN(t)&&T(t)&&(null!==(r=null===(e=t.match(V))||void 0===e?void 0:e.length)&&void 0!==r?r:0)+(null!==(n=null===(i=t.match(A))||void 0===i?void 0:i.length)&&void 0!==n?n:0)>0},parse:_,createTransformer:H,getAnimatableNone:function(t){var e=_(t);return H(t)(e.map(q))}},J=new Set(["brightness","contrast","saturate","opacity"]);function K(t){var e=t.slice(0,-1).split("("),r=e[0],i=e[1];if("drop-shadow"===r)return t;var n=(i.match(V)||[])[0];if(!n)return t;var a=i.replace(n,""),o=J.has(r)?1:0;return n!==i&&(o*=100),r+"("+o+a+")"}var Q=/([a-z-]*)\(.*?\)/g,tt=O(O({},G),{getAnimatableNone:function(t){var e=t.match(Q);return e?e.map(K).join(" "):t}});const et=()=>({type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}),rt=t=>({type:"spring",stiffness:550,damping:0===t?100:30,restDelta:.01,restSpeed:10}),it=()=>({type:"keyframes",ease:"linear",duration:300}),nt=t=>({type:"keyframes",duration:800,values:t}),at={default:rt,x:et,y:et,z:et,rotate:et,rotateX:et,rotateY:et,rotateZ:et,scaleX:rt,scaleY:rt,scale:rt,backgroundColor:it,color:it,opacity:it},ot=(t,e)=>{let r;return r=Array.isArray(e)?nt:at[t]||at.default,{to:e,...r(e)}},st={...R,transform:Math.round},lt={color:D,backgroundColor:D,outlineColor:D,fill:D,stroke:D,borderColor:D,borderTopColor:D,borderRightColor:D,borderBottomColor:D,borderLeftColor:D,borderWidth:M,borderTopWidth:M,borderRightWidth:M,borderBottomWidth:M,borderLeftWidth:M,borderRadius:M,radius:M,borderTopLeftRadius:M,borderTopRightRadius:M,borderBottomRightRadius:M,borderBottomLeftRadius:M,width:M,maxWidth:M,height:M,maxHeight:M,size:M,top:M,right:M,bottom:M,left:M,padding:M,paddingTop:M,paddingRight:M,paddingBottom:M,paddingLeft:M,margin:M,marginTop:M,marginRight:M,marginBottom:M,marginLeft:M,rotate:j,rotateX:j,rotateY:j,rotateZ:j,scale:E,scaleX:E,scaleY:E,scaleZ:E,skew:j,skewX:j,skewY:j,distance:M,translateX:M,translateY:M,translateZ:M,x:M,y:M,z:M,perspective:M,transformPerspective:M,opacity:C,originX:P,originY:P,originZ:M,zIndex:st,filter:tt,WebkitFilter:tt,fillOpacity:C,strokeOpacity:C,numOctaves:st},ut=t=>lt[t],ct=(t,e)=>e&&"number"==typeof t&&e.transform?e.transform(t):t;const pt={linear:i.linear,easeIn:i.easeIn,easeInOut:i.easeInOut,easeOut:i.easeOut,circIn:i.circIn,circInOut:i.circInOut,circOut:i.circOut,backIn:i.backIn,backInOut:i.backInOut,backOut:i.backOut,anticipate:i.anticipate,bounceIn:i.bounceIn,bounceInOut:i.bounceInOut,bounceOut:i.bounceOut},dt=t=>{if(Array.isArray(t)){const[e,r,n,a]=t;return i.cubicBezier(e,r,n,a)}return"string"==typeof t?pt[t]:t},ft=(t,e)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!G.test(e)||e.startsWith("url(")));function vt({ease:t,times:e,delay:r,...i}){const n={...i};return e&&(n.offset=e),t&&(n.ease=(t=>Array.isArray(t)&&"number"!=typeof t[0])(t)?t.map(dt):dt(t)),r&&(n.elapsed=-r),n}function ht(t,e,r){return Array.isArray(e.to)&&(t.duration||(t.duration=800)),function(t){Array.isArray(t.to)&&null===t.to[0]&&(t.to=[...t.to],t.to[0]=t.from)}(e),function({delay:t,repeat:e,repeatType:r,repeatDelay:i,from:n,...a}){return!!Object.keys(a).length}(t)||(t={...t,...ot(r,e.to)}),{...e,...vt(t)}}function yt(t,e,r,n,a){const o=function(t,e){return t[e]||t.default||t}(n,t);let s=null==o.from?e.get():o.from;const l=ft(t,r);"none"===s&&l&&"string"==typeof r&&(s=function(t,e){let r=ut(t);return r!==tt&&(r=G),r.getAnimatableNone?r.getAnimatableNone(e):void 0}(t,r));return ft(t,s)&&l&&!1!==o.type?function(l){const u={from:s,to:r,velocity:n.velocity?n.velocity:e.getVelocity(),onUpdate:t=>e.set(t)};return"inertia"===o.type||"decay"===o.type?i.inertia({...u,...o}):i.animate({...ht(o,u,t),onUpdate:t=>{u.onUpdate(t),o.onUpdate&&o.onUpdate(t)},onComplete:()=>{n.onComplete&&n.onComplete(),a&&a(),l&&l()}})}:function(t){return e.set(r),n.onComplete&&n.onComplete(),a&&a(),t&&t(),{stop:()=>{}}}}const{isArray:mt}=Array;function bt(){const t=e.reactive({});return{motionValues:t,stop:r=>{if(r){const i=r=>{t[r].stop(),t[r].destroy(),e.del(t,r)};mt(r)?r.forEach((e=>{t[e]&&i(e)})):t[r]&&i(r)}else Object.entries(t).forEach((([r,i])=>{i.stop(),i.destroy(),e.del(t,r)}))},push:(r,i,n,a={},o)=>{let s=t[r];if(!s){const i=new w(n[r]);i.onChange((t=>{e.set(n,r,t)})),e.set(t,r,i),s=i}const l=yt(r,s,i,a,(()=>{o&&o(),s.destroy(),e.del(t,r)}));s.start(l)}}}function gt(t,i={},{push:n,stop:a}=bt()){const o=e.ref(i),s=t=>{if(!o||!o.value||!o.value[t])throw new Error(`The variant ${t} does not exist.`);return o.value[t]},l=e=>{let i=r.isObject(e)?e:s(e);const{transition:a}=i,o=[];for(const r in e){if("transition"===r)continue;const i=e[r];o.push(new Promise((e=>{n(r,i,t,a||ot(r,i),e)})))}return Promise.all(o)};return{apply:l,set:i=>{a();let n=r.isObject(i)?i:s(i);for(const r in n){if("transition"===r)continue;e.set(t,r,i[r])}},stopTransitions:a,leave:async t=>{let e;o&&o.value&&(o.value.leave&&(e=o.value.leave),!o.value.leave&&o.value.initial&&(e=o.value.initial)),e?(await l(e),t()):t()}}}const wt="undefined"!=typeof window;function Ot({target:t,state:i,variants:n,apply:a}){const o=e.ref(!1),s=e.ref(!1),l=e.ref(!1),u=e.computed((()=>{let t=[];return n.value.hovered&&(t=[...t,...Object.keys(n.value.hovered)]),n.value.tapped&&(t=[...t,...Object.keys(n.value.tapped)]),n.value.focused&&(t=[...t,...Object.keys(n.value.focused)]),t})),c=e.computed((()=>{const t={};Object.assign(t,i.value),o.value&&n.value.hovered&&Object.assign(t,n.value.hovered),s.value&&n.value.tapped&&Object.assign(t,n.value.tapped),l.value&&n.value.focused&&Object.assign(t,n.value.focused);for(const e in t)u.value.includes(e)||delete t[e];return t}));n.value.hovered&&(r.useEventListener(t.value,"mouseenter",(()=>{o.value=!0})),r.useEventListener(t.value,"mouseleave",(()=>{o.value=!1,s.value=!1})),r.useEventListener(t.value,"mouseout",(()=>{o.value=!1,s.value=!1}))),n.value.tapped&&(wt&&null===window.onmousedown&&(r.useEventListener(t.value,"mousedown",(()=>{s.value=!0})),r.useEventListener(t.value,"mouseup",(()=>{s.value=!1}))),wt&&null===window.onpointerdown&&(r.useEventListener(t.value,"pointerdown",(()=>{s.value=!0})),r.useEventListener(t.value,"pointerup",(()=>{s.value=!1}))),wt&&null===window.ontouchstart&&(r.useEventListener(t.value,"touchstart",(()=>{s.value=!0})),r.useEventListener(t.value,"touchend",(()=>{s.value=!1})))),n.value.focused&&(r.useEventListener(t.value,"focus",(()=>{l.value=!0})),r.useEventListener(t.value,"blur",(()=>{l.value=!1}))),e.watch(c,(t=>{a(t)}))}function kt(t,i={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){i.lifeCycleHooks&&function({target:t,variants:r,variant:i}){e.watch(t,(()=>{r.value&&r.value.enter&&(r.value.initial&&(i.value="initial"),e.nextTick((()=>i.value="enter")))}),{immediate:!0,flush:"pre"})}(t),i.syncVariants&&function({state:t,apply:r}){e.watch(t,(t=>{t&&r(t)}),{immediate:!0})}(t),i.visibilityHooks&&function({target:t,variants:i,variant:n}){let a=r.noop;const o=e.watch(t,(e=>{e&&(a=r.useIntersectionObserver(t,(([{isIntersecting:t}])=>{i.value&&i.value.visible&&(n.value=t?"visible":"initial")})).stop)}),{immediate:!0})}(t),i.eventListeners&&Ot(t)}function xt(t={}){const r=e.reactive({...t}),i=e.ref({});return e.watch(r,(()=>{const t={};for(const[e,i]of Object.entries(r)){const r=ut(e),n=ct(i,r);t[e]=n}i.value=t}),{immediate:!0,deep:!0}),{state:r,style:i}}function Vt(t){const r=e.ref(t);let i;const{state:n,style:a}=xt(),o=e.watch(r,(t=>{if(t){for(const r of Object.keys(lt))null!=t.style[r]&&""!==t.style[r]&&e.set(n,r,t.style[r]);if(i)for(const r in i)e.set(t.style,r,i[r])}})),s=e.watch(a,(t=>{if(r.value&&r.value.style)for(const i in t)e.set(r.value.style,i,t[i]);else i=t}),{immediate:!0});return{style:n,stop:()=>{o(),s()}}}const At={x:"translateX",y:"translateY",z:"translateZ"};function Lt(t={},r=!0){const i=e.reactive({...t}),n=e.ref("");return e.watch(i,(()=>{let t="",e=!1;for(const[r,n]of Object.entries(i)){const i=ut(r),a=ct(n,i);t+=`${At[r]||r}(${a}) `,"z"!==r&&"translateZ"!==r||(e=!0)}!e&&r?t+="translateZ(0)":t=t.trim(),n.value=t}),{immediate:!0,deep:!0}),{state:i,transform:n}}function Tt(t){const r=e.ref(t);let i;const{state:n,transform:a}=Lt(),o=e.watch(r,(t=>{t&&i&&(t.style.transform=i)})),s=e.watch(a,(t=>{r.value&&r.value.style?r.value.style.transform=t:i=t}),{immediate:!0});return{transform:n,stop:()=>{o(),s()}}}const Rt=["","X","Y","Z"],Ct=["transformPerspective","x","y","z"];["perspective","translate","scale","rotate","skew"].forEach((t=>{Rt.forEach((e=>{Ct.push(t+e)}))}));const Et=new Set(Ct);function It(t){return Et.has(t)}function jt(t){const r=e.ref(t),{style:i}=Vt(r),{transform:n}=Tt(r),a=e.reactive({});return e.watch(a,(t=>{for(const r in t){const a=It(r)?n:i;a[r]&&a[r]===t[r]||e.set(a,r,t[r])}}),{immediate:!0,deep:!0}),{motionProperties:a,style:i,transform:n}}function St(t={}){const r=e.ref(t),i=e.ref();return{state:e.computed((()=>{if(i.value)return r.value[i.value]})),variant:i}}function Mt(t,r={},i){const n=e.ref(r),a=e.ref(t),{motionProperties:o}=jt(a),{variant:s,state:l}=St(n),u={target:a,variant:s,variants:n,state:l,motionProperties:o,...gt(o,n)};return kt(u,i),u}const Pt=["initial","enter","leave","visible","hovered","tapped","focused","delay"],zt=t=>{const i=(i,a,o)=>{const s=e.ref(t||{});((t,e)=>{const i=t.props?t.props:t.data&&t.data.attrs?t.data.attrs:{};i&&(i.variants&&r.isObject(i.variants)&&(e.value={...e.value,...i.variants}),Pt.forEach((t=>{if("delay"!==t)i&&i[t]&&r.isObject(i[t])&&(e.value[t]=i[t]);else if(i&&i[t]&&r.isNumber(i[t])){const r=i[t];e&&e.value&&(e.value.enter&&(e.value.enter.transition||(e.value.enter.transition={}),e.value.enter.transition={...e.value.enter.transition,delay:r}),e.value.visible&&(e.value.visible.transition||(e.value.visible.transition={}),e.value.visible.transition={...e.value.visible.transition,delay:r}))}})))})(o,s);const l=Mt(i,s);a.value&&e.set(n,a.value,l)},a=(t,r,i)=>{r.value&&n[r.value]&&e.del(n,r.value)};return{created:i,unmounted:a,bind:i,unbind:a}},Bt={initial:{opacity:0},enter:{opacity:1}},Nt={initial:{opacity:0},visible:{opacity:1}},Ft={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},Wt={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},Ut={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},Zt={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},Dt={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},Xt={initial:{x:100,rotate:-90,opacity:0},visible:{x:0,rotate:0,opacity:1}},Yt={initial:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},$t={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},_t={initial:{y:100,rotate:90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Ht={initial:{y:100,rotate:90,opacity:0},visible:{y:0,rotate:0,opacity:1}},qt={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},Gt={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},Jt={initial:{x:100,opacity:0},enter:{x:0,opacity:1}},Kt={initial:{x:100,opacity:0},visible:{x:0,opacity:1}},Qt={initial:{y:-100,opacity:0},enter:{y:0,opacity:1}},te={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},ee={initial:{y:100,opacity:0},enter:{y:0,opacity:1}},re={initial:{y:100,opacity:0},visible:{y:0,opacity:1}};var ie=Object.freeze({__proto__:null,fade:Bt,fadeVisible:Nt,pop:Ft,popVisible:Wt,rollBottom:_t,rollLeft:Ut,rollRight:Dt,rollTop:Yt,rollVisibleBottom:Ht,rollVisibleLeft:Zt,rollVisibleRight:Xt,rollVisibleTop:$t,slideBottom:ee,slideLeft:qt,slideRight:Jt,slideTop:Qt,slideVisibleBottom:re,slideVisibleLeft:Gt,slideVisibleRight:Kt,slideVisibleTop:te});function ne(t){const e="àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;",r=new RegExp(e.split("").join("|"),"g");return t.toString().replace(/[A-Z]/g,(t=>"-"+t)).toLowerCase().replace(/\s+/g,"-").replace(r,(t=>"aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------".charAt(e.indexOf(t)))).replace(/&/g,"-and-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}const ae={install(t,e){if(t.directive("motion",zt()),!e||e&&!e.excludePresets)for(const e in ie){const r=ie[e];t.directive(`motion-${ne(e)}`,zt(r))}if(e&&e.directives)for(const r in e.directives){const i=e.directives[r];0,t.directive(`motion-${r}`,zt(i))}}};return t.MotionDirective=zt,t.MotionPlugin=ae,t.fade=Bt,t.fadeVisible=Nt,t.pop=Ft,t.popVisible=Wt,t.reactiveStyle=xt,t.reactiveTransform=Lt,t.rollBottom=_t,t.rollLeft=Ut,t.rollRight=Dt,t.rollTop=Yt,t.rollVisibleBottom=Ht,t.rollVisibleLeft=Zt,t.rollVisibleRight=Xt,t.rollVisibleTop=$t,t.slideBottom=ee,t.slideLeft=qt,t.slideRight=Jt,t.slideTop=Qt,t.slideVisibleBottom=re,t.slideVisibleLeft=Gt,t.slideVisibleRight=Kt,t.slideVisibleTop=te,t.slugify=ne,t.useElementStyle=Vt,t.useElementTransform=Tt,t.useMotion=Mt,t.useMotionControls=gt,t.useMotionProperties=jt,t.useMotionTransitions=bt,t.useMotionVariants=St,t.useMotions=function(){return n},Object.defineProperty(t,"__esModule",{value:!0}),t}({},VueDemi,VueUse,popmotion);
+var k=function(){return(k=Object.assign||function(t){for(var e,r=1,i=arguments.length;r<i;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}).apply(this,arguments)},x=function(t,e){return function(r){return Math.max(Math.min(r,e),t)}},V=function(t){return t%1?Number(t.toFixed(5)):t},A=/(-)?([\d]*\.?[\d])+/g,T=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi,L=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function R(t){return"string"==typeof t}var C={test:function(t){return"number"==typeof t},parse:parseFloat,transform:function(t){return t}},I=k(k({},C),{transform:x(0,1)}),E=k(k({},C),{default:1}),j=function(t){return{test:function(e){return R(e)&&e.endsWith(t)&&1===e.split(" ").length},parse:parseFloat,transform:function(e){return""+e+t}}},S=j("deg"),M=j("%"),P=j("px"),z=k(k({},M),{parse:function(t){return M.parse(t)/100},transform:function(t){return M.transform(100*t)}}),B=function(t,e){return function(r){return R(r)&&L.test(r)&&r.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(r,e)}},F=function(t,e,r){return function(i){var n;if(!R(i))return i;var a=i.match(A),o=a[1],s=a[2],u=a[3];return(n={})[t]=parseFloat(a[0]),n[e]=parseFloat(o),n[r]=parseFloat(s),n.alpha=void 0!==u?parseFloat(u):1,n}},N={test:B("hsl","hue"),parse:F("hue","saturation","lightness"),transform:function(t){var e=t.saturation,r=t.lightness,i=t.alpha,n=void 0===i?1:i;return"hsla("+Math.round(t.hue)+", "+M.transform(V(e))+", "+M.transform(V(r))+", "+V(I.transform(n))+")"}},W=x(0,255),U=k(k({},C),{transform:function(t){return Math.round(W(t))}}),Z={test:B("rgb","red"),parse:F("red","green","blue"),transform:function(t){var e=t.green,r=t.blue,i=t.alpha,n=void 0===i?1:i;return"rgba("+U.transform(t.red)+", "+U.transform(e)+", "+U.transform(r)+", "+V(I.transform(n))+")"}};var D={test:B("#"),parse:function(t){var e="",r="",i="",n="";return t.length>5?(e=t.substr(1,2),r=t.substr(3,2),i=t.substr(5,2),n=t.substr(7,2)):(e=t.substr(1,1),r=t.substr(2,1),i=t.substr(3,1),n=t.substr(4,1),e+=e,r+=r,i+=i,n+=n),{red:parseInt(e,16),green:parseInt(r,16),blue:parseInt(i,16),alpha:n?parseInt(n,16)/255:1}},transform:Z.transform},X={test:function(t){return Z.test(t)||D.test(t)||N.test(t)},parse:function(t){return Z.test(t)?Z.parse(t):N.test(t)?N.parse(t):D.parse(t)},transform:function(t){return R(t)?t:t.hasOwnProperty("red")?Z.transform(t):N.transform(t)}},Y="${c}",$="${n}";function _(t){var e=[],r=0,i=t.match(T);i&&(r=i.length,t=t.replace(T,Y),e.push.apply(e,i.map(X.parse)));var n=t.match(A);return n&&(t=t.replace(A,$),e.push.apply(e,n.map(C.parse))),{values:e,numColors:r,tokenised:t}}function H(t){return _(t).values}function q(t){var e=_(t),r=e.numColors,i=e.tokenised,n=e.values.length;return function(t){for(var e=i,a=0;a<n;a++)e=e.replace(a<r?Y:$,a<r?X.transform(t[a]):V(t[a]));return e}}var G=function(t){return"number"==typeof t?0:t};var J={test:function(t){var e,r,i,n;return isNaN(t)&&R(t)&&(null!==(r=null===(e=t.match(A))||void 0===e?void 0:e.length)&&void 0!==r?r:0)+(null!==(n=null===(i=t.match(T))||void 0===i?void 0:i.length)&&void 0!==n?n:0)>0},parse:H,createTransformer:q,getAnimatableNone:function(t){var e=H(t);return q(t)(e.map(G))}},K=new Set(["brightness","contrast","saturate","opacity"]);function Q(t){var e=t.slice(0,-1).split("("),r=e[0],i=e[1];if("drop-shadow"===r)return t;var n=(i.match(A)||[])[0];if(!n)return t;var a=i.replace(n,""),o=K.has(r)?1:0;return n!==i&&(o*=100),r+"("+o+a+")"}var tt=/([a-z-]*)\(.*?\)/g,et=k(k({},J),{getAnimatableNone:function(t){var e=t.match(tt);return e?e.map(Q).join(" "):t}});const rt=()=>({type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}),it=t=>({type:"spring",stiffness:550,damping:0===t?100:30,restDelta:.01,restSpeed:10}),nt=()=>({type:"keyframes",ease:"linear",duration:300}),at=t=>({type:"keyframes",duration:800,values:t}),ot={default:it,x:rt,y:rt,z:rt,rotate:rt,rotateX:rt,rotateY:rt,rotateZ:rt,scaleX:it,scaleY:it,scale:it,backgroundColor:nt,color:nt,opacity:nt},st=(t,e)=>{let r;return r=Array.isArray(e)?at:ot[t]||ot.default,{to:e,...r(e)}},ut={...C,transform:Math.round},lt={color:X,backgroundColor:X,outlineColor:X,fill:X,stroke:X,borderColor:X,borderTopColor:X,borderRightColor:X,borderBottomColor:X,borderLeftColor:X,borderWidth:P,borderTopWidth:P,borderRightWidth:P,borderBottomWidth:P,borderLeftWidth:P,borderRadius:P,radius:P,borderTopLeftRadius:P,borderTopRightRadius:P,borderBottomRightRadius:P,borderBottomLeftRadius:P,width:P,maxWidth:P,height:P,maxHeight:P,size:P,top:P,right:P,bottom:P,left:P,padding:P,paddingTop:P,paddingRight:P,paddingBottom:P,paddingLeft:P,margin:P,marginTop:P,marginRight:P,marginBottom:P,marginLeft:P,rotate:S,rotateX:S,rotateY:S,rotateZ:S,scale:E,scaleX:E,scaleY:E,scaleZ:E,skew:S,skewX:S,skewY:S,distance:P,translateX:P,translateY:P,translateZ:P,x:P,y:P,z:P,perspective:P,transformPerspective:P,opacity:I,originX:z,originY:z,originZ:P,zIndex:ut,filter:et,WebkitFilter:et,fillOpacity:I,strokeOpacity:I,numOctaves:ut},ct=t=>lt[t],pt=(t,e)=>e&&"number"==typeof t&&e.transform?e.transform(t):t;const dt={linear:i.linear,easeIn:i.easeIn,easeInOut:i.easeInOut,easeOut:i.easeOut,circIn:i.circIn,circInOut:i.circInOut,circOut:i.circOut,backIn:i.backIn,backInOut:i.backInOut,backOut:i.backOut,anticipate:i.anticipate,bounceIn:i.bounceIn,bounceInOut:i.bounceInOut,bounceOut:i.bounceOut},ft=t=>{if(Array.isArray(t)){const[e,r,n,a]=t;return i.cubicBezier(e,r,n,a)}return"string"==typeof t?dt[t]:t},vt=(t,e)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!J.test(e)||e.startsWith("url(")));function ht({ease:t,times:e,delay:r,...i}){const n={...i};return e&&(n.offset=e),t&&(n.ease=(t=>Array.isArray(t)&&"number"!=typeof t[0])(t)?t.map(ft):ft(t)),r&&(n.elapsed=-r),n}function yt(t,e,r){return Array.isArray(e.to)&&(t.duration||(t.duration=800)),function(t){Array.isArray(t.to)&&null===t.to[0]&&(t.to=[...t.to],t.to[0]=t.from)}(e),function({delay:t,repeat:e,repeatType:r,repeatDelay:i,from:n,...a}){return!!Object.keys(a).length}(t)||(t={...t,...st(r,e.to)}),{...e,...ht(t)}}function mt(t,e,r,n,a){const o=function(t,e){return t[e]||t.default||t}(n,t);let s=null==o.from?e.get():o.from;const u=vt(t,r);"none"===s&&u&&"string"==typeof r&&(s=function(t,e){let r=ct(t);return r!==et&&(r=J),r.getAnimatableNone?r.getAnimatableNone(e):void 0}(t,r));return vt(t,s)&&u&&!1!==o.type?function(u){const l={from:s,to:r,velocity:n.velocity?n.velocity:e.getVelocity(),onUpdate:t=>e.set(t)};return"inertia"===o.type||"decay"===o.type?i.inertia({...l,...o}):i.animate({...yt(o,l,t),onUpdate:t=>{l.onUpdate(t),o.onUpdate&&o.onUpdate(t)},onComplete:()=>{n.onComplete&&n.onComplete(),a&&a(),u&&u()}})}:function(t){return e.set(r),n.onComplete&&n.onComplete(),a&&a(),t&&t(),{stop:()=>{}}}}const{isArray:bt}=Array;function gt(){const t=e.reactive({});return{motionValues:t,stop:r=>{if(r){const i=r=>{t[r].stop(),t[r].destroy(),e.del(t,r)};bt(r)?r.forEach((e=>{t[e]&&i(e)})):t[r]&&i(r)}else Object.entries(t).forEach((([r,i])=>{i.stop(),i.destroy(),e.del(t,r)}))},push:(r,i,n,a={},o)=>{let s=t[r];if(!s){const i=new O(n[r]);i.onChange((t=>{e.set(n,r,t)})),e.set(t,r,i),s=i}const u=mt(r,s,i,a,(()=>{o&&o(),s.destroy(),e.del(t,r)}));s.start(u)}}}function wt(t,i={},{push:n,stop:a}=gt()){const o=e.ref(i),s=t=>{if(!o||!o.value||!o.value[t])throw new Error(`The variant ${t} does not exist.`);return o.value[t]},u=e=>{let i=r.isObject(e)?e:s(e);const{transition:a}=i,o=[];for(const r in e){if("transition"===r)continue;const i=e[r];o.push(new Promise((e=>{n(r,i,t,a||st(r,i),e)})))}return Promise.all(o)};return{apply:u,set:i=>{a();let n=r.isObject(i)?i:s(i);for(const r in n){if("transition"===r)continue;e.set(t,r,i[r])}},stopTransitions:a,leave:async t=>{let e;o&&o.value&&(o.value.leave&&(e=o.value.leave),!o.value.leave&&o.value.initial&&(e=o.value.initial)),e?(await u(e),t()):t()}}}const Ot="undefined"!=typeof window;function kt({target:t,state:i,variants:n,apply:a}){const o=e.ref(!1),s=e.ref(!1),u=e.ref(!1),l=e.computed((()=>{let t=[];return n.value.hovered&&(t=[...t,...Object.keys(n.value.hovered)]),n.value.tapped&&(t=[...t,...Object.keys(n.value.tapped)]),n.value.focused&&(t=[...t,...Object.keys(n.value.focused)]),t})),c=e.computed((()=>{const t={};Object.assign(t,i.value),o.value&&n.value.hovered&&Object.assign(t,n.value.hovered),s.value&&n.value.tapped&&Object.assign(t,n.value.tapped),u.value&&n.value.focused&&Object.assign(t,n.value.focused);for(const e in t)l.value.includes(e)||delete t[e];return t}));n.value.hovered&&(r.useEventListener(t.value,"mouseenter",(()=>{o.value=!0})),r.useEventListener(t.value,"mouseleave",(()=>{o.value=!1,s.value=!1})),r.useEventListener(t.value,"mouseout",(()=>{o.value=!1,s.value=!1}))),n.value.tapped&&(Ot&&null===window.onmousedown&&(r.useEventListener(t.value,"mousedown",(()=>{s.value=!0})),r.useEventListener(t.value,"mouseup",(()=>{s.value=!1}))),Ot&&null===window.onpointerdown&&(r.useEventListener(t.value,"pointerdown",(()=>{s.value=!0})),r.useEventListener(t.value,"pointerup",(()=>{s.value=!1}))),Ot&&null===window.ontouchstart&&(r.useEventListener(t.value,"touchstart",(()=>{s.value=!0})),r.useEventListener(t.value,"touchend",(()=>{s.value=!1})))),n.value.focused&&(r.useEventListener(t.value,"focus",(()=>{u.value=!0})),r.useEventListener(t.value,"blur",(()=>{u.value=!1}))),e.watch(c,(t=>{a(t)}))}function xt(t,i={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){i.lifeCycleHooks&&function({target:t,variants:r,variant:i}){e.watch(t,(()=>{r.value&&r.value.enter&&(r.value.initial&&(i.value="initial"),e.nextTick((()=>i.value="enter")))}),{immediate:!0,flush:"pre"})}(t),i.syncVariants&&function({state:t,apply:r}){e.watch(t,(t=>{t&&r(t)}),{immediate:!0})}(t),i.visibilityHooks&&function({target:t,variants:i,variant:n}){let a=r.noop;const o=e.watch(t,(e=>{e&&(a=r.useIntersectionObserver(t,(([{isIntersecting:t}])=>{i.value&&i.value.visible&&(n.value=t?"visible":"initial")})).stop)}),{immediate:!0})}(t),i.eventListeners&&kt(t)}function Vt(t={}){const r=e.reactive({...t}),i=e.ref({});return e.watch(r,(()=>{const t={};for(const[e,i]of Object.entries(r)){const r=ct(e),n=pt(i,r);t[e]=n}i.value=t}),{immediate:!0,deep:!0}),{state:r,style:i}}function At(t){const r=e.ref(t);let i;const{state:n,style:a}=Vt(),o=e.watch(r,(t=>{if(t){for(const r of Object.keys(lt))null!=t.style[r]&&""!==t.style[r]&&e.set(n,r,t.style[r]);if(i)for(const r in i)e.set(t.style,r,i[r])}})),s=e.watch(a,(t=>{if(r.value&&r.value.style)for(const i in t)e.set(r.value.style,i,t[i]);else i=t}),{immediate:!0});return{style:n,stop:()=>{o(),s()}}}const Tt={x:"translateX",y:"translateY",z:"translateZ"};function Lt(t={},r=!0){const i=e.reactive({...t}),n=e.ref("");return e.watch(i,(()=>{let t="",e=!1;for(const[r,n]of Object.entries(i)){const i=ct(r),a=pt(n,i);t+=`${Tt[r]||r}(${a}) `,"z"!==r&&"translateZ"!==r||(e=!0)}!e&&r?t+="translateZ(0)":t=t.trim(),n.value=t}),{immediate:!0,deep:!0}),{state:i,transform:n}}function Rt(t){const r=e.ref(t);let i;const{state:n,transform:a}=Lt(),o=e.watch(r,(t=>{t&&i&&(t.style.transform=i)})),s=e.watch(a,(t=>{r.value&&r.value.style?r.value.style.transform=t:i=t}),{immediate:!0});return{transform:n,stop:()=>{o(),s()}}}const Ct=["","X","Y","Z"],It=["transformPerspective","x","y","z"];["perspective","translate","scale","rotate","skew"].forEach((t=>{Ct.forEach((e=>{It.push(t+e)}))}));const Et=new Set(It);function jt(t){return Et.has(t)}function St(t){const r=e.ref(t),{style:i}=At(r),{transform:n}=Rt(r),a=e.reactive({});return e.watch(a,(t=>{for(const r in t){const a=jt(r)?n:i;a[r]&&a[r]===t[r]||e.set(a,r,t[r])}}),{immediate:!0,deep:!0}),{motionProperties:a,style:i,transform:n}}function Mt(t={}){const r=e.ref(t),i=e.ref();return{state:e.computed((()=>{if(i.value)return r.value[i.value]})),variant:i}}function Pt(t,r={},i){const n=e.ref(r),a=e.ref(t),{motionProperties:o}=St(a),{variant:s,state:u}=Mt(n),l={target:a,variant:s,variants:n,state:u,motionProperties:o,...wt(o,n)};return xt(l,i),l}const zt=["initial","enter","leave","visible","hovered","tapped","focused","delay"],Bt=t=>{const i=(i,n,o)=>{const s=e.ref(t||{});((t,e)=>{const i=t.props?t.props:t.data&&t.data.attrs?t.data.attrs:{};i&&(i.variants&&r.isObject(i.variants)&&(e.value={...e.value,...i.variants}),zt.forEach((t=>{if("delay"!==t)i&&i[t]&&r.isObject(i[t])&&(e.value[t]=i[t]);else if(i&&i[t]&&r.isNumber(i[t])){const r=i[t];e&&e.value&&(e.value.enter&&(e.value.enter.transition||(e.value.enter.transition={}),e.value.enter.transition={...e.value.enter.transition,delay:r}),e.value.visible&&(e.value.visible.transition||(e.value.visible.transition={}),e.value.visible.transition={...e.value.visible.transition,delay:r}))}})))})(o,s);const u=Pt(i,s);n.value&&e.set(a,n.value,u)},n=(t,r,i)=>{r.value&&a[r.value]&&e.del(a,r.value)};return{created:i,unmounted:n,bind:i,unbind:n}},Ft={initial:{opacity:0},enter:{opacity:1}},Nt={initial:{opacity:0},visible:{opacity:1}},Wt={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},Ut={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},Zt={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},Dt={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},Xt={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},Yt={initial:{x:100,rotate:-90,opacity:0},visible:{x:0,rotate:0,opacity:1}},$t={initial:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},_t={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Ht={initial:{y:100,rotate:90,opacity:0},enter:{y:0,rotate:0,opacity:1}},qt={initial:{y:100,rotate:90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Gt={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},Jt={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},Kt={initial:{x:100,opacity:0},enter:{x:0,opacity:1}},Qt={initial:{x:100,opacity:0},visible:{x:0,opacity:1}},te={initial:{y:-100,opacity:0},enter:{y:0,opacity:1}},ee={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},re={initial:{y:100,opacity:0},enter:{y:0,opacity:1}},ie={initial:{y:100,opacity:0},visible:{y:0,opacity:1}};var ne=Object.freeze({__proto__:null,fade:Ft,fadeVisible:Nt,pop:Wt,popVisible:Ut,rollBottom:Ht,rollLeft:Zt,rollRight:Xt,rollTop:$t,rollVisibleBottom:qt,rollVisibleLeft:Dt,rollVisibleRight:Yt,rollVisibleTop:_t,slideBottom:re,slideLeft:Gt,slideRight:Kt,slideTop:te,slideVisibleBottom:ie,slideVisibleLeft:Jt,slideVisibleRight:Qt,slideVisibleTop:ee});function ae(t){const e="àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;",r=new RegExp(e.split("").join("|"),"g");return t.toString().replace(/[A-Z]/g,(t=>"-"+t)).toLowerCase().replace(/\s+/g,"-").replace(r,(t=>"aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------".charAt(e.indexOf(t)))).replace(/&/g,"-and-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}const oe={install(t,e){if(t.directive("motion",Bt()),!e||e&&!e.excludePresets)for(const e in ne){const r=ne[e];t.directive(`motion-${ae(e)}`,Bt(r))}if(e&&e.directives)for(const r in e.directives){const i=e.directives[r];0,t.directive(`motion-${r}`,Bt(i))}}};return t.MotionDirective=Bt,t.MotionPlugin=oe,t.fade=Ft,t.fadeVisible=Nt,t.isMotionInstance=function(t){const r=t;return void 0!==r.apply&&n.isFunction(r.apply)&&void 0!==r.set&&n.isFunction(r.set)&&void 0!==r.stopTransitions&&n.isFunction(r.stopTransitions)&&void 0!==r.target&&e.isRef(r.target)},t.pop=Wt,t.popVisible=Ut,t.reactiveStyle=Vt,t.reactiveTransform=Lt,t.rollBottom=Ht,t.rollLeft=Zt,t.rollRight=Xt,t.rollTop=$t,t.rollVisibleBottom=qt,t.rollVisibleLeft=Dt,t.rollVisibleRight=Yt,t.rollVisibleTop=_t,t.slideBottom=re,t.slideLeft=Gt,t.slideRight=Kt,t.slideTop=te,t.slideVisibleBottom=ie,t.slideVisibleLeft=Jt,t.slideVisibleRight=Qt,t.slideVisibleTop=ee,t.slugify=ae,t.useElementStyle=At,t.useElementTransform=Rt,t.useMotion=Pt,t.useMotionControls=wt,t.useMotionProperties=St,t.useMotionTransitions=gt,t.useMotionVariants=Mt,t.useMotions=function(){return a},Object.defineProperty(t,"__esModule",{value:!0}),t}({},VueDemi,VueUse,popmotion,shared);

package.json

 {
   "name": "@vueuse/motion",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "🤹 Vue Composables putting your components in motion",
@@ -5,0 +5,0 @@ "repository": "https://github.com/vueuse/motion",

No alert changes

Improved metrics

Total package byte prevSize

579781

increased by0.53%

Lines of code

13174

increased by0.7%

No dependency changes