@vueuse/motion - npm Package Compare versions

Comparing version 1.0.0-beta.4 to 1.0.0-beta.5

dist/index.global.prod.js

@@ -6,3 +6,3 @@ /*!
   */
-var VueuseMotion=function(t,e,r,n){"use strict";const a=e.createGlobalState((()=>({})))(),o=()=>({type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}),s=t=>({type:"spring",stiffness:550,damping:0===t?100:30,restDelta:.01,restSpeed:10}),u=()=>({type:"keyframes",ease:"linear",duration:.3}),i=t=>({type:"keyframes",duration:.8,values:t}),l={x:o,y:o,z:o,rotate:o,rotateX:o,rotateY:o,rotateZ:o,scaleX:s,scaleY:s,scale:s,backgroundColor:u,color:u,opacity:s,default:s},c=(t,e)=>{let r;return r=Array.isArray(e)?i:l[t]||l.default,{to:e,...r(e)}},f={linear:n.linear,easeIn:n.easeIn,easeInOut:n.easeInOut,easeOut:n.easeOut,circIn:n.circIn,circInOut:n.circInOut,circOut:n.circOut,backIn:n.backIn,backInOut:n.backInOut,backOut:n.backOut,anticipate:n.anticipate,bounceIn:n.bounceIn,bounceInOut:n.bounceInOut,bounceOut:n.bounceOut},p=t=>{if(Array.isArray(t)){const[e,r,a,o]=t;return n.cubicBezier(e,r,a,o)}return"string"==typeof t?f[t]:t};function v({ease:t,times:e,delay:r,...n}){const a={...n};return e&&(a.offset=e),t&&(a.ease=(t=>Array.isArray(t)&&"number"!=typeof t[0])(t)?t.map(p):p(t)),r&&(a.elapsed=-r),a}function d(t,e,r){return Array.isArray(e.to)&&(t.duration??=.8),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:n,from:a,...o}){return!!Object.keys(o).length}(t)||(t={...t,...c(r,e.to)}),{...e,...v(t)}}const{isArray:m}=Array;function h(){const t=r.ref({});return{transitions:t,stop:e=>{const{value:r}=t;e?m(e)?e.forEach((t=>{r[t]&&r[t]()})):r[e]&&r[e]():Object.values(r).forEach((t=>t()))},push:(e,r,a,o)=>{t.value[e]&&t.value[e]();const s=function(t,e,r,a,o){const s=function(t,e){return t[e]||t.default||t}(a,t);return void 0!==o?function(){const a={from:o,to:e,onUpdate:e=>{r[t]=e,s.onUpdate&&s.onUpdate(e)}},u=d(s,a,t);return n.animate(u)}:function(){return r[t]=e,{stop:()=>{}}}}(e,r,a,o,a[e]),{stop:u}=s();t.value[e]=()=>{u(),delete t.value[e]}}}}function b(t,{push:e,stop:r}=h()){return{apply:r=>{if(0===Object.keys(r).length)return;const{transition:n}=r;for(const a in r){if("transition"===a)continue;const o=r[a];e(a,o,t,n||c(a,o))}},stopTransitions:r}}const y="undefined"!=typeof window;function g({target:t,state:n,variants:a,apply:o}){const s=r.ref(!1),u=r.ref(!1),i=r.ref(!1),l=r.computed((()=>{let t=[];return a.value.hovered&&(t=[...t,...Object.keys(a.value.hovered)]),a.value.tapped&&(t=[...t,...Object.keys(a.value.tapped)]),a.value.focused&&(t=[...t,...Object.keys(a.value.focused)]),t})),c=r.computed((()=>{const t={};Object.assign(t,n.value),s.value&&a.value.hovered&&Object.assign(t,a.value.hovered),u.value&&a.value.tapped&&Object.assign(t,a.value.tapped),i.value&&a.value.focused&&Object.assign(t,a.value.focused);for(const e in t)l.value.includes(e)||delete t[e];return t}));a.value.hovered&&(e.useEventListener(t.value,"mouseenter",(()=>{s.value=!0})),e.useEventListener(t.value,"mouseleave",(()=>{s.value=!1,u.value=!1})),e.useEventListener(t.value,"mouseout",(()=>{s.value=!1,u.value=!1}))),a.value.tapped&&(y&&null===window.onmousedown&&(e.useEventListener(t.value,"mousedown",(()=>{u.value=!0})),e.useEventListener(t.value,"mouseup",(()=>{u.value=!1}))),y&&null===window.onpointerdown&&(e.useEventListener(t.value,"pointerdown",(()=>{u.value=!0})),e.useEventListener(t.value,"pointerup",(()=>{u.value=!1}))),y&&null===window.ontouchstart&&(e.useEventListener(t.value,"touchstart",(()=>{u.value=!0})),e.useEventListener(t.value,"touchend",(()=>{u.value=!1})))),a.value.focused&&(e.useEventListener(t.value,"focus",(()=>{i.value=!0})),e.useEventListener(t.value,"blur",(()=>{i.value=!1}))),r.watch(c,(t=>{o(t)}))}function O(t,n={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){n.lifeCycleHooks&&function({target:t,variants:e,variant:n}){r.watch(t,(()=>{e.value?.enter&&(e.value.initial&&(n.value="initial"),r.nextTick((()=>n.value="enter")))}),{immediate:!0,flush:"pre"})}(t),n.syncVariants&&function({state:t,apply:e}){r.watch(t,(t=>{t&&e(t)}),{immediate:!0})}(t),n.visibilityHooks&&function({target:t,variants:r,variant:n}){const{stop:a}=e.useIntersectionObserver(t,(([{isIntersecting:t}])=>{r.value?.visible&&(n.value=t?"visible":"initial")}))}(t),n.eventListeners&&g(t)}
+var VueuseMotion=function(e,t,n,o){"use strict";const r=t.createGlobalState((()=>({})))(),s=()=>({type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}),i=e=>({type:"spring",stiffness:550,damping:0===e?100:30,restDelta:.01,restSpeed:10}),a=()=>({type:"keyframes",ease:"linear",duration:.3}),c=e=>({type:"keyframes",duration:.8,values:e}),l={x:s,y:s,z:s,rotate:s,rotateX:s,rotateY:s,rotateZ:s,scaleX:i,scaleY:i,scale:i,backgroundColor:a,color:a,opacity:i,default:i},u=(e,t)=>{let n;return n=Array.isArray(t)?c:l[e]||l.default,{to:t,...n(t)}},p={linear:o.linear,easeIn:o.easeIn,easeInOut:o.easeInOut,easeOut:o.easeOut,circIn:o.circIn,circInOut:o.circInOut,circOut:o.circOut,backIn:o.backIn,backInOut:o.backInOut,backOut:o.backOut,anticipate:o.anticipate,bounceIn:o.bounceIn,bounceInOut:o.bounceInOut,bounceOut:o.bounceOut},f=e=>{if(Array.isArray(e)){const[t,n,r,s]=e;return o.cubicBezier(t,n,r,s)}return"string"==typeof e?p[e]:e};function d({ease:e,times:t,delay:n,...o}){const r={...o};return t&&(r.offset=t),e&&(r.ease=(e=>Array.isArray(e)&&"number"!=typeof e[0])(e)?e.map(f):f(e)),n&&(r.elapsed=-n),r}function h(e,t,n){return Array.isArray(t.to)&&(e.duration??=.8),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:n,repeatDelay:o,from:r,...s}){return!!Object.keys(s).length}(e)||(e={...e,...u(n,t.to)}),{...t,...d(e)}}const{isArray:v}=Array;function y(){const e=n.ref({});return{transitions:e,stop:t=>{const{value:n}=e;t?v(t)?t.forEach((e=>{n[e]&&n[e]()})):n[t]&&n[t]():Object.values(n).forEach((e=>e()))},push:(t,n,r,s)=>{e.value[t]&&e.value[t]();const i=function(e,t,n,r,s){const i=function(e,t){return e[t]||e.default||e}(r,e);return void 0!==s?function(){const r={from:s,to:t,onUpdate:t=>{n[e]=t,i.onUpdate&&i.onUpdate(t)}},a=h(i,r,e);return o.animate(a)}:function(){return n[e]=t,{stop:()=>{}}}}(t,n,r,s,r[t]),{stop:a}=i();e.value[t]=()=>{a(),delete e.value[t]}}}}function g(e,{push:t,stop:n}=y()){return{apply:n=>{if(0===Object.keys(n).length)return;const{transition:o}=n;for(const r in n){if("transition"===r)continue;const s=n[r];t(r,s,e,o||u(r,s))}},set:t=>{Object.assign(e,t)},stopTransitions:n}}const m="undefined"!=typeof window;function b({target:e,state:o,variants:r,apply:s}){const i=n.ref(!1),a=n.ref(!1),c=n.ref(!1),l=n.computed((()=>{let e=[];return r.value.hovered&&(e=[...e,...Object.keys(r.value.hovered)]),r.value.tapped&&(e=[...e,...Object.keys(r.value.tapped)]),r.value.focused&&(e=[...e,...Object.keys(r.value.focused)]),e})),u=n.computed((()=>{const e={};Object.assign(e,o.value),i.value&&r.value.hovered&&Object.assign(e,r.value.hovered),a.value&&r.value.tapped&&Object.assign(e,r.value.tapped),c.value&&r.value.focused&&Object.assign(e,r.value.focused);for(const t in e)l.value.includes(t)||delete e[t];return e}));r.value.hovered&&(t.useEventListener(e.value,"mouseenter",(()=>{i.value=!0})),t.useEventListener(e.value,"mouseleave",(()=>{i.value=!1,a.value=!1})),t.useEventListener(e.value,"mouseout",(()=>{i.value=!1,a.value=!1}))),r.value.tapped&&(m&&null===window.onmousedown&&(t.useEventListener(e.value,"mousedown",(()=>{a.value=!0})),t.useEventListener(e.value,"mouseup",(()=>{a.value=!1}))),m&&null===window.onpointerdown&&(t.useEventListener(e.value,"pointerdown",(()=>{a.value=!0})),t.useEventListener(e.value,"pointerup",(()=>{a.value=!1}))),m&&null===window.ontouchstart&&(t.useEventListener(e.value,"touchstart",(()=>{a.value=!0})),t.useEventListener(e.value,"touchend",(()=>{a.value=!1})))),r.value.focused&&(t.useEventListener(e.value,"focus",(()=>{c.value=!0})),t.useEventListener(e.value,"blur",(()=>{c.value=!1}))),n.watch(u,(e=>{s(e)}))}function _(e,t){const n=Object.create(null),o=e.split(",");for(let e=0;e<o.length;e++)n[o[e]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}const w=_("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl");function E(e){if(I(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],r=E(M(o)?k(o):o);if(r)for(const e in r)t[e]=r[e]}return t}if(F(e))return e}const O=/;(?![^(]*\))/g,N=/:(.+)/;function k(e){const t={};return e.split(O).forEach((e=>{if(e){const n=e.split(N);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function V(e){let t="";if(M(e))t=e;else if(I(e))for(let n=0;n<e.length;n++)t+=V(e[n])+" ";else if(F(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const x="production"!==process.env.NODE_ENV?Object.freeze({}):{};"production"===process.env.NODE_ENV||Object.freeze([]);const R=()=>{},S=/^on[^a-z]/,j=e=>S.test(e),C=Object.assign,$=Object.prototype.hasOwnProperty,D=(e,t)=>$.call(e,t),I=Array.isArray,T=e=>"[object Map]"===z(e),A=e=>"function"==typeof e,M=e=>"string"==typeof e,P=e=>"symbol"==typeof e,F=e=>null!==e&&"object"==typeof e,L=Object.prototype.toString,z=e=>L.call(e),U=e=>z(e).slice(8,-1),B=e=>M(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,W=(e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))})((e=>e.charAt(0).toUpperCase()+e.slice(1))),H=(e,t)=>e!==t&&(e==e||t==t);let Z;const X=new WeakMap,Y=[];let J;const K=Symbol("production"!==process.env.NODE_ENV?"iterate":""),q=Symbol("production"!==process.env.NODE_ENV?"Map key iterate":"");function G(e,t=x){(function(e){return e&&!0===e._isEffect})(e)&&(e=e.raw);const n=function(e,t){const n=function(){if(!n.active)return t.scheduler?void 0:e();if(!Y.includes(n)){te(n);try{return oe.push(ne),ne=!0,Y.push(n),J=n,e()}finally{Y.pop(),se(),J=Y[Y.length-1]}}};return n.id=ee++,n.allowRecurse=!!t.allowRecurse,n._isEffect=!0,n.active=!0,n.raw=e,n.deps=[],n.options=t,n}(e,t);return t.lazy||n(),n}function Q(e){e.active&&(te(e),e.options.onStop&&e.options.onStop(),e.active=!1)}let ee=0;function te(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let ne=!0;const oe=[];function re(){oe.push(ne),ne=!1}function se(){const e=oe.pop();ne=void 0===e||e}function ie(e,t,n){if(!ne||void 0===J)return;let o=X.get(e);o||X.set(e,o=new Map);let r=o.get(n);r||o.set(n,r=new Set),r.has(J)||(r.add(J),J.deps.push(r),"production"!==process.env.NODE_ENV&&J.options.onTrack&&J.options.onTrack({effect:J,target:e,type:t,key:n}))}function ae(e,t,n,o,r,s){const i=X.get(e);if(!i)return;const a=new Set,c=e=>{e&&e.forEach((e=>{(e!==J||e.allowRecurse)&&a.add(e)}))};if("clear"===t)i.forEach(c);else if("length"===n&&I(e))i.forEach(((e,t)=>{("length"===t||t>=o)&&c(e)}));else switch(void 0!==n&&c(i.get(n)),t){case"add":I(e)?B(n)&&c(i.get("length")):(c(i.get(K)),T(e)&&c(i.get(q)));break;case"delete":I(e)||(c(i.get(K)),T(e)&&c(i.get(q)));break;case"set":T(e)&&c(i.get(K))}a.forEach((i=>{"production"!==process.env.NODE_ENV&&i.options.onTrigger&&i.options.onTrigger({effect:i,target:e,key:n,type:t,newValue:o,oldValue:r,oldTarget:s}),i.options.scheduler?i.options.scheduler(i):i()}))}const ce=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(P)),le=he(),ue=he(!1,!0),pe=he(!0),fe=he(!0,!0),de={};function he(e=!1,t=!1){return function(n,o,r){if("__v_isReactive"===o)return!e;if("__v_isReadonly"===o)return e;if("__v_raw"===o&&r===(e?ze:Le).get(n))return n;const s=I(n);if(!e&&s&&D(de,o))return Reflect.get(de,o,r);const i=Reflect.get(n,o,r);if(P(o)?ce.has(o):"__proto__"===o||"__v_isRef"===o)return i;if(e||ie(n,"get",o),t)return i;if(Ke(i)){return!s||!B(o)?i.value:i}return F(i)?e?Be(i):Ue(i):i}}["includes","indexOf","lastIndexOf"].forEach((e=>{const t=Array.prototype[e];de[e]=function(...e){const n=Je(this);for(let e=0,t=this.length;e<t;e++)ie(n,"get",e+"");const o=t.apply(n,e);return-1===o||!1===o?t.apply(n,e.map(Je)):o}})),["push","pop","shift","unshift","splice"].forEach((e=>{const t=Array.prototype[e];de[e]=function(...e){re();const n=t.apply(this,e);return se(),n}}));function ve(e=!1){return function(t,n,o,r){const s=t[n];if(!e&&(o=Je(o),!I(t)&&Ke(s)&&!Ke(o)))return s.value=o,!0;const i=I(t)&&B(n)?Number(n)<t.length:D(t,n),a=Reflect.set(t,n,o,r);return t===Je(r)&&(i?H(o,s)&&ae(t,"set",n,o,s):ae(t,"add",n,o)),a}}const ye={get:le,set:ve(),deleteProperty:function(e,t){const n=D(e,t),o=e[t],r=Reflect.deleteProperty(e,t);return r&&n&&ae(e,"delete",t,void 0,o),r},has:function(e,t){const n=Reflect.has(e,t);return P(t)&&ce.has(t)||ie(e,"has",t),n},ownKeys:function(e){return ie(e,"iterate",I(e)?"length":K),Reflect.ownKeys(e)}},ge={get:pe,set:(e,t)=>("production"!==process.env.NODE_ENV&&console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0),deleteProperty:(e,t)=>("production"!==process.env.NODE_ENV&&console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0)};C({},ye,{get:ue,set:ve(!0)});const me=C({},ge,{get:fe}),be=e=>F(e)?Ue(e):e,_e=e=>F(e)?Be(e):e,we=e=>e,Ee=e=>Reflect.getPrototypeOf(e);function Oe(e,t,n=!1,o=!1){const r=Je(e=e.__v_raw),s=Je(t);t!==s&&!n&&ie(r,"get",t),!n&&ie(r,"get",s);const{has:i}=Ee(r),a=n?_e:o?we:be;return i.call(r,t)?a(e.get(t)):i.call(r,s)?a(e.get(s)):void 0}function Ne(e,t=!1){const n=this.__v_raw,o=Je(n),r=Je(e);return e!==r&&!t&&ie(o,"has",e),!t&&ie(o,"has",r),e===r?n.has(e):n.has(e)||n.has(r)}function ke(e,t=!1){return e=e.__v_raw,!t&&ie(Je(e),"iterate",K),Reflect.get(e,"size",e)}function Ve(e){e=Je(e);const t=Je(this),n=Ee(t).has.call(t,e);return t.add(e),n||ae(t,"add",e,e),this}function xe(e,t){t=Je(t);const n=Je(this),{has:o,get:r}=Ee(n);let s=o.call(n,e);s?"production"!==process.env.NODE_ENV&&Fe(n,o,e):(e=Je(e),s=o.call(n,e));const i=r.call(n,e);return n.set(e,t),s?H(t,i)&&ae(n,"set",e,t,i):ae(n,"add",e,t),this}function Re(e){const t=Je(this),{has:n,get:o}=Ee(t);let r=n.call(t,e);r?"production"!==process.env.NODE_ENV&&Fe(t,n,e):(e=Je(e),r=n.call(t,e));const s=o?o.call(t,e):void 0,i=t.delete(e);return r&&ae(t,"delete",e,void 0,s),i}function Se(){const e=Je(this),t=0!==e.size,n="production"!==process.env.NODE_ENV?T(e)?new Map(e):new Set(e):void 0,o=e.clear();return t&&ae(e,"clear",void 0,void 0,n),o}function je(e,t){return function(n,o){const r=this,s=r.__v_raw,i=Je(s),a=e?_e:t?we:be;return!e&&ie(i,"iterate",K),s.forEach(((e,t)=>n.call(o,a(e),a(t),r)))}}function Ce(e,t,n){return function(...o){const r=this.__v_raw,s=Je(r),i=T(s),a="entries"===e||e===Symbol.iterator&&i,c="keys"===e&&i,l=r[e](...o),u=t?_e:n?we:be;return!t&&ie(s,"iterate",c?q:K),{next(){const{value:e,done:t}=l.next();return t?{value:e,done:t}:{value:a?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function $e(e){return function(...t){if("production"!==process.env.NODE_ENV){const n=t[0]?`on key "${t[0]}" `:"";console.warn(`${W(e)} operation ${n}failed: target is readonly.`,Je(this))}return"delete"!==e&&this}}const De={get(e){return Oe(this,e)},get size(){return ke(this)},has:Ne,add:Ve,set:xe,delete:Re,clear:Se,forEach:je(!1,!1)},Ie={get(e){return Oe(this,e,!1,!0)},get size(){return ke(this)},has:Ne,add:Ve,set:xe,delete:Re,clear:Se,forEach:je(!1,!0)},Te={get(e){return Oe(this,e,!0)},get size(){return ke(this,!0)},has(e){return Ne.call(this,e,!0)},add:$e("add"),set:$e("set"),delete:$e("delete"),clear:$e("clear"),forEach:je(!0,!1)};function Ae(e,t){const n=t?Ie:e?Te:De;return(t,o,r)=>"__v_isReactive"===o?!e:"__v_isReadonly"===o?e:"__v_raw"===o?t:Reflect.get(D(n,o)&&o in t?n:t,o,r)}["keys","values","entries",Symbol.iterator].forEach((e=>{De[e]=Ce(e,!1,!1),Te[e]=Ce(e,!0,!1),Ie[e]=Ce(e,!1,!0)}));const Me={get:Ae(!1,!1)},Pe={get:Ae(!0,!1)};function Fe(e,t,n){const o=Je(n);if(o!==n&&t.call(e,o)){const t=U(e);console.warn(`Reactive ${t} contains both the raw and reactive versions of the same object${"Map"===t?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}const Le=new WeakMap,ze=new WeakMap;function Ue(e){return e&&e.__v_isReadonly?e:He(e,!1,ye,Me)}function Be(e){return He(e,!0,ge,Pe)}function We(e){return He(e,!0,me,Pe)}function He(e,t,n,o){if(!F(e))return"production"!==process.env.NODE_ENV&&console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const r=t?ze:Le,s=r.get(e);if(s)return s;const i=(a=e).__v_skip||!Object.isExtensible(a)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}(U(a));var a;if(0===i)return e;const c=new Proxy(e,2===i?o:n);return r.set(e,c),c}function Ze(e){return Xe(e)?Ze(e.__v_raw):!(!e||!e.__v_isReactive)}function Xe(e){return!(!e||!e.__v_isReadonly)}function Ye(e){return Ze(e)||Xe(e)}function Je(e){return e&&Je(e.__v_raw)||e}function Ke(e){return Boolean(e&&!0===e.__v_isRef)}const qe=[];function Ge(e,...t){re();const n=qe.length?qe[qe.length-1].component:null,o=n&&n.appContext.config.warnHandler,r=function(){let e=qe[qe.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const o=e.component&&e.component.parent;e=o&&o.vnode}return t}();if(o)nt(o,n,11,[e+t.join(""),n&&n.proxy,r.map((({vnode:e})=>`at <${sn(n,e.type)}>`)).join("\n"),r]);else{const n=[`[Vue warn]: ${e}`,...t];r.length&&n.push("\n",...function(e){const t=[];return e.forEach(((e,n)=>{t.push(...0===n?[]:["\n"],...function({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",o=` at <${sn(e.component,e.type,!!e.component&&null==e.component.parent)}`,r=">"+n;return e.props?[o,...Qe(e.props),r]:[o+r]}(e))})),t}(r)),console.warn(...n)}se()}function Qe(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach((n=>{t.push(...et(n,e[n]))})),n.length>3&&t.push(" ..."),t}function et(e,t,n){return M(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):"number"==typeof t||"boolean"==typeof t||null==t?n?t:[`${e}=${t}`]:Ke(t)?(t=et(e,Je(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):A(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=Je(t),n?t:[`${e}=`,t])}const tt={bc:"beforeCreate hook",c:"created hook",bm:"beforeMount hook",m:"mounted hook",bu:"beforeUpdate hook",u:"updated",bum:"beforeUnmount hook",um:"unmounted hook",a:"activated hook",da:"deactivated hook",ec:"errorCaptured hook",rtc:"renderTracked hook",rtg:"renderTriggered hook",0:"setup function",1:"render function",2:"watcher getter",3:"watcher callback",4:"watcher cleanup function",5:"native event handler",6:"component event handler",7:"vnode hook",8:"directive hook",9:"transition hook",10:"app errorHandler",11:"app warnHandler",12:"ref function",13:"async component loader",14:"scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next"};function nt(e,t,n,o){let r;try{r=o?e(...o):e()}catch(e){rt(e,t,n)}return r}function ot(e,t,n,o){if(A(e)){const s=nt(e,t,n,o);return s&&(F(r=s)&&A(r.then)&&A(r.catch))&&s.catch((e=>{rt(e,t,n)})),s}var r;const s=[];for(let r=0;r<e.length;r++)s.push(ot(e[r],t,n,o));return s}function rt(e,t,n,o=!0){const r=t?t.vnode:null;if(t){let o=t.parent;const r=t.proxy,s="production"!==process.env.NODE_ENV?tt[n]:n;for(;o;){const t=o.ec;if(t)for(let n=0;n<t.length;n++)if(!1===t[n](e,r,s))return;o=o.parent}const i=t.appContext.config.errorHandler;if(i)return void nt(i,null,10,[e,r,s])}!function(e,t,n,o=!0){if("production"!==process.env.NODE_ENV){const r=tt[t];if(n&&qe.push(n),Ge("Unhandled error"+(r?` during execution of ${r}`:"")),n&&qe.pop(),o)throw e;console.error(e)}else console.error(e)}(e,n,r,o)}let st=!1,it=!1;const at=[];let ct=0;const lt=[];let ut=null,pt=0;const ft=[];let dt=null,ht=0;const vt=Promise.resolve();let yt=null,gt=null;function mt(e){const t=yt||vt;return e?t.then(this?e.bind(this):e):t}function bt(e){at.length&&at.includes(e,st&&e.allowRecurse?ct+1:ct)||e===gt||(at.push(e),_t())}function _t(){st||it||(it=!0,yt=vt.then(kt))}function wt(e,t,n,o){I(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?o+1:o)||n.push(e),_t()}function Et(e){wt(e,dt,ft,ht)}function Ot(e,t=null){if(lt.length){for(gt=t,ut=[...new Set(lt)],lt.length=0,"production"!==process.env.NODE_ENV&&(e=e||new Map),pt=0;pt<ut.length;pt++)"production"!==process.env.NODE_ENV&&Vt(e,ut[pt]),ut[pt]();ut=null,pt=0,gt=null,Ot(e,t)}}const Nt=e=>null==e.id?1/0:e.id;function kt(e){it=!1,st=!0,"production"!==process.env.NODE_ENV&&(e=e||new Map),Ot(e),at.sort(((e,t)=>Nt(e)-Nt(t)));try{for(ct=0;ct<at.length;ct++){const t=at[ct];t&&("production"!==process.env.NODE_ENV&&Vt(e,t),nt(t,null,14))}}finally{ct=0,at.length=0,function(e){if(ft.length){const t=[...new Set(ft)];if(ft.length=0,dt)return void dt.push(...t);for(dt=t,"production"!==process.env.NODE_ENV&&(e=e||new Map),dt.sort(((e,t)=>Nt(e)-Nt(t))),ht=0;ht<dt.length;ht++)"production"!==process.env.NODE_ENV&&Vt(e,dt[ht]),dt[ht]();dt=null,ht=0}}(e),st=!1,yt=null,(at.length||ft.length)&&kt(e)}}function Vt(e,t){if(e.has(t)){const n=e.get(t);if(n>100)throw new Error("Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.");e.set(t,n+1)}else e.set(t,1)}const xt=new Set;if("production"!==process.env.NODE_ENV){("undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{}).__VUE_HMR_RUNTIME__={createRecord:St((function(e,t){t||(Ge("HMR API usage is out of date.\nPlease upgrade vue-loader/vite/rollup-plugin-vue or other relevant depdendency that handles Vue SFC compilation."),t={});if(Rt.has(e))return!1;return Rt.set(e,{component:an(t)?t.__vccOpts:t,instances:new Set}),!0})),rerender:St((function(e,t){const n=Rt.get(e);if(!n)return;t&&(n.component.render=t);Array.from(n.instances).forEach((e=>{t&&(e.render=t),e.renderCache=[],e.update()}))})),reload:St((function(e,t){const n=Rt.get(e);if(!n)return;const{component:o,instances:r}=n;if(!xt.has(o)){t=an(t)?t.__vccOpts:t,C(o,t);for(const e in o)e in t||delete o[e];xt.add(o),Et((()=>{xt.delete(o)}))}Array.from(r).forEach((e=>{e.parent?bt(e.parent.update):e.appContext.reload?e.appContext.reload():"undefined"!=typeof window?window.location.reload():console.warn("[HMR] Root or manually mounted instance modified. Full reload required.")}))}))}}const Rt=new Map;function St(e){return(t,n)=>{try{return e(t,n)}catch(e){console.error(e),console.warn("[HMR] Something went wrong during Vue component hot-reload. Full reload required.")}}}let jt=null;function Ct(e){if(A(e)&&(e=e()),I(e)){const t=function(e){let t;for(let n=0;n<e.length;n++){const o=e[n];if(!Bt(o))return;if(o.type!==Ut||"v-if"===o.children){if(t)return;t=o}}return t}(e);"production"===process.env.NODE_ENV||t||Ge("<Suspense> slots expect a single root node."),e=t}return qt(e)}let $t=0;const Dt=e=>$t+=e;const It={};function Tt(e,t,{immediate:n,deep:o,flush:r,onTrack:s,onTrigger:i}=x,a=on){"production"===process.env.NODE_ENV||t||(void 0!==n&&Ge('watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.'),void 0!==o&&Ge('watch() "deep" option is only respected when using the watch(source, callback, options?) signature.'));const c=e=>{Ge("Invalid watch source: ",e,"A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.")};let l,u,p=!1;if(Ke(e)?(l=()=>e.value,p=!!e._shallow):Ze(e)?(l=()=>e,o=!0):I(e)?l=()=>e.map((e=>Ke(e)?e.value:Ze(e)?Mt(e):A(e)?nt(e,a,2):void("production"!==process.env.NODE_ENV&&c(e)))):A(e)?l=t?()=>nt(e,a,2):()=>{if(!a||!a.isUnmounted)return u&&u(),nt(e,a,3,[f])}:(l=R,"production"!==process.env.NODE_ENV&&c(e)),t&&o){const e=l;l=()=>Mt(e())}const f=e=>{u=y.options.onStop=()=>{nt(e,a,4)}};let d=I(e)?[]:It;const h=()=>{if(y.active)if(t){const e=y();(o||p||H(e,d))&&(u&&u(),ot(t,a,3,[e,d===It?void 0:d,f]),d=e)}else y()};let v;h.allowRecurse=!!t,v="sync"===r?h:"post"===r?()=>Pt(h,a&&a.suspense):()=>{!a||a.isMounted?function(e){wt(e,ut,lt,pt)}(h):h()};const y=G(l,{lazy:!0,onTrack:s,onTrigger:i,scheduler:v});return function(e,t=on){t&&(t.effects||(t.effects=[])).push(e)}(y,a),t?n?h():d=y():"post"===r?Pt(y,a&&a.suspense):y(),()=>{Q(y),a&&((e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)})(a.effects,y)}}function At(e,t,n){const o=this.proxy;return Tt(M(e)?()=>o[e]:e.bind(o),t.bind(o),n,this)}function Mt(e,t=new Set){if(!F(e)||t.has(e))return e;if(t.add(e),Ke(e))Mt(e.value,t);else if(I(e))for(let n=0;n<e.length;n++)Mt(e[n],t);else if("[object Set]"===z(e)||T(e))e.forEach((e=>{Mt(e,t)}));else for(const n in e)Mt(e[n],t);return e}const Pt=function(e,t){t&&t.pendingBranch?I(e)?t.effects.push(...e):t.effects.push(e):Et(e)},Ft=Symbol(),Lt=Symbol("production"!==process.env.NODE_ENV?"Fragment":void 0),zt=Symbol("production"!==process.env.NODE_ENV?"Text":void 0),Ut=Symbol("production"!==process.env.NODE_ENV?"Comment":void 0);Symbol("production"!==process.env.NODE_ENV?"Static":void 0);function Bt(e){return!!e&&!0===e.__v_isVNode}const Wt="__vInternal",Ht=({key:e})=>null!=e?e:null,Zt=({ref:e})=>null!=e?M(e)||Ke(e)||A(e)?{i:jt,r:e}:e:null,Xt="production"!==process.env.NODE_ENV?(...e)=>Yt(...e):Yt;function Yt(e,t=null,n=null,o=0,r=null,s=!1){if(e&&e!==Ft||("production"===process.env.NODE_ENV||e||Ge(`Invalid vnode type when creating vnode: ${e}.`),e=Ut),Bt(e)){const o=Jt(e,t,!0);return n&&Gt(o,n),o}if(an(e)&&(e=e.__vccOpts),t){(Ye(t)||Wt in t)&&(t=C({},t));let{class:e,style:n}=t;e&&!M(e)&&(t.class=V(e)),F(n)&&(Ye(n)&&!I(n)&&(n=C({},n)),t.style=E(n))}const i=M(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:F(e)?4:A(e)?2:0;"production"!==process.env.NODE_ENV&&4&i&&Ye(e)&&Ge("Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.","\nComponent that was made reactive: ",e=Je(e));const a={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Ht(t),ref:t&&Zt(t),scopeId:null,children:null,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null};if("production"!==process.env.NODE_ENV&&a.key!=a.key&&Ge("VNode created with invalid key (NaN). VNode type:",a.type),Gt(a,n),128&i){const{content:e,fallback:t}=function(e){const{shapeFlag:t,children:n}=e;let o,r;return 32&t?(o=Ct(n.default),r=Ct(n.fallback)):(o=Ct(n),r=qt(null)),{content:o,fallback:r}}(a);a.ssContent=e,a.ssFallback=t}return a}function Jt(e,t,n=!1){const{props:o,ref:r,patchFlag:s}=e,i=t?function(...e){const t=C({},e[0]);for(let n=1;n<e.length;n++){const o=e[n];for(const e in o)if("class"===e)t.class!==o.class&&(t.class=V([t.class,o.class]));else if("style"===e)t.style=E([t.style,o.style]);else if(j(e)){const n=t[e],r=o[e];n!==r&&(t[e]=n?[].concat(n,o[e]):r)}else""!==e&&(t[e]=o[e])}return t}(o||{},t):o;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:i,key:i&&Ht(i),ref:t&&t.ref?n&&r?I(r)?r.concat(Zt(t)):[r,Zt(t)]:Zt(t):r,scopeId:e.scopeId,children:e.children,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Lt?-1===s?16:16|s:s,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Jt(e.ssContent),ssFallback:e.ssFallback&&Jt(e.ssFallback),el:e.el,anchor:e.anchor}}function Kt(e=" ",t=0){return Xt(zt,null,e,t)}function qt(e){return null==e||"boolean"==typeof e?Xt(Ut):I(e)?Xt(Lt,null,e):"object"==typeof e?null===e.el?e:Jt(e):Xt(zt,null,String(e))}function Gt(e,t){let n=0;const{shapeFlag:o}=e;if(null==t)t=null;else if(I(t))n=16;else if("object"==typeof t){if(1&o||64&o){const n=t.default;return void(n&&(n._c&&Dt(1),Gt(e,n()),n._c&&Dt(-1)))}{n=32;const e=t._;e||Wt in t||(t._ctx=jt)}}else A(t)?(t={default:t,_ctx:jt},n=32):(t=String(t),64&o?(n=16,t=[Kt(t)]):n=8);e.children=t,e.shapeFlag|=n}function Qt(e,t,n){const o=n.appContext.config.optionMergeStrategies,{mixins:r,extends:s}=t;s&&Qt(e,s,n),r&&r.forEach((t=>Qt(e,t,n)));for(const r in t)e[r]=o&&D(o,r)?o[r](e[r],t[r],n.proxy,r):t[r]}const en=e=>e&&(e.proxy?e.proxy:en(e.parent)),tn=C(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>"production"!==process.env.NODE_ENV?We(e.props):e.props,$attrs:e=>"production"!==process.env.NODE_ENV?We(e.attrs):e.attrs,$slots:e=>"production"!==process.env.NODE_ENV?We(e.slots):e.slots,$refs:e=>"production"!==process.env.NODE_ENV?We(e.refs):e.refs,$parent:e=>en(e.parent),$root:e=>e.root&&e.root.proxy,$emit:e=>e.emit,$options:e=>__VUE_OPTIONS_API__?function(e){const t=e.type,{__merged:n,mixins:o,extends:r}=t;if(n)return n;const s=e.appContext.mixins;if(!s.length&&!o&&!r)return t;const i={};return s.forEach((t=>Qt(i,t,e))),Qt(i,t,e),t.__merged=i}(e):e.type,$forceUpdate:e=>()=>bt(e.update),$nextTick:e=>mt.bind(e.proxy),$watch:e=>__VUE_OPTIONS_API__?At.bind(e):R}),nn={get({_:e},t){const{ctx:n,setupState:o,data:r,props:s,accessCache:i,type:a,appContext:c}=e;if("__v_skip"===t)return!0;if("production"!==process.env.NODE_ENV&&"__isVue"===t)return!0;let l;if("$"!==t[0]){const a=i[t];if(void 0!==a)switch(a){case 0:return o[t];case 1:return r[t];case 3:return n[t];case 2:return s[t]}else{if(o!==x&&D(o,t))return i[t]=0,o[t];if(r!==x&&D(r,t))return i[t]=1,r[t];if((l=e.propsOptions[0])&&D(l,t))return i[t]=2,s[t];if(n!==x&&D(n,t))return i[t]=3,n[t];__VUE_OPTIONS_API__,i[t]=4}}const u=tn[t];let p,f;return u?("$attrs"===t&&(ie(e,"get",t),process),u(e)):(p=a.__cssModules)&&(p=p[t])?p:n!==x&&D(n,t)?(i[t]=3,n[t]):(f=c.config.globalProperties,D(f,t)?f[t]:void process)},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;if(r!==x&&D(r,t))r[t]=n;else if(o!==x&&D(o,t))o[t]=n;else if(t in e.props)return"production"!==process.env.NODE_ENV&&Ge(`Attempting to mutate prop "${t}". Props are readonly.`,e),!1;return"$"===t[0]&&t.slice(1)in e?("production"!==process.env.NODE_ENV&&Ge(`Attempting to mutate public property "${t}". Properties starting with $ are reserved and readonly.`,e),!1):("production"!==process.env.NODE_ENV&&t in e.appContext.config.globalProperties?Object.defineProperty(s,t,{enumerable:!0,configurable:!0,value:n}):s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:s}},i){let a;return void 0!==n[i]||e!==x&&D(e,i)||t!==x&&D(t,i)||(a=s[0])&&D(a,i)||D(o,i)||D(tn,i)||D(r.config.globalProperties,i)}};"production"!==process.env.NODE_ENV&&(nn.ownKeys=e=>(Ge("Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead."),Reflect.ownKeys(e))),C({},nn,{get(e,t){if(t!==Symbol.unscopables)return nn.get(e,t,e)},has(e,t){const n="_"!==t[0]&&!w(t);return"production"!==process.env.NODE_ENV&&!n&&nn.has(e,t)&&Ge(`Property ${JSON.stringify(t)} should not start with _ which is a reserved prefix for Vue internals.`),n}});let on=null;const rn=/(?:^|[-_])(\w)/g;function sn(e,t,n=!1){let o=function(e){return A(e)&&e.displayName||e.name}(t);if(!o&&t.__file){const e=t.__file.match(/([^/\\]+)\.\w+$/);e&&(o=e[1])}if(!o&&e&&e.parent){const n=e=>{for(const n in e)if(e[n]===t)return n};o=n(e.components||e.parent.type.components)||n(e.appContext.components)}return o?o.replace(rn,(e=>e.toUpperCase())).replace(/[-_]/g,""):n?"App":"Anonymous"}function an(e){return A(e)&&"__vccOpts"in e}function cn({target:e,variants:n,variant:o}){let r=t.noop;const s=(i=e,a=s=>{s&&(r=t.useIntersectionObserver(e,(([{isIntersecting:e}])=>{n.value?.visible&&(o.value=e?"visible":"initial")})).stop)},c={immediate:!0},"production"===process.env.NODE_ENV||A(a)||Ge("`watch(fn, options?)` signature has been moved to a separate API. Use `watchEffect(fn, options?)` instead. `watch` now only supports `watch(source, cb, options?) signature."),Tt(i,a,c));var i,a,c;return{stop:()=>{r(),s()}}}function ln(e,t={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){t.lifeCycleHooks&&function({target:e,variants:t,variant:o}){n.watch(e,(()=>{t.value?.enter&&(t.value.initial&&(o.value="initial"),n.nextTick((()=>o.value="enter")))}),{immediate:!0,flush:"pre"})}(e),t.syncVariants&&function({state:e,apply:t}){n.watch(e,(e=>{e&&t(e)}),{immediate:!0})}(e),t.visibilityHooks&&cn(e),t.eventListeners&&b(e)}
 /*! *****************************************************************************
@@ -21,2 +21,2 @@ Copyright (c) Microsoft Corporation.
   PERFORMANCE OF THIS SOFTWARE.
-  ***************************************************************************** */var w=function(){return(w=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t}).apply(this,arguments)},k=function(t,e){return function(r){return Math.max(Math.min(r,e),t)}},I=function(t){return t%1?Number(t.toFixed(5)):t},j=/(-)?([\d]*\.?[\d])+/g,L=/(#[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,E=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function A(t){return"string"==typeof t}var M={test:function(t){return"number"==typeof t},parse:parseFloat,transform:function(t){return t}},C=w(w({},M),{transform:k(0,1)}),T=w(w({},M),{default:1}),x=function(t){return{test:function(e){return A(e)&&e.endsWith(t)&&1===e.split(" ").length},parse:parseFloat,transform:function(e){return""+e+t}}},R=x("deg"),P=x("%"),z=x("px"),W=w(w({},P),{parse:function(t){return P.parse(t)/100},transform:function(t){return P.transform(100*t)}}),X=function(t,e){return function(r){return A(r)&&E.test(r)&&r.startsWith(t)||e&&r.hasOwnProperty(e)}},Y=function(t,e,r){return function(n){var a;if(!A(n))return n;var o=n.match(j),s=o[1],u=o[2],i=o[3];return(a={})[t]=parseFloat(o[0]),a[e]=parseFloat(s),a[r]=parseFloat(u),a.alpha=void 0!==i?parseFloat(i):1,a}},Z={test:X("hsl","hue"),parse:Y("hue","saturation","lightness"),transform:function(t){var e=t.saturation,r=t.lightness,n=t.alpha,a=void 0===n?1:n;return"hsla("+Math.round(t.hue)+", "+P.transform(I(e))+", "+P.transform(I(r))+", "+I(C.transform(a))+")"}},F=k(0,255),B=w(w({},M),{transform:function(t){return Math.round(F(t))}}),S={test:X("rgb","red"),parse:Y("red","green","blue"),transform:function(t){var e=t.green,r=t.blue,n=t.alpha,a=void 0===n?1:n;return"rgba("+B.transform(t.red)+", "+B.transform(e)+", "+B.transform(r)+", "+I(C.transform(a))+")"}};var V={test:X("#"),parse:function(t){var e="",r="",n="",a="";return t.length>5?(e=t.substr(1,2),r=t.substr(3,2),n=t.substr(5,2),a=t.substr(7,2)):(e=t.substr(1,1),r=t.substr(2,1),n=t.substr(3,1),a=t.substr(4,1),e+=e,r+=r,n+=n,a+=a),{red:parseInt(e,16),green:parseInt(r,16),blue:parseInt(n,16),alpha:a?parseInt(a,16)/255:1}},transform:S.transform},$={test:function(t){return S.test(t)||V.test(t)||Z.test(t)},parse:function(t){return S.test(t)?S.parse(t):Z.test(t)?Z.parse(t):V.parse(t)},transform:function(t){return A(t)?t:t.hasOwnProperty("red")?S.transform(t):Z.transform(t)}},H="${c}",N="${n}";function D(t){var e=[],r=0,n=t.match(L);n&&(r=n.length,t=t.replace(L,H),e.push.apply(e,n.map($.parse)));var a=t.match(j);return a&&(t=t.replace(j,N),e.push.apply(e,a.map(M.parse))),{values:e,numColors:r,tokenised:t}}function U(t){return D(t).values}function _(t){var e=D(t),r=e.numColors,n=e.tokenised,a=e.values.length;return function(t){for(var e=n,o=0;o<a;o++)e=e.replace(o<r?H:N,o<r?$.transform(t[o]):I(t[o]));return e}}var G=function(t){return"number"==typeof t?0:t};var q={test:function(t){var e,r,n,a;return isNaN(t)&&A(t)&&(null!==(r=null===(e=t.match(j))||void 0===e?void 0:e.length)&&void 0!==r?r:0)+(null!==(a=null===(n=t.match(L))||void 0===n?void 0:n.length)&&void 0!==a?a:0)>0},parse:U,createTransformer:_,getAnimatableNone:function(t){var e=U(t);return _(t)(e.map(G))}},J=new Set(["brightness","contrast","saturate","opacity"]);function K(t){var e=t.slice(0,-1).split("("),r=e[0],n=e[1];if("drop-shadow"===r)return t;var a=(n.match(j)||[])[0];if(!a)return t;var o=n.replace(a,""),s=J.has(r)?1:0;return a!==n&&(s*=100),r+"("+s+o+")"}var Q=/([a-z-]*)\(.*?\)/g,tt=w(w({},q),{getAnimatableNone:function(t){var e=t.match(Q);return e?e.map(K).join(" "):t}});const et={...M,transform:Math.round},rt={color:$,backgroundColor:$,outlineColor:$,fill:$,stroke:$,borderColor:$,borderTopColor:$,borderRightColor:$,borderBottomColor:$,borderLeftColor:$,borderWidth:z,borderTopWidth:z,borderRightWidth:z,borderBottomWidth:z,borderLeftWidth:z,borderRadius:z,radius:z,borderTopLeftRadius:z,borderTopRightRadius:z,borderBottomRightRadius:z,borderBottomLeftRadius:z,width:z,maxWidth:z,height:z,maxHeight:z,size:z,top:z,right:z,bottom:z,left:z,padding:z,paddingTop:z,paddingRight:z,paddingBottom:z,paddingLeft:z,margin:z,marginTop:z,marginRight:z,marginBottom:z,marginLeft:z,rotate:R,rotateX:R,rotateY:R,rotateZ:R,scale:T,scaleX:T,scaleY:T,scaleZ:T,skew:R,skewX:R,skewY:R,distance:z,translateX:z,translateY:z,translateZ:z,x:z,y:z,z:z,perspective:z,transformPerspective:z,opacity:C,originX:W,originY:W,originZ:z,zIndex:et,filter:tt,WebkitFilter:tt,fillOpacity:C,strokeOpacity:C,numOctaves:et},nt=t=>rt[t],at=(t,e)=>e&&"number"==typeof t&&e.transform?e.transform(t):t;function ot(t={}){const e=r.reactive({...t}),n=r.computed((()=>{const t={};for(const[r,n]of Object.entries(e)){const e=nt(r),a=at(n,e);t[r]=a}return t}));return{state:e,style:n}}function st(t){const e=r.ref(t);let n;const{state:a,style:o}=ot(),s=r.watch(e,(t=>{if(t){for(const e of Object.keys(rt))null!=t.style[e]&&""!==t.style[e]&&(a[e]=t.style[e]);n&&Object.assign(t.style,n)}})),u=r.watch(o,(t=>{e.value?.style?Object.assign(e.value.style,t):n=t}),{immediate:!0});return{style:a,stop:()=>{s(),u()}}}const ut={x:"translateX",y:"translateY",z:"translateZ"};function it(t={},e=!0){const n=r.reactive({...t}),a=r.computed((()=>{let t="",r=!1;for(const[e,a]of Object.entries(n)){const n=nt(e),o=at(a,n);t+=`${ut[e]||e}(${o}) `,"z"!==e&&"translateZ"!==e||(r=!0)}return!r&&e?t+="translateZ(0)":t=t.trim(),t}));return{state:n,transform:a}}function lt(t){const e=r.ref(t);let n;const{state:a,transform:o}=it(),s=r.watch(e,(t=>{t&&n&&(t.style.transform=n)})),u=r.watch(o,(t=>{e.value?.style?e.value.style.transform=t:n=t}),{immediate:!0});return{transform:a,stop:()=>{s(),u()}}}const ct=["","X","Y","Z"],ft=["transformPerspective","x","y","z"];["perspective","translate","scale","rotate","skew"].forEach((t=>{ct.forEach((e=>{ft.push(t+e)}))}));const pt=new Set(ft);function vt(t){return pt.has(t)}function dt(t){const e=r.ref(t),{style:n}=st(e),{transform:a}=lt(e),o=r.reactive({});return r.watch(o,(t=>{for(const e in t){const r=vt(e)?a:n;r[e]&&r[e]===t[e]||(r[e]=t[e])}}),{immediate:!0,deep:!0}),{motionProperties:o,style:n,transform:a}}function mt(t={}){const e=r.ref(t),n=r.ref();return{state:r.computed((()=>{if(n.value)return e.value[n.value]})),variant:n}}function ht(t,e={},n){const a=r.ref(e),o=r.ref(t),{motionProperties:s}=dt(o),{variant:u,state:i}=mt(a),l={target:o,variant:u,variants:a,state:i,...b(s)};return O(l,n),l}const bt=["initial","enter","leave","visible","hovered","tapped","focused"],yt=t=>({created(n,o,s){const u=r.ref(t||{});s&&s.props&&(s.props.variants&&e.isObject(s.props.variants)&&(u.value={...u.value,...s.props.variants}),bt.forEach((t=>{s.props&&s.props[t]&&e.isObject(s.props[t])&&(u.value[t]=s.props[t])})));const i=ht(n,u);o.value&&(a[o.value]=i)}});return t.MotionPlugin={install(t,e){t.directive("motion",yt());for(const r in e){const n=e[r];0,t.directive(`motion-${r}`,yt(n))}}},t.reactiveStyle=ot,t.reactiveTransform=it,t.useElementStyle=st,t.useElementTransform=lt,t.useMotion=ht,t.useMotionControls=b,t.useMotionProperties=dt,t.useMotionTransitions=h,t.useMotionVariants=mt,t.useMotions=function(){return a},Object.defineProperty(t,"__esModule",{value:!0}),t}({},VueUse,VueDemi,popmotion);
+  ***************************************************************************** */Symbol("production"!==process.env.NODE_ENV?"ssrContext":""),"production"!==process.env.NODE_ENV&&function(){const e=Z||(Z="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{});e.__VUE__=!0,function(){if("production"===process.env.NODE_ENV||"undefined"==typeof window)return;const e={style:"color:#3ba776"},t={style:"color:#0b1bc9"},n={style:"color:#b62e24"},o={style:"color:#9d288c"},r={header:t=>F(t)?t.__isVue?["div",e,"VueInstance"]:Ke(t)?["div",{},["span",e,u(t)],"<",a(t.value),">"]:Ze(t)?["div",{},["span",e,"Reactive"],"<",a(t),">"+(Xe(t)?" (readonly)":"")]:Xe(t)?["div",{},["span",e,"Readonly"],"<",a(t),">"]:null:null,hasBody:e=>e&&e.__isVue,body(e){if(e&&e.__isVue)return["div",{},...s(e.$)]}};function s(e){const t=[];e.type.props&&e.props&&t.push(i("props",Je(e.props))),e.setupState!==x&&t.push(i("setup",e.setupState)),e.data!==x&&t.push(i("data",Je(e.data)));const n=c(e,"computed");n&&t.push(i("computed",n));const r=c(e,"inject");return r&&t.push(i("injected",r)),t.push(["div",{},["span",{style:o.style+";opacity:0.66"},"$ (internal): "],["object",{object:e}]]),t}function i(e,t){return t=C({},t),Object.keys(t).length?["div",{style:"line-height:1.25em;margin-bottom:0.6em"},["div",{style:"color:#476582"},e],["div",{style:"padding-left:1.25em"},...Object.keys(t).map((e=>["div",{},["span",o,e+": "],a(t[e],!1)]))]]:["span",{}]}function a(e,r=!0){return"number"==typeof e?["span",t,e]:"string"==typeof e?["span",n,JSON.stringify(e)]:"boolean"==typeof e?["span",o,e]:F(e)?["object",{object:r?Je(e):e}]:["span",n,String(e)]}function c(e,t){const n=e.type;if(A(n))return;const o={};for(const r in e.ctx)l(n,r,t)&&(o[r]=e.ctx[r]);return o}function l(e,t,n){const o=e[n];return!!(I(o)&&o.includes(t)||F(o)&&t in o)||!(!e.extends||!l(e.extends,t,n))||!(!e.mixins||!e.mixins.some((e=>l(e,t,n))))||void 0}function u(e){return e._shallow?"ShallowRef":e.effect?"ComputedRef":"Ref"}window.devtoolsFormatters?window.devtoolsFormatters.push(r):window.devtoolsFormatters=[r]}()}();var un=function(){return(un=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},pn=function(e,t){return function(n){return Math.max(Math.min(n,t),e)}},fn=function(e){return e%1?Number(e.toFixed(5)):e},dn=/(-)?([\d]*\.?[\d])+/g,hn=/(#[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,vn=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function yn(e){return"string"==typeof e}var gn={test:function(e){return"number"==typeof e},parse:parseFloat,transform:function(e){return e}},mn=un(un({},gn),{transform:pn(0,1)}),bn=un(un({},gn),{default:1}),_n=function(e){return{test:function(t){return yn(t)&&t.endsWith(e)&&1===t.split(" ").length},parse:parseFloat,transform:function(t){return""+t+e}}},wn=_n("deg"),En=_n("%"),On=_n("px"),Nn=un(un({},En),{parse:function(e){return En.parse(e)/100},transform:function(e){return En.transform(100*e)}}),kn=function(e,t){return function(n){return yn(n)&&vn.test(n)&&n.startsWith(e)||t&&n.hasOwnProperty(t)}},Vn=function(e,t,n){return function(o){var r;if(!yn(o))return o;var s=o.match(dn),i=s[1],a=s[2],c=s[3];return(r={})[e]=parseFloat(s[0]),r[t]=parseFloat(i),r[n]=parseFloat(a),r.alpha=void 0!==c?parseFloat(c):1,r}},xn={test:kn("hsl","hue"),parse:Vn("hue","saturation","lightness"),transform:function(e){var t=e.saturation,n=e.lightness,o=e.alpha,r=void 0===o?1:o;return"hsla("+Math.round(e.hue)+", "+En.transform(fn(t))+", "+En.transform(fn(n))+", "+fn(mn.transform(r))+")"}},Rn=pn(0,255),Sn=un(un({},gn),{transform:function(e){return Math.round(Rn(e))}}),jn={test:kn("rgb","red"),parse:Vn("red","green","blue"),transform:function(e){var t=e.green,n=e.blue,o=e.alpha,r=void 0===o?1:o;return"rgba("+Sn.transform(e.red)+", "+Sn.transform(t)+", "+Sn.transform(n)+", "+fn(mn.transform(r))+")"}};var Cn={test:kn("#"),parse:function(e){var t="",n="",o="",r="";return e.length>5?(t=e.substr(1,2),n=e.substr(3,2),o=e.substr(5,2),r=e.substr(7,2)):(t=e.substr(1,1),n=e.substr(2,1),o=e.substr(3,1),r=e.substr(4,1),t+=t,n+=n,o+=o,r+=r),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(o,16),alpha:r?parseInt(r,16)/255:1}},transform:jn.transform},$n={test:function(e){return jn.test(e)||Cn.test(e)||xn.test(e)},parse:function(e){return jn.test(e)?jn.parse(e):xn.test(e)?xn.parse(e):Cn.parse(e)},transform:function(e){return yn(e)?e:e.hasOwnProperty("red")?jn.transform(e):xn.transform(e)}},Dn="${c}",In="${n}";function Tn(e){var t=[],n=0,o=e.match(hn);o&&(n=o.length,e=e.replace(hn,Dn),t.push.apply(t,o.map($n.parse)));var r=e.match(dn);return r&&(e=e.replace(dn,In),t.push.apply(t,r.map(gn.parse))),{values:t,numColors:n,tokenised:e}}function An(e){return Tn(e).values}function Mn(e){var t=Tn(e),n=t.numColors,o=t.tokenised,r=t.values.length;return function(e){for(var t=o,s=0;s<r;s++)t=t.replace(s<n?Dn:In,s<n?$n.transform(e[s]):fn(e[s]));return t}}var Pn=function(e){return"number"==typeof e?0:e};var Fn={test:function(e){var t,n,o,r;return isNaN(e)&&yn(e)&&(null!==(n=null===(t=e.match(dn))||void 0===t?void 0:t.length)&&void 0!==n?n:0)+(null!==(r=null===(o=e.match(hn))||void 0===o?void 0:o.length)&&void 0!==r?r:0)>0},parse:An,createTransformer:Mn,getAnimatableNone:function(e){var t=An(e);return Mn(e)(t.map(Pn))}},Ln=new Set(["brightness","contrast","saturate","opacity"]);function zn(e){var t=e.slice(0,-1).split("("),n=t[0],o=t[1];if("drop-shadow"===n)return e;var r=(o.match(dn)||[])[0];if(!r)return e;var s=o.replace(r,""),i=Ln.has(n)?1:0;return r!==o&&(i*=100),n+"("+i+s+")"}var Un=/([a-z-]*)\(.*?\)/g,Bn=un(un({},Fn),{getAnimatableNone:function(e){var t=e.match(Un);return t?t.map(zn).join(" "):e}});const Wn={...gn,transform:Math.round},Hn={color:$n,backgroundColor:$n,outlineColor:$n,fill:$n,stroke:$n,borderColor:$n,borderTopColor:$n,borderRightColor:$n,borderBottomColor:$n,borderLeftColor:$n,borderWidth:On,borderTopWidth:On,borderRightWidth:On,borderBottomWidth:On,borderLeftWidth:On,borderRadius:On,radius:On,borderTopLeftRadius:On,borderTopRightRadius:On,borderBottomRightRadius:On,borderBottomLeftRadius:On,width:On,maxWidth:On,height:On,maxHeight:On,size:On,top:On,right:On,bottom:On,left:On,padding:On,paddingTop:On,paddingRight:On,paddingBottom:On,paddingLeft:On,margin:On,marginTop:On,marginRight:On,marginBottom:On,marginLeft:On,rotate:wn,rotateX:wn,rotateY:wn,rotateZ:wn,scale:bn,scaleX:bn,scaleY:bn,scaleZ:bn,skew:wn,skewX:wn,skewY:wn,distance:On,translateX:On,translateY:On,translateZ:On,x:On,y:On,z:On,perspective:On,transformPerspective:On,opacity:mn,originX:Nn,originY:Nn,originZ:On,zIndex:Wn,filter:Bn,WebkitFilter:Bn,fillOpacity:mn,strokeOpacity:mn,numOctaves:Wn},Zn=e=>Hn[e],Xn=(e,t)=>t&&"number"==typeof e&&t.transform?t.transform(e):e;function Yn(e={}){const t=n.reactive({...e}),o=n.computed((()=>{const e={};for(const[n,o]of Object.entries(t)){const t=Zn(n),r=Xn(o,t);e[n]=r}return e}));return{state:t,style:o}}function Jn(e){const t=n.ref(e);let o;const{state:r,style:s}=Yn(),i=n.watch(t,(e=>{if(e){for(const t of Object.keys(Hn))null!=e.style[t]&&""!==e.style[t]&&(r[t]=e.style[t]);o&&Object.assign(e.style,o)}})),a=n.watch(s,(e=>{t.value?.style?Object.assign(t.value.style,e):o=e}),{immediate:!0});return{style:r,stop:()=>{i(),a()}}}const Kn={x:"translateX",y:"translateY",z:"translateZ"};function qn(e={},t=!0){const o=n.reactive({...e}),r=n.computed((()=>{let e="",n=!1;for(const[t,r]of Object.entries(o)){const o=Zn(t),s=Xn(r,o);e+=`${Kn[t]||t}(${s}) `,"z"!==t&&"translateZ"!==t||(n=!0)}return!n&&t?e+="translateZ(0)":e=e.trim(),e}));return{state:o,transform:r}}function Gn(e){const t=n.ref(e);let o;const{state:r,transform:s}=qn(),i=n.watch(t,(e=>{e&&o&&(e.style.transform=o)})),a=n.watch(s,(e=>{t.value?.style?t.value.style.transform=e:o=e}),{immediate:!0});return{transform:r,stop:()=>{i(),a()}}}const Qn=["","X","Y","Z"],eo=["transformPerspective","x","y","z"];["perspective","translate","scale","rotate","skew"].forEach((e=>{Qn.forEach((t=>{eo.push(e+t)}))}));const to=new Set(eo);function no(e){return to.has(e)}function oo(e){const t=n.ref(e),{style:o}=Jn(t),{transform:r}=Gn(t),s=n.reactive({});return n.watch(s,(e=>{for(const t in e){const n=no(t)?r:o;n[t]&&n[t]===e[t]||(n[t]=e[t])}}),{immediate:!0,deep:!0}),{motionProperties:s,style:o,transform:r}}function ro(e={}){const t=n.ref(e),o=n.ref();return{state:n.computed((()=>{if(o.value)return t.value[o.value]})),variant:o}}function so(e,t={},o){const r=n.ref(t),s=n.ref(e),{motionProperties:i}=oo(s),{variant:a,state:c}=ro(r),l={target:s,variant:a,variants:r,state:c,...g(i)};return ln(l,o),l}const io=["initial","enter","leave","visible","hovered","tapped","focused"],ao=e=>({created(o,s,i){const a=n.ref(e||{});i&&i.props&&(i.props.variants&&t.isObject(i.props.variants)&&(a.value={...a.value,...i.props.variants}),io.forEach((e=>{i.props&&i.props[e]&&t.isObject(i.props[e])&&(a.value[e]=i.props[e])})));const c=so(o,a);s.value&&(r[s.value]=c)}}),co={initial:{opacity:0},enter:{opacity:1}},lo={initial:{opacity:0},visible:{opacity:1}},uo={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},po={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},fo={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},ho={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},vo={initial:{x:100,rotate:-90,opacity:0},visible:{x:0,rotate:0,opacity:1}},yo={initial:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},go={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},mo={initial:{y:100,rotate:90,opacity:0},enter:{y:0,rotate:0,opacity:1}},bo={initial:{y:100,rotate:90,opacity:0},visible:{y:0,rotate:0,opacity:1}},_o={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},wo={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},Eo={initial:{x:100,opacity:0},enter:{x:0,opacity:1}},Oo={initial:{x:100,opacity:0},visible:{x:0,opacity:1}},No={initial:{y:-100,opacity:0},enter:{y:0,opacity:1}},ko={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},Vo={initial:{y:100,opacity:0},enter:{y:0,opacity:1}},xo={initial:{y:100,opacity:0},visible:{y:0,opacity:1}};var Ro=Object.freeze({__proto__:null,fade:co,fadeVisible:lo,pop:uo,rollBottom:mo,rollLeft:po,rollRight:ho,rollTop:yo,rollVisibleBottom:bo,rollVisibleLeft:fo,rollVisibleRight:vo,rollVisibleTop:go,slideBottom:Vo,slideLeft:_o,slideRight:Eo,slideTop:No,slideVisibleBottom:xo,slideVisibleLeft:wo,slideVisibleRight:Oo,slideVisibleTop:ko});function So(e){const t="àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;",n=new RegExp(t.split("").join("|"),"g");return e.toString().replace(/[A-Z]/g,(e=>"-"+e)).toLowerCase().replace(/\s+/g,"-").replace(n,(e=>"aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------".charAt(t.indexOf(e)))).replace(/&/g,"-and-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}return e.MotionPlugin={install(e,t){if(e.directive("motion",ao()),!t||t&&!t.excludePresets)for(const t in Ro){const n=Ro[t];e.directive(`motion-${So(t)}`,ao(n))}if(t&&t.directives)for(const n in t.directives){const o=t.directives[n];0,e.directive(`motion-${n}`,ao(o))}}},e.fade=co,e.fadeVisible=lo,e.pop=uo,e.reactiveStyle=Yn,e.reactiveTransform=qn,e.rollBottom=mo,e.rollLeft=po,e.rollRight=ho,e.rollTop=yo,e.rollVisibleBottom=bo,e.rollVisibleLeft=fo,e.rollVisibleRight=vo,e.rollVisibleTop=go,e.slideBottom=Vo,e.slideLeft=_o,e.slideRight=Eo,e.slideTop=No,e.slideVisibleBottom=xo,e.slideVisibleLeft=wo,e.slideVisibleRight=Oo,e.slideVisibleTop=ko,e.useElementStyle=Jn,e.useElementTransform=Gn,e.useMotion=so,e.useMotionControls=g,e.useMotionProperties=oo,e.useMotionTransitions=y,e.useMotionVariants=ro,e.useMotions=function(){return r},Object.defineProperty(e,"__esModule",{value:!0}),e}({},VueUse,VueDemi,popmotion);

package.json

 {
   "name": "@vueuse/motion",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.5",
   "description": "🤹 Vue Composables putting your components in motion",
@@ -46,3 +46,3 @@ "repository": "https://github.com/vueuse/motion",
   "dependencies": {
-    "@vueuse/core": "^4.0.12",
+    "@vueuse/core": "^4.1.1",
     "popmotion": "^9.1.0",
@@ -57,6 +57,6 @@ "vue-demi": "latest"
     "@rollup/plugin-commonjs": "^17.1.0",
-    "@rollup/plugin-node-resolve": "^11.1.1",
+    "@rollup/plugin-node-resolve": "^11.2.0",
     "@rollup/plugin-replace": "^2.3.4",
     "@types/jest": "^26.0.20",
-    "@types/prismjs": "^1.16.2",
+    "@types/prismjs": "^1.16.3",
     "@vitejs/plugin-vue": "^1.1.4",
@@ -73,7 +73,7 @@ "@vue/compiler-sfc": "^3.0.5",
     "pascalcase": "^1.0.0",
-    "postcss": "^8.2.4",
+    "postcss": "^8.2.6",
     "prettier": "^2.2.1",
     "prism-theme-vars": "^0.1.4",
     "prismjs": "^1.23.0",
-    "rollup": "^2.38.5",
+    "rollup": "^2.39.0",
     "rollup-plugin-dts": "^2.0.1",
@@ -83,7 +83,7 @@ "rollup-plugin-terser": "^7.0.2",
     "style-value-types": "^4.0.1",
-    "tailwindcss": "^2.0.2",
-    "ts-jest": "^26.5.0",
-    "typescript": "^4.1.3",
-    "vite": "^2.0.0-beta.65",
-    "vitepress": "^0.11.5",
+    "tailwindcss": "^2.0.3",
+    "ts-jest": "^26.5.1",
+    "typescript": "^4.1.5",
+    "vite": "^2.0.0-beta.69",
+    "vitepress": "^0.12.0",
     "vue": "^3.0.5",
@@ -90,0 +90,0 @@ "yorkie": "^2.0.0"

README.md

@@ -19,3 +19,3 @@ # 🤹 vue-use-motion
 
-Last update: **08/02/2021**
+Last update: **09/02/2021**
 
@@ -35,3 +35,3 @@ ## Quick Start
 ```javascript
-import { createApp } from 'vue-demi'
+import { createApp } from 'vue'
 import { MotionPlugin } from '@vueuse/motion'
@@ -38,0 +38,0 @@ import App from './App.vue'

No alert changes

Improved metrics

Total package byte prevSize

960645

increased by71.51%

Lines of code

20328

increased by111.55%

Worsened metrics

Number of low supply chain risk alerts

152

increased by7500%

Dependency changes

• Updated@vueuse/core@^4.1.1