@vueuse/motion - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

dist/index.cjs.js

 /*!
-  * @vueuse/motion v1.1.2
+  * @vueuse/motion v1.1.3
   * (c) 2021 
@@ -201,3 +201,3 @@ * @license MIT
             onUpdate: (v) => {
-                vueDemi.set(target, key, v);
+                target[key] = v;
                 if (valueTransition.onUpdate)
@@ -220,3 +220,3 @@ valueTransition.onUpdate(v);
     function set() {
-        vueDemi.set(target, key, value);
+        target[key] = value;
         if (transition.onComplete)
@@ -1093,3 +1093,3 @@ transition.onComplete();
             }
-            vueDemi.set(target, key, newVal[key]);
+            target[key] = newVal[key];
         }
@@ -1096,0 +1096,0 @@ }, {

dist/index.esm-browser.js

 /*!
-  * @vueuse/motion v1.1.2
+  * @vueuse/motion v1.1.3
   * (c) 2021 
   * @license MIT
   */
-import { set, ref, computed, watch, nextTick, reactive } from 'vue-demi';
+import { ref, computed, watch, nextTick, reactive } from 'vue-demi';
 import { isObject, useEventListener, useIntersectionObserver, noop, isNumber } from '@vueuse/core';
@@ -197,3 +197,3 @@ import { animate, cubicBezier, linear, easeIn, easeInOut, easeOut, circIn, circInOut, circOut, backIn, backInOut, backOut, anticipate, bounceIn, bounceInOut, bounceOut } from 'popmotion';
             onUpdate: (v) => {
-                set(target, key, v);
+                target[key] = v;
                 if (valueTransition.onUpdate)
@@ -215,4 +215,4 @@ valueTransition.onUpdate(v);
      */
-    function set$1() {
-        set(target, key, value);
+    function set() {
+        target[key] = value;
         if (transition.onComplete)
@@ -223,3 +223,3 @@ transition.onComplete();
     // Return `start` or `set` depending on `origin`
-    return origin !== undefined ? start : set$1;
+    return origin !== undefined ? start : set;
 }
@@ -1090,3 +1090,3 @@
             }
-            set(target, key, newVal[key]);
+            target[key] = newVal[key];
         }
@@ -1093,0 +1093,0 @@ }, {

dist/index.esm-bundler.js

 /*!
-  * @vueuse/motion v1.1.2
+  * @vueuse/motion v1.1.3
   * (c) 2021 
   * @license MIT
   */
-import { set, ref, computed, watch, nextTick, reactive } from 'vue-demi';
+import { ref, computed, watch, nextTick, reactive } from 'vue-demi';
 import { isObject, useEventListener, useIntersectionObserver, noop, isNumber } from '@vueuse/core';
@@ -197,3 +197,3 @@ import { animate, cubicBezier, linear, easeIn, easeInOut, easeOut, circIn, circInOut, circOut, backIn, backInOut, backOut, anticipate, bounceIn, bounceInOut, bounceOut } from 'popmotion';
             onUpdate: (v) => {
-                set(target, key, v);
+                target[key] = v;
                 if (valueTransition.onUpdate)
@@ -215,4 +215,4 @@ valueTransition.onUpdate(v);
      */
-    function set$1() {
-        set(target, key, value);
+    function set() {
+        target[key] = value;
         if (transition.onComplete)
@@ -223,3 +223,3 @@ transition.onComplete();
     // Return `start` or `set` depending on `origin`
-    return origin !== undefined ? start : set$1;
+    return origin !== undefined ? start : set;
 }
@@ -1090,3 +1090,3 @@
             }
-            set(target, key, newVal[key]);
+            target[key] = newVal[key];
         }
@@ -1093,0 +1093,0 @@ }, {

dist/index.global.js

 /*!
-  * @vueuse/motion v1.1.2
+  * @vueuse/motion v1.1.3
   * (c) 2021 
@@ -196,3 +196,3 @@ * @license MIT
               onUpdate: (v) => {
-                  vueDemi.set(target, key, v);
+                  target[key] = v;
                   if (valueTransition.onUpdate)
@@ -215,3 +215,3 @@ valueTransition.onUpdate(v);
       function set() {
-          vueDemi.set(target, key, value);
+          target[key] = value;
           if (transition.onComplete)
@@ -1088,3 +1088,3 @@ transition.onComplete();
               }
-              vueDemi.set(target, key, newVal[key]);
+              target[key] = newVal[key];
           }
@@ -1091,0 +1091,0 @@ }, {

dist/index.global.prod.js

 /*!
-  * @vueuse/motion v1.1.2
+  * @vueuse/motion v1.1.3
   * (c) 2021 
   * @license MIT
   */
-var VueuseMotion=function(e,t,r,a){"use strict";const n={},i=()=>({type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}),o=e=>({type:"spring",stiffness:550,damping:0===e?100:30,restDelta:.01,restSpeed:10}),s=()=>({type:"keyframes",ease:"linear",duration:300}),l=e=>({type:"keyframes",duration:800,values:e}),u={default:o,x:i,y:i,z:i,rotate:i,rotateX:i,rotateY:i,rotateZ:i,scaleX:o,scaleY:o,scale:o,backgroundColor:s,color:s,opacity:s},c=(e,t)=>{let r;return r=Array.isArray(t)?l:u[e]||u.default,{to:t,...r(t)}},p={linear:a.linear,easeIn:a.easeIn,easeInOut:a.easeInOut,easeOut:a.easeOut,circIn:a.circIn,circInOut:a.circInOut,circOut:a.circOut,backIn:a.backIn,backInOut:a.backInOut,backOut:a.backOut,anticipate:a.anticipate,bounceIn:a.bounceIn,bounceInOut:a.bounceInOut,bounceOut:a.bounceOut},v=e=>{if(Array.isArray(e)){const[t,r,n,i]=e;return a.cubicBezier(t,r,n,i)}return"string"==typeof e?p[e]:e};function f({ease:e,times:t,delay:r,...a}){const n={...a};return t&&(n.offset=t),e&&(n.ease=(e=>Array.isArray(e)&&"number"!=typeof e[0])(e)?e.map(v):v(e)),r&&(n.elapsed=-r),n}function d(e,t,r){return Array.isArray(t.to)&&(e.duration||(e.duration=800)),function(e){Array.isArray(e.to)&&null===e.to[0]&&(e.to=[...e.to],e.to[0]=e.from)}(t),function({delay:e,repeat:t,repeatType:r,repeatDelay:a,from:n,...i}){return!!Object.keys(i).length}(e)||(e={...e,...c(r,t.to)}),{...t,...f(e)}}const{isArray:y}=Array;function m(){const e=t.ref({});return{transitions:e,stop:t=>{const{value:r}=e;t?y(t)?t.forEach((e=>{r[e]&&r[e]()})):r[t]&&r[t]():Object.values(r).forEach((e=>e()))},push:(r,n,i,o,s)=>{e.value[r]&&e.value[r]();const l=function(e,r,n,i,o,s){const l=function(e,t){return e[t]||e.default||e}(i,e);return void 0!==o?function(){const u={from:o,to:r,onUpdate:r=>{t.set(n,e,r),l.onUpdate&&l.onUpdate(r)},onComplete:()=>{i.onComplete&&i.onComplete(),s&&s()}},c=d(l,u,e);return a.animate(c)}:function(){return t.set(n,e,r),i.onComplete&&i.onComplete(),{stop:()=>{}}}}(r,n,i,o,i[r],s),{stop:u}=l();e.value[r]=()=>{u(),delete e.value[r]}}}}function b(e,a={},{push:n,stop:i}=m()){const o=t.ref(a),s=e=>{if(!o||!o.value||!o.value[e])throw new Error(`The variant ${e} does not exist.`);return o.value[e]},l=t=>{let a=r.isObject(t)?t:s(t);const{transition:i}=a,o=[];for(const r in t){if("transition"===r)continue;const a=t[r];o.push(new Promise((t=>{n(r,a,e,i||c(r,a),t)})))}return Promise.all(o)};return{apply:l,set:t=>{let a=r.isObject(t)?t:s(t);Object.assign(e,a)},stopTransitions:i,leave:async e=>{let t;o&&o.value&&(o.value.leave&&(t=o.value.leave),!o.value.leave&&o.value.initial&&(t=o.value.initial)),t?(await l(t),e()):e()}}}const h="undefined"!=typeof window;function g({target:e,state:a,variants:n,apply:i}){const o=t.ref(!1),s=t.ref(!1),l=t.ref(!1),u=t.computed((()=>{let e=[];return n.value.hovered&&(e=[...e,...Object.keys(n.value.hovered)]),n.value.tapped&&(e=[...e,...Object.keys(n.value.tapped)]),n.value.focused&&(e=[...e,...Object.keys(n.value.focused)]),e})),c=t.computed((()=>{const e={};Object.assign(e,a.value),o.value&&n.value.hovered&&Object.assign(e,n.value.hovered),s.value&&n.value.tapped&&Object.assign(e,n.value.tapped),l.value&&n.value.focused&&Object.assign(e,n.value.focused);for(const t in e)u.value.includes(t)||delete e[t];return e}));n.value.hovered&&(r.useEventListener(e.value,"mouseenter",(()=>{o.value=!0})),r.useEventListener(e.value,"mouseleave",(()=>{o.value=!1,s.value=!1})),r.useEventListener(e.value,"mouseout",(()=>{o.value=!1,s.value=!1}))),n.value.tapped&&(h&&null===window.onmousedown&&(r.useEventListener(e.value,"mousedown",(()=>{s.value=!0})),r.useEventListener(e.value,"mouseup",(()=>{s.value=!1}))),h&&null===window.onpointerdown&&(r.useEventListener(e.value,"pointerdown",(()=>{s.value=!0})),r.useEventListener(e.value,"pointerup",(()=>{s.value=!1}))),h&&null===window.ontouchstart&&(r.useEventListener(e.value,"touchstart",(()=>{s.value=!0})),r.useEventListener(e.value,"touchend",(()=>{s.value=!1})))),n.value.focused&&(r.useEventListener(e.value,"focus",(()=>{l.value=!0})),r.useEventListener(e.value,"blur",(()=>{l.value=!1}))),t.watch(c,(e=>{i(e)}))}function O(e,a={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){a.lifeCycleHooks&&function({target:e,variants:r,variant:a}){t.watch(e,(()=>{r.value&&r.value.enter&&(r.value.initial&&(a.value="initial"),t.nextTick((()=>a.value="enter")))}),{immediate:!0,flush:"pre"})}(e),a.syncVariants&&function({state:e,apply:r}){t.watch(e,(e=>{e&&r(e)}),{immediate:!0})}(e),a.visibilityHooks&&function({target:e,variants:a,variant:n}){let i=r.noop;const o=t.watch(e,(t=>{t&&(i=r.useIntersectionObserver(e,(([{isIntersecting:e}])=>{a.value&&a.value.visible&&(n.value=e?"visible":"initial")})).stop)}),{immediate:!0})}(e),a.eventListeners&&g(e)}
+var VueuseMotion=function(e,t,r,a){"use strict";const n={},i=()=>({type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}),o=e=>({type:"spring",stiffness:550,damping:0===e?100:30,restDelta:.01,restSpeed:10}),s=()=>({type:"keyframes",ease:"linear",duration:300}),l=e=>({type:"keyframes",duration:800,values:e}),u={default:o,x:i,y:i,z:i,rotate:i,rotateX:i,rotateY:i,rotateZ:i,scaleX:o,scaleY:o,scale:o,backgroundColor:s,color:s,opacity:s},c=(e,t)=>{let r;return r=Array.isArray(t)?l:u[e]||u.default,{to:t,...r(t)}},p={linear:a.linear,easeIn:a.easeIn,easeInOut:a.easeInOut,easeOut:a.easeOut,circIn:a.circIn,circInOut:a.circInOut,circOut:a.circOut,backIn:a.backIn,backInOut:a.backInOut,backOut:a.backOut,anticipate:a.anticipate,bounceIn:a.bounceIn,bounceInOut:a.bounceInOut,bounceOut:a.bounceOut},v=e=>{if(Array.isArray(e)){const[t,r,n,i]=e;return a.cubicBezier(t,r,n,i)}return"string"==typeof e?p[e]:e};function f({ease:e,times:t,delay:r,...a}){const n={...a};return t&&(n.offset=t),e&&(n.ease=(e=>Array.isArray(e)&&"number"!=typeof e[0])(e)?e.map(v):v(e)),r&&(n.elapsed=-r),n}function d(e,t,r){return Array.isArray(t.to)&&(e.duration||(e.duration=800)),function(e){Array.isArray(e.to)&&null===e.to[0]&&(e.to=[...e.to],e.to[0]=e.from)}(t),function({delay:e,repeat:t,repeatType:r,repeatDelay:a,from:n,...i}){return!!Object.keys(i).length}(e)||(e={...e,...c(r,t.to)}),{...t,...f(e)}}const{isArray:y}=Array;function m(){const e=t.ref({});return{transitions:e,stop:t=>{const{value:r}=e;t?y(t)?t.forEach((e=>{r[e]&&r[e]()})):r[t]&&r[t]():Object.values(r).forEach((e=>e()))},push:(t,r,n,i,o)=>{e.value[t]&&e.value[t]();const s=function(e,t,r,n,i,o){const s=function(e,t){return e[t]||e.default||e}(n,e);return void 0!==i?function(){const l={from:i,to:t,onUpdate:t=>{r[e]=t,s.onUpdate&&s.onUpdate(t)},onComplete:()=>{n.onComplete&&n.onComplete(),o&&o()}},u=d(s,l,e);return a.animate(u)}:function(){return r[e]=t,n.onComplete&&n.onComplete(),{stop:()=>{}}}}(t,r,n,i,n[t],o),{stop:l}=s();e.value[t]=()=>{l(),delete e.value[t]}}}}function b(e,a={},{push:n,stop:i}=m()){const o=t.ref(a),s=e=>{if(!o||!o.value||!o.value[e])throw new Error(`The variant ${e} does not exist.`);return o.value[e]},l=t=>{let a=r.isObject(t)?t:s(t);const{transition:i}=a,o=[];for(const r in t){if("transition"===r)continue;const a=t[r];o.push(new Promise((t=>{n(r,a,e,i||c(r,a),t)})))}return Promise.all(o)};return{apply:l,set:t=>{let a=r.isObject(t)?t:s(t);Object.assign(e,a)},stopTransitions:i,leave:async e=>{let t;o&&o.value&&(o.value.leave&&(t=o.value.leave),!o.value.leave&&o.value.initial&&(t=o.value.initial)),t?(await l(t),e()):e()}}}const h="undefined"!=typeof window;function g({target:e,state:a,variants:n,apply:i}){const o=t.ref(!1),s=t.ref(!1),l=t.ref(!1),u=t.computed((()=>{let e=[];return n.value.hovered&&(e=[...e,...Object.keys(n.value.hovered)]),n.value.tapped&&(e=[...e,...Object.keys(n.value.tapped)]),n.value.focused&&(e=[...e,...Object.keys(n.value.focused)]),e})),c=t.computed((()=>{const e={};Object.assign(e,a.value),o.value&&n.value.hovered&&Object.assign(e,n.value.hovered),s.value&&n.value.tapped&&Object.assign(e,n.value.tapped),l.value&&n.value.focused&&Object.assign(e,n.value.focused);for(const t in e)u.value.includes(t)||delete e[t];return e}));n.value.hovered&&(r.useEventListener(e.value,"mouseenter",(()=>{o.value=!0})),r.useEventListener(e.value,"mouseleave",(()=>{o.value=!1,s.value=!1})),r.useEventListener(e.value,"mouseout",(()=>{o.value=!1,s.value=!1}))),n.value.tapped&&(h&&null===window.onmousedown&&(r.useEventListener(e.value,"mousedown",(()=>{s.value=!0})),r.useEventListener(e.value,"mouseup",(()=>{s.value=!1}))),h&&null===window.onpointerdown&&(r.useEventListener(e.value,"pointerdown",(()=>{s.value=!0})),r.useEventListener(e.value,"pointerup",(()=>{s.value=!1}))),h&&null===window.ontouchstart&&(r.useEventListener(e.value,"touchstart",(()=>{s.value=!0})),r.useEventListener(e.value,"touchend",(()=>{s.value=!1})))),n.value.focused&&(r.useEventListener(e.value,"focus",(()=>{l.value=!0})),r.useEventListener(e.value,"blur",(()=>{l.value=!1}))),t.watch(c,(e=>{i(e)}))}function O(e,a={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){a.lifeCycleHooks&&function({target:e,variants:r,variant:a}){t.watch(e,(()=>{r.value&&r.value.enter&&(r.value.initial&&(a.value="initial"),t.nextTick((()=>a.value="enter")))}),{immediate:!0,flush:"pre"})}(e),a.syncVariants&&function({state:e,apply:r}){t.watch(e,(e=>{e&&r(e)}),{immediate:!0})}(e),a.visibilityHooks&&function({target:e,variants:a,variant:n}){let i=r.noop;const o=t.watch(e,(t=>{t&&(i=r.useIntersectionObserver(e,(([{isIntersecting:e}])=>{a.value&&a.value.visible&&(n.value=e?"visible":"initial")})).stop)}),{immediate:!0})}(e),a.eventListeners&&g(e)}
 /*! *****************************************************************************
@@ -20,2 +20,2 @@ Copyright (c) Microsoft Corporation.
   PERFORMANCE OF THIS SOFTWARE.
-  ***************************************************************************** */var w=function(){return(w=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},x=function(e,t){return function(r){return Math.max(Math.min(r,t),e)}},k=function(e){return e%1?Number(e.toFixed(5)):e},L=/(-)?([\d]*\.?[\d])+/g,j=/(#[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,V=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function I(e){return"string"==typeof e}var T={test:function(e){return"number"==typeof e},parse:parseFloat,transform:function(e){return e}},E=w(w({},T),{transform:x(0,1)}),R=w(w({},T),{default:1}),C=function(e){return{test:function(t){return I(t)&&t.endsWith(e)&&1===t.split(" ").length},parse:parseFloat,transform:function(t){return""+t+e}}},A=C("deg"),B=C("%"),M=C("px"),P=w(w({},B),{parse:function(e){return B.parse(e)/100},transform:function(e){return B.transform(100*e)}}),z=function(e,t){return function(r){return I(r)&&V.test(r)&&r.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(r,t)}},Z=function(e,t,r){return function(a){var n;if(!I(a))return a;var i=a.match(L),o=i[1],s=i[2],l=i[3];return(n={})[e]=parseFloat(i[0]),n[t]=parseFloat(o),n[r]=parseFloat(s),n.alpha=void 0!==l?parseFloat(l):1,n}},W={test:z("hsl","hue"),parse:Z("hue","saturation","lightness"),transform:function(e){var t=e.saturation,r=e.lightness,a=e.alpha,n=void 0===a?1:a;return"hsla("+Math.round(e.hue)+", "+B.transform(k(t))+", "+B.transform(k(r))+", "+k(E.transform(n))+")"}},X=x(0,255),Y=w(w({},T),{transform:function(e){return Math.round(X(e))}}),$={test:z("rgb","red"),parse:Z("red","green","blue"),transform:function(e){var t=e.green,r=e.blue,a=e.alpha,n=void 0===a?1:a;return"rgba("+Y.transform(e.red)+", "+Y.transform(t)+", "+Y.transform(r)+", "+k(E.transform(n))+")"}};var F={test:z("#"),parse:function(e){var t="",r="",a="",n="";return e.length>5?(t=e.substr(1,2),r=e.substr(3,2),a=e.substr(5,2),n=e.substr(7,2)):(t=e.substr(1,1),r=e.substr(2,1),a=e.substr(3,1),n=e.substr(4,1),t+=t,r+=r,a+=a,n+=n),{red:parseInt(t,16),green:parseInt(r,16),blue:parseInt(a,16),alpha:n?parseInt(n,16)/255:1}},transform:$.transform},S={test:function(e){return $.test(e)||F.test(e)||W.test(e)},parse:function(e){return $.test(e)?$.parse(e):W.test(e)?W.parse(e):F.parse(e)},transform:function(e){return I(e)?e:e.hasOwnProperty("red")?$.transform(e):W.transform(e)}},_="${c}",N="${n}";function D(e){var t=[],r=0,a=e.match(j);a&&(r=a.length,e=e.replace(j,_),t.push.apply(t,a.map(S.parse)));var n=e.match(L);return n&&(e=e.replace(L,N),t.push.apply(t,n.map(T.parse))),{values:t,numColors:r,tokenised:e}}function H(e){return D(e).values}function U(e){var t=D(e),r=t.numColors,a=t.tokenised,n=t.values.length;return function(e){for(var t=a,i=0;i<n;i++)t=t.replace(i<r?_:N,i<r?S.transform(e[i]):k(e[i]));return t}}var q=function(e){return"number"==typeof e?0:e};var G={test:function(e){var t,r,a,n;return isNaN(e)&&I(e)&&(null!==(r=null===(t=e.match(L))||void 0===t?void 0:t.length)&&void 0!==r?r:0)+(null!==(n=null===(a=e.match(j))||void 0===a?void 0:a.length)&&void 0!==n?n:0)>0},parse:H,createTransformer:U,getAnimatableNone:function(e){var t=H(e);return U(e)(t.map(q))}},J=new Set(["brightness","contrast","saturate","opacity"]);function K(e){var t=e.slice(0,-1).split("("),r=t[0],a=t[1];if("drop-shadow"===r)return e;var n=(a.match(L)||[])[0];if(!n)return e;var i=a.replace(n,""),o=J.has(r)?1:0;return n!==a&&(o*=100),r+"("+o+i+")"}var Q=/([a-z-]*)\(.*?\)/g,ee=w(w({},G),{getAnimatableNone:function(e){var t=e.match(Q);return t?t.map(K).join(" "):e}});const te={...T,transform:Math.round},re={color:S,backgroundColor:S,outlineColor:S,fill:S,stroke:S,borderColor:S,borderTopColor:S,borderRightColor:S,borderBottomColor:S,borderLeftColor:S,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:A,rotateX:A,rotateY:A,rotateZ:A,scale:R,scaleX:R,scaleY:R,scaleZ:R,skew:A,skewX:A,skewY:A,distance:M,translateX:M,translateY:M,translateZ:M,x:M,y:M,z:M,perspective:M,transformPerspective:M,opacity:E,originX:P,originY:P,originZ:M,zIndex:te,filter:ee,WebkitFilter:ee,fillOpacity:E,strokeOpacity:E,numOctaves:te},ae=e=>re[e],ne=(e,t)=>t&&"number"==typeof e&&t.transform?t.transform(e):e;function ie(e={}){const r=t.reactive({...e}),a=t.computed((()=>{const e={};for(const[t,a]of Object.entries(r)){const r=ae(t),n=ne(a,r);e[t]=n}return e}));return{state:r,style:a}}function oe(e){const r=t.ref(e);let a;const{state:n,style:i}=ie(),o=t.watch(r,(e=>{if(e){for(const t of Object.keys(re))null!=e.style[t]&&""!==e.style[t]&&(n[t]=e.style[t]);a&&Object.assign(e.style,a)}})),s=t.watch(i,(e=>{r.value&&r.value.style?Object.assign(r.value.style,e):a=e}),{immediate:!0});return{style:n,stop:()=>{o(),s()}}}const se={x:"translateX",y:"translateY",z:"translateZ"};function le(e={},r=!0){const a=t.reactive({...e}),n=t.computed((()=>{let e="",t=!1;for(const[r,n]of Object.entries(a)){const a=ae(r),i=ne(n,a);e+=`${se[r]||r}(${i}) `,"z"!==r&&"translateZ"!==r||(t=!0)}return!t&&r?e+="translateZ(0)":e=e.trim(),e}));return{state:a,transform:n}}function ue(e){const r=t.ref(e);let a;const{state:n,transform:i}=le(),o=t.watch(r,(e=>{e&&a&&(e.style.transform=a)})),s=t.watch(i,(e=>{r.value&&r.value.style?r.value.style.transform=e:a=e}),{immediate:!0});return{transform:n,stop:()=>{o(),s()}}}const ce=["","X","Y","Z"],pe=["transformPerspective","x","y","z"];["perspective","translate","scale","rotate","skew"].forEach((e=>{ce.forEach((t=>{pe.push(e+t)}))}));const ve=new Set(pe);function fe(e){return ve.has(e)}function de(e){const r=t.ref(e),{style:a}=oe(r),{transform:n}=ue(r),i=t.reactive({});return t.watch(i,(e=>{for(const r in e){const i=fe(r)?n:a;i[r]&&i[r]===e[r]||t.set(i,r,e[r])}}),{immediate:!0,deep:!0}),{motionProperties:i,style:a,transform:n}}function ye(e={}){const r=t.ref(e),a=t.ref();return{state:t.computed((()=>{if(a.value)return r.value[a.value]})),variant:a}}function me(e,r={},a){const n=t.ref(r),i=t.ref(e),{motionProperties:o}=de(i),{variant:s,state:l}=ye(n),u={target:i,variant:s,variants:n,state:l,motionProperties:o,...b(o,n)};return O(u,a),u}const be=["initial","enter","leave","visible","hovered","tapped","focused","delay"],he=e=>{const a=(a,i,o)=>{const s=t.ref(e||{});((e,t)=>{const a=e.props?e.props:e.data&&e.data.attrs?e.data.attrs:{};a&&(a.variants&&r.isObject(a.variants)&&(t.value={...t.value,...a.variants}),be.forEach((e=>{if("delay"!==e)a&&a[e]&&r.isObject(a[e])&&(t.value[e]=a[e]);else if(a&&a[e]&&r.isNumber(a[e])){const r=a[e];t&&t.value&&(t.value.enter&&(t.value.enter.transition||(t.value.enter.transition={}),t.value.enter.transition={...t.value.enter.transition,delay:r}),t.value.visible&&(t.value.visible.transition||(t.value.visible.transition={}),t.value.visible.transition={...t.value.visible.transition,delay:r}))}})))})(o,s);const l=me(a,s);i.value&&(n[i.value]=l)},i=(e,t,r)=>{t.value&&n[t.value]&&delete n[t.value]};return{created:a,unmounted:i,bind:a,unbind:i}},ge={initial:{opacity:0},enter:{opacity:1}},Oe={initial:{opacity:0},visible:{opacity:1}},we={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},xe={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},ke={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},Le={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},je={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},Ve={initial:{x:100,rotate:-90,opacity:0},visible:{x:0,rotate:0,opacity:1}},Ie={initial:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Te={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Ee={initial:{y:100,rotate:90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Re={initial:{y:100,rotate:90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Ce={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},Ae={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},Be={initial:{x:100,opacity:0},enter:{x:0,opacity:1}},Me={initial:{x:100,opacity:0},visible:{x:0,opacity:1}},Pe={initial:{y:-100,opacity:0},enter:{y:0,opacity:1}},ze={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},Ze={initial:{y:100,opacity:0},enter:{y:0,opacity:1}},We={initial:{y:100,opacity:0},visible:{y:0,opacity:1}};var Xe=Object.freeze({__proto__:null,fade:ge,fadeVisible:Oe,pop:we,popVisible:xe,rollBottom:Ee,rollLeft:ke,rollRight:je,rollTop:Ie,rollVisibleBottom:Re,rollVisibleLeft:Le,rollVisibleRight:Ve,rollVisibleTop:Te,slideBottom:Ze,slideLeft:Ce,slideRight:Be,slideTop:Pe,slideVisibleBottom:We,slideVisibleLeft:Ae,slideVisibleRight:Me,slideVisibleTop:ze});function Ye(e){const t="àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;",r=new RegExp(t.split("").join("|"),"g");return e.toString().replace(/[A-Z]/g,(e=>"-"+e)).toLowerCase().replace(/\s+/g,"-").replace(r,(e=>"aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------".charAt(t.indexOf(e)))).replace(/&/g,"-and-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}const $e={install(e,t){if(e.directive("motion",he()),!t||t&&!t.excludePresets)for(const t in Xe){const r=Xe[t];e.directive(`motion-${Ye(t)}`,he(r))}if(t&&t.directives)for(const r in t.directives){const a=t.directives[r];0,e.directive(`motion-${r}`,he(a))}}};return e.MotionDirective=he,e.MotionPlugin=$e,e.fade=ge,e.fadeVisible=Oe,e.pop=we,e.popVisible=xe,e.reactiveStyle=ie,e.reactiveTransform=le,e.rollBottom=Ee,e.rollLeft=ke,e.rollRight=je,e.rollTop=Ie,e.rollVisibleBottom=Re,e.rollVisibleLeft=Le,e.rollVisibleRight=Ve,e.rollVisibleTop=Te,e.slideBottom=Ze,e.slideLeft=Ce,e.slideRight=Be,e.slideTop=Pe,e.slideVisibleBottom=We,e.slideVisibleLeft=Ae,e.slideVisibleRight=Me,e.slideVisibleTop=ze,e.slugify=Ye,e.useElementStyle=oe,e.useElementTransform=ue,e.useMotion=me,e.useMotionControls=b,e.useMotionProperties=de,e.useMotionTransitions=m,e.useMotionVariants=ye,e.useMotions=function(){return n},Object.defineProperty(e,"__esModule",{value:!0}),e}({},VueDemi,VueUse,popmotion);
+  ***************************************************************************** */var w=function(){return(w=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},x=function(e,t){return function(r){return Math.max(Math.min(r,t),e)}},k=function(e){return e%1?Number(e.toFixed(5)):e},L=/(-)?([\d]*\.?[\d])+/g,j=/(#[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,V=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function I(e){return"string"==typeof e}var T={test:function(e){return"number"==typeof e},parse:parseFloat,transform:function(e){return e}},E=w(w({},T),{transform:x(0,1)}),R=w(w({},T),{default:1}),C=function(e){return{test:function(t){return I(t)&&t.endsWith(e)&&1===t.split(" ").length},parse:parseFloat,transform:function(t){return""+t+e}}},A=C("deg"),B=C("%"),M=C("px"),P=w(w({},B),{parse:function(e){return B.parse(e)/100},transform:function(e){return B.transform(100*e)}}),z=function(e,t){return function(r){return I(r)&&V.test(r)&&r.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(r,t)}},Z=function(e,t,r){return function(a){var n;if(!I(a))return a;var i=a.match(L),o=i[1],s=i[2],l=i[3];return(n={})[e]=parseFloat(i[0]),n[t]=parseFloat(o),n[r]=parseFloat(s),n.alpha=void 0!==l?parseFloat(l):1,n}},W={test:z("hsl","hue"),parse:Z("hue","saturation","lightness"),transform:function(e){var t=e.saturation,r=e.lightness,a=e.alpha,n=void 0===a?1:a;return"hsla("+Math.round(e.hue)+", "+B.transform(k(t))+", "+B.transform(k(r))+", "+k(E.transform(n))+")"}},X=x(0,255),Y=w(w({},T),{transform:function(e){return Math.round(X(e))}}),$={test:z("rgb","red"),parse:Z("red","green","blue"),transform:function(e){var t=e.green,r=e.blue,a=e.alpha,n=void 0===a?1:a;return"rgba("+Y.transform(e.red)+", "+Y.transform(t)+", "+Y.transform(r)+", "+k(E.transform(n))+")"}};var F={test:z("#"),parse:function(e){var t="",r="",a="",n="";return e.length>5?(t=e.substr(1,2),r=e.substr(3,2),a=e.substr(5,2),n=e.substr(7,2)):(t=e.substr(1,1),r=e.substr(2,1),a=e.substr(3,1),n=e.substr(4,1),t+=t,r+=r,a+=a,n+=n),{red:parseInt(t,16),green:parseInt(r,16),blue:parseInt(a,16),alpha:n?parseInt(n,16)/255:1}},transform:$.transform},S={test:function(e){return $.test(e)||F.test(e)||W.test(e)},parse:function(e){return $.test(e)?$.parse(e):W.test(e)?W.parse(e):F.parse(e)},transform:function(e){return I(e)?e:e.hasOwnProperty("red")?$.transform(e):W.transform(e)}},_="${c}",N="${n}";function D(e){var t=[],r=0,a=e.match(j);a&&(r=a.length,e=e.replace(j,_),t.push.apply(t,a.map(S.parse)));var n=e.match(L);return n&&(e=e.replace(L,N),t.push.apply(t,n.map(T.parse))),{values:t,numColors:r,tokenised:e}}function H(e){return D(e).values}function U(e){var t=D(e),r=t.numColors,a=t.tokenised,n=t.values.length;return function(e){for(var t=a,i=0;i<n;i++)t=t.replace(i<r?_:N,i<r?S.transform(e[i]):k(e[i]));return t}}var q=function(e){return"number"==typeof e?0:e};var G={test:function(e){var t,r,a,n;return isNaN(e)&&I(e)&&(null!==(r=null===(t=e.match(L))||void 0===t?void 0:t.length)&&void 0!==r?r:0)+(null!==(n=null===(a=e.match(j))||void 0===a?void 0:a.length)&&void 0!==n?n:0)>0},parse:H,createTransformer:U,getAnimatableNone:function(e){var t=H(e);return U(e)(t.map(q))}},J=new Set(["brightness","contrast","saturate","opacity"]);function K(e){var t=e.slice(0,-1).split("("),r=t[0],a=t[1];if("drop-shadow"===r)return e;var n=(a.match(L)||[])[0];if(!n)return e;var i=a.replace(n,""),o=J.has(r)?1:0;return n!==a&&(o*=100),r+"("+o+i+")"}var Q=/([a-z-]*)\(.*?\)/g,ee=w(w({},G),{getAnimatableNone:function(e){var t=e.match(Q);return t?t.map(K).join(" "):e}});const te={...T,transform:Math.round},re={color:S,backgroundColor:S,outlineColor:S,fill:S,stroke:S,borderColor:S,borderTopColor:S,borderRightColor:S,borderBottomColor:S,borderLeftColor:S,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:A,rotateX:A,rotateY:A,rotateZ:A,scale:R,scaleX:R,scaleY:R,scaleZ:R,skew:A,skewX:A,skewY:A,distance:M,translateX:M,translateY:M,translateZ:M,x:M,y:M,z:M,perspective:M,transformPerspective:M,opacity:E,originX:P,originY:P,originZ:M,zIndex:te,filter:ee,WebkitFilter:ee,fillOpacity:E,strokeOpacity:E,numOctaves:te},ae=e=>re[e],ne=(e,t)=>t&&"number"==typeof e&&t.transform?t.transform(e):e;function ie(e={}){const r=t.reactive({...e}),a=t.computed((()=>{const e={};for(const[t,a]of Object.entries(r)){const r=ae(t),n=ne(a,r);e[t]=n}return e}));return{state:r,style:a}}function oe(e){const r=t.ref(e);let a;const{state:n,style:i}=ie(),o=t.watch(r,(e=>{if(e){for(const t of Object.keys(re))null!=e.style[t]&&""!==e.style[t]&&(n[t]=e.style[t]);a&&Object.assign(e.style,a)}})),s=t.watch(i,(e=>{r.value&&r.value.style?Object.assign(r.value.style,e):a=e}),{immediate:!0});return{style:n,stop:()=>{o(),s()}}}const se={x:"translateX",y:"translateY",z:"translateZ"};function le(e={},r=!0){const a=t.reactive({...e}),n=t.computed((()=>{let e="",t=!1;for(const[r,n]of Object.entries(a)){const a=ae(r),i=ne(n,a);e+=`${se[r]||r}(${i}) `,"z"!==r&&"translateZ"!==r||(t=!0)}return!t&&r?e+="translateZ(0)":e=e.trim(),e}));return{state:a,transform:n}}function ue(e){const r=t.ref(e);let a;const{state:n,transform:i}=le(),o=t.watch(r,(e=>{e&&a&&(e.style.transform=a)})),s=t.watch(i,(e=>{r.value&&r.value.style?r.value.style.transform=e:a=e}),{immediate:!0});return{transform:n,stop:()=>{o(),s()}}}const ce=["","X","Y","Z"],pe=["transformPerspective","x","y","z"];["perspective","translate","scale","rotate","skew"].forEach((e=>{ce.forEach((t=>{pe.push(e+t)}))}));const ve=new Set(pe);function fe(e){return ve.has(e)}function de(e){const r=t.ref(e),{style:a}=oe(r),{transform:n}=ue(r),i=t.reactive({});return t.watch(i,(e=>{for(const t in e){const r=fe(t)?n:a;r[t]&&r[t]===e[t]||(r[t]=e[t])}}),{immediate:!0,deep:!0}),{motionProperties:i,style:a,transform:n}}function ye(e={}){const r=t.ref(e),a=t.ref();return{state:t.computed((()=>{if(a.value)return r.value[a.value]})),variant:a}}function me(e,r={},a){const n=t.ref(r),i=t.ref(e),{motionProperties:o}=de(i),{variant:s,state:l}=ye(n),u={target:i,variant:s,variants:n,state:l,motionProperties:o,...b(o,n)};return O(u,a),u}const be=["initial","enter","leave","visible","hovered","tapped","focused","delay"],he=e=>{const a=(a,i,o)=>{const s=t.ref(e||{});((e,t)=>{const a=e.props?e.props:e.data&&e.data.attrs?e.data.attrs:{};a&&(a.variants&&r.isObject(a.variants)&&(t.value={...t.value,...a.variants}),be.forEach((e=>{if("delay"!==e)a&&a[e]&&r.isObject(a[e])&&(t.value[e]=a[e]);else if(a&&a[e]&&r.isNumber(a[e])){const r=a[e];t&&t.value&&(t.value.enter&&(t.value.enter.transition||(t.value.enter.transition={}),t.value.enter.transition={...t.value.enter.transition,delay:r}),t.value.visible&&(t.value.visible.transition||(t.value.visible.transition={}),t.value.visible.transition={...t.value.visible.transition,delay:r}))}})))})(o,s);const l=me(a,s);i.value&&(n[i.value]=l)},i=(e,t,r)=>{t.value&&n[t.value]&&delete n[t.value]};return{created:a,unmounted:i,bind:a,unbind:i}},ge={initial:{opacity:0},enter:{opacity:1}},Oe={initial:{opacity:0},visible:{opacity:1}},we={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},xe={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},ke={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},Le={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},je={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},Ve={initial:{x:100,rotate:-90,opacity:0},visible:{x:0,rotate:0,opacity:1}},Ie={initial:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Te={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Ee={initial:{y:100,rotate:90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Re={initial:{y:100,rotate:90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Ce={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},Ae={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},Be={initial:{x:100,opacity:0},enter:{x:0,opacity:1}},Me={initial:{x:100,opacity:0},visible:{x:0,opacity:1}},Pe={initial:{y:-100,opacity:0},enter:{y:0,opacity:1}},ze={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},Ze={initial:{y:100,opacity:0},enter:{y:0,opacity:1}},We={initial:{y:100,opacity:0},visible:{y:0,opacity:1}};var Xe=Object.freeze({__proto__:null,fade:ge,fadeVisible:Oe,pop:we,popVisible:xe,rollBottom:Ee,rollLeft:ke,rollRight:je,rollTop:Ie,rollVisibleBottom:Re,rollVisibleLeft:Le,rollVisibleRight:Ve,rollVisibleTop:Te,slideBottom:Ze,slideLeft:Ce,slideRight:Be,slideTop:Pe,slideVisibleBottom:We,slideVisibleLeft:Ae,slideVisibleRight:Me,slideVisibleTop:ze});function Ye(e){const t="àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;",r=new RegExp(t.split("").join("|"),"g");return e.toString().replace(/[A-Z]/g,(e=>"-"+e)).toLowerCase().replace(/\s+/g,"-").replace(r,(e=>"aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------".charAt(t.indexOf(e)))).replace(/&/g,"-and-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}const $e={install(e,t){if(e.directive("motion",he()),!t||t&&!t.excludePresets)for(const t in Xe){const r=Xe[t];e.directive(`motion-${Ye(t)}`,he(r))}if(t&&t.directives)for(const r in t.directives){const a=t.directives[r];0,e.directive(`motion-${r}`,he(a))}}};return e.MotionDirective=he,e.MotionPlugin=$e,e.fade=ge,e.fadeVisible=Oe,e.pop=we,e.popVisible=xe,e.reactiveStyle=ie,e.reactiveTransform=le,e.rollBottom=Ee,e.rollLeft=ke,e.rollRight=je,e.rollTop=Ie,e.rollVisibleBottom=Re,e.rollVisibleLeft=Le,e.rollVisibleRight=Ve,e.rollVisibleTop=Te,e.slideBottom=Ze,e.slideLeft=Ce,e.slideRight=Be,e.slideTop=Pe,e.slideVisibleBottom=We,e.slideVisibleLeft=Ae,e.slideVisibleRight=Me,e.slideVisibleTop=ze,e.slugify=Ye,e.useElementStyle=oe,e.useElementTransform=ue,e.useMotion=me,e.useMotionControls=b,e.useMotionProperties=de,e.useMotionTransitions=m,e.useMotionVariants=ye,e.useMotions=function(){return n},Object.defineProperty(e,"__esModule",{value:!0}),e}({},VueDemi,VueUse,popmotion);

package.json

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

No alert changes

Worsened metrics

Total package byte prevSize

508378

decreased by-0.03%

No dependency changes