@vueuse/motion - npm Package Compare versions

Comparing version 1.0.0-beta.9 to 1.0.0-beta.10

dist/index.global.prod.js

 /*!
-  * @vueuse/motion v1.0.0-beta.8
+  * @vueuse/motion v1.0.0-beta.9
   * (c) 2021 
   * @license MIT
   */
-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:300}),c=e=>({type:"keyframes",duration:800,values:e}),l={default:i,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:a},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 v(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:h}=Array;function y(){const e=n.ref({});return{transitions:e,stop:t=>{const{value:n}=e;t?h(t)?t.forEach((e=>{n[e]&&n[e]()})):n[t]&&n[t]():Object.values(n).forEach((e=>e()))},push:(t,n,r,s,i)=>{e.value[t]&&e.value[t]();const a=function(e,t,n,r,s,i){const a=function(e,t){return e[t]||e.default||e}(r,e);return void 0!==s?function(){const c={from:s,to:t,onUpdate:t=>{n[e]=t,a.onUpdate&&a.onUpdate(t)},onComplete:()=>{r?.onComplete?.(),i?.()}},l=v(a,c,e);return o.animate(l)}:function(){return n[e]=t,r?.onComplete?.(),{stop:()=>{}}}}(t,n,r,s,r[t],i),{stop:c}=a();e.value[t]=()=>{c(),delete e.value[t]}}}}function g(e,n={},{push:o,stop:r}=y()){return{apply:r=>{if(t.isString(r)){if(!(n&&n.value&&n.value[r]))return void console.warn(`The variant ${r} does not exist on this element.`);r=n.value[r]}const{transition:s}=r,i=[];for(const t in r){if("transition"===t)continue;const n=r[t];i.push(new Promise((r=>{o(t,n,e,s||u(t,n),r)})))}return Promise.all(i)},set:o=>{if(t.isString(o)){if(!(n&&n.value&&n.value[o]))return void console.warn(`The variant ${o} does not exist on this element.`);o=n.value[o]}Object.assign(e,o)},stopTransitions:r}}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(A(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(A(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 S=()=>{},R=/^on[^a-z]/,C=e=>R.test(e),j=Object.assign,$=Object.prototype.hasOwnProperty,D=(e,t)=>$.call(e,t),I=Array.isArray,T=e=>"[object Map]"===z(e),P=e=>"function"==typeof e,A=e=>"string"==typeof e,M=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=>A(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(M)),le=ve(),ue=ve(!1,!0),pe=ve(!0),fe=ve(!0,!0),de={};function ve(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(M(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 he(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:he(),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 M(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)};j({},ye,{get:ue,set:he(!0)});const me=j({},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 Se(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 Re(){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 Ce(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 je(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:Se,clear:Re,forEach:Ce(!1,!1)},Ie={get(e){return Oe(this,e,!1,!0)},get size(){return ke(this)},has:Ne,add:Ve,set:xe,delete:Se,clear:Re,forEach:Ce(!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:Ce(!0,!1)};function Pe(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]=je(e,!1,!1),Te[e]=je(e,!0,!1),Ie[e]=je(e,!1,!0)}));const Ae={get:Pe(!1,!1)},Me={get:Pe(!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,Ae)}function Be(e){return He(e,!0,ge,Me)}function We(e){return He(e,!0,me,Me)}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 A(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,">"]):P(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(P(e)){const s=nt(e,t,n,o);return s&&(F(r=s)&&P(r.then)&&P(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,vt=0;const ht=Promise.resolve();let yt=null,gt=null;function mt(e){const t=yt||ht;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=ht.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,vt)}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))),vt=0;vt<dt.length;vt++)"production"!==process.env.NODE_ENV&&Vt(e,dt[vt]),dt[vt]();dt=null,vt=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:Rt((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(St.has(e))return!1;return St.set(e,{component:an(t)?t.__vccOpts:t,instances:new Set}),!0})),rerender:Rt((function(e,t){const n=St.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:Rt((function(e,t){const n=St.get(e);if(!n)return;const{component:o,instances:r}=n;if(!xt.has(o)){t=an(t)?t.__vccOpts:t,j(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 St=new Map;function Rt(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 Ct=null;function jt(e){if(P(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)?At(e):P(e)?nt(e,a,2):void("production"!==process.env.NODE_ENV&&c(e)))):P(e)?l=t?()=>nt(e,a,2):()=>{if(!a||!a.isUnmounted)return u&&u(),nt(e,a,3,[f])}:(l=S,"production"!==process.env.NODE_ENV&&c(e)),t&&o){const e=l;l=()=>At(e())}const f=e=>{u=y.options.onStop=()=>{nt(e,a,4)}};let d=I(e)?[]:It;const v=()=>{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 h;v.allowRecurse=!!t,h="sync"===r?v:"post"===r?()=>Mt(v,a&&a.suspense):()=>{!a||a.isMounted?function(e){wt(e,ut,lt,pt)}(v):v()};const y=G(l,{lazy:!0,onTrack:s,onTrigger:i,scheduler:h});return function(e,t=on){t&&(t.effects||(t.effects=[])).push(e)}(y,a),t?n?v():d=y():"post"===r?Mt(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 Pt(e,t,n){const o=this.proxy;return Tt(A(e)?()=>o[e]:e.bind(o),t.bind(o),n,this)}function At(e,t=new Set){if(!F(e)||t.has(e))return e;if(t.add(e),Ke(e))At(e.value,t);else if(I(e))for(let n=0;n<e.length;n++)At(e[n],t);else if("[object Set]"===z(e)||T(e))e.forEach((e=>{At(e,t)}));else for(const n in e)At(e[n],t);return e}const Mt=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?A(e)||Ke(e)||P(e)?{i:Ct,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=j({},t));let{class:e,style:n}=t;e&&!A(e)&&(t.class=V(e)),F(n)&&(Ye(n)&&!I(n)&&(n=j({},n)),t.style=E(n))}const i=A(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:F(e)?4:P(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=jt(n.default),r=jt(n.fallback)):(o=jt(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=j({},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(C(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=Ct)}}else P(t)?(t={default:t,_ctx:Ct},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=j(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__?Pt.bind(e):S}),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))),j({},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 P(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 P(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||P(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)}
+var VueuseMotion=function(e,t,n,o){"use strict";const r=n.createGlobalState((()=>({})))();function s(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 i=s("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl");function a(e){if(b(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],r=a(E(o)?u(o):o);if(r)for(const e in r)t[e]=r[e]}return t}if(N(e))return e}const c=/;(?![^(]*\))/g,l=/:(.+)/;function u(e){const t={};return e.split(c).forEach((e=>{if(e){const n=e.split(l);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function p(e){let t="";if(E(e))t=e;else if(b(e))for(let n=0;n<e.length;n++)t+=p(e[n])+" ";else if(N(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const f="production"!==process.env.NODE_ENV?Object.freeze({}):{};"production"===process.env.NODE_ENV||Object.freeze([]);const d=()=>{},v=/^on[^a-z]/,h=e=>v.test(e),y=Object.assign,g=Object.prototype.hasOwnProperty,m=(e,t)=>g.call(e,t),b=Array.isArray,_=e=>"[object Map]"===k(e),w=e=>"function"==typeof e,E=e=>"string"==typeof e,O=e=>"symbol"==typeof e,N=e=>null!==e&&"object"==typeof e,V=Object.prototype.toString,k=e=>V.call(e),x=e=>k(e).slice(8,-1),R=e=>E(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,S=(e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))})((e=>e.charAt(0).toUpperCase()+e.slice(1))),j=(e,t)=>e!==t&&(e==e||t==t);let C;const $=new WeakMap,D=[];let I;const T=Symbol("production"!==process.env.NODE_ENV?"iterate":""),P=Symbol("production"!==process.env.NODE_ENV?"Map key iterate":"");function A(e,t=f){(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(!D.includes(n)){L(n);try{return U.push(z),z=!0,D.push(n),I=n,e()}finally{D.pop(),W(),I=D[D.length-1]}}};return n.id=F++,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 M(e){e.active&&(L(e),e.options.onStop&&e.options.onStop(),e.active=!1)}let F=0;function L(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let z=!0;const U=[];function B(){U.push(z),z=!1}function W(){const e=U.pop();z=void 0===e||e}function H(e,t,n){if(!z||void 0===I)return;let o=$.get(e);o||$.set(e,o=new Map);let r=o.get(n);r||o.set(n,r=new Set),r.has(I)||(r.add(I),I.deps.push(r),"production"!==process.env.NODE_ENV&&I.options.onTrack&&I.options.onTrack({effect:I,target:e,type:t,key:n}))}function Z(e,t,n,o,r,s){const i=$.get(e);if(!i)return;const a=new Set,c=e=>{e&&e.forEach((e=>{(e!==I||e.allowRecurse)&&a.add(e)}))};if("clear"===t)i.forEach(c);else if("length"===n&&b(e))i.forEach(((e,t)=>{("length"===t||t>=o)&&c(e)}));else switch(void 0!==n&&c(i.get(n)),t){case"add":b(e)?R(n)&&c(i.get("length")):(c(i.get(T)),_(e)&&c(i.get(P)));break;case"delete":b(e)||(c(i.get(T)),_(e)&&c(i.get(P)));break;case"set":_(e)&&c(i.get(T))}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 X=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(O)),Y=Q(),J=Q(!1,!0),K=Q(!0),q=Q(!0,!0),G={};function Q(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?ke:Ve).get(n))return n;const s=b(n);if(!e&&s&&m(G,o))return Reflect.get(G,o,r);const i=Reflect.get(n,o,r);if(O(o)?X.has(o):"__proto__"===o||"__v_isRef"===o)return i;if(e||H(n,"get",o),t)return i;if(Pe(i)){return!s||!R(o)?i.value:i}return N(i)?e?Re(i):xe(i):i}}["includes","indexOf","lastIndexOf"].forEach((e=>{const t=Array.prototype[e];G[e]=function(...e){const n=Ie(this);for(let e=0,t=this.length;e<t;e++)H(n,"get",e+"");const o=t.apply(n,e);return-1===o||!1===o?t.apply(n,e.map(Ie)):o}})),["push","pop","shift","unshift","splice"].forEach((e=>{const t=Array.prototype[e];G[e]=function(...e){B();const n=t.apply(this,e);return W(),n}}));function ee(e=!1){return function(t,n,o,r){const s=t[n];if(!e&&(o=Ie(o),!b(t)&&Pe(s)&&!Pe(o)))return s.value=o,!0;const i=b(t)&&R(n)?Number(n)<t.length:m(t,n),a=Reflect.set(t,n,o,r);return t===Ie(r)&&(i?j(o,s)&&Z(t,"set",n,o,s):Z(t,"add",n,o)),a}}const te={get:Y,set:ee(),deleteProperty:function(e,t){const n=m(e,t),o=e[t],r=Reflect.deleteProperty(e,t);return r&&n&&Z(e,"delete",t,void 0,o),r},has:function(e,t){const n=Reflect.has(e,t);return O(t)&&X.has(t)||H(e,"has",t),n},ownKeys:function(e){return H(e,"iterate",b(e)?"length":T),Reflect.ownKeys(e)}},ne={get:K,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)};y({},te,{get:J,set:ee(!0)});const oe=y({},ne,{get:q}),re=e=>N(e)?xe(e):e,se=e=>N(e)?Re(e):e,ie=e=>e,ae=e=>Reflect.getPrototypeOf(e);function ce(e,t,n=!1,o=!1){const r=Ie(e=e.__v_raw),s=Ie(t);t!==s&&!n&&H(r,"get",t),!n&&H(r,"get",s);const{has:i}=ae(r),a=n?se:o?ie:re;return i.call(r,t)?a(e.get(t)):i.call(r,s)?a(e.get(s)):void 0}function le(e,t=!1){const n=this.__v_raw,o=Ie(n),r=Ie(e);return e!==r&&!t&&H(o,"has",e),!t&&H(o,"has",r),e===r?n.has(e):n.has(e)||n.has(r)}function ue(e,t=!1){return e=e.__v_raw,!t&&H(Ie(e),"iterate",T),Reflect.get(e,"size",e)}function pe(e){e=Ie(e);const t=Ie(this),n=ae(t).has.call(t,e);return t.add(e),n||Z(t,"add",e,e),this}function fe(e,t){t=Ie(t);const n=Ie(this),{has:o,get:r}=ae(n);let s=o.call(n,e);s?"production"!==process.env.NODE_ENV&&Ne(n,o,e):(e=Ie(e),s=o.call(n,e));const i=r.call(n,e);return n.set(e,t),s?j(t,i)&&Z(n,"set",e,t,i):Z(n,"add",e,t),this}function de(e){const t=Ie(this),{has:n,get:o}=ae(t);let r=n.call(t,e);r?"production"!==process.env.NODE_ENV&&Ne(t,n,e):(e=Ie(e),r=n.call(t,e));const s=o?o.call(t,e):void 0,i=t.delete(e);return r&&Z(t,"delete",e,void 0,s),i}function ve(){const e=Ie(this),t=0!==e.size,n="production"!==process.env.NODE_ENV?_(e)?new Map(e):new Set(e):void 0,o=e.clear();return t&&Z(e,"clear",void 0,void 0,n),o}function he(e,t){return function(n,o){const r=this,s=r.__v_raw,i=Ie(s),a=e?se:t?ie:re;return!e&&H(i,"iterate",T),s.forEach(((e,t)=>n.call(o,a(e),a(t),r)))}}function ye(e,t,n){return function(...o){const r=this.__v_raw,s=Ie(r),i=_(s),a="entries"===e||e===Symbol.iterator&&i,c="keys"===e&&i,l=r[e](...o),u=t?se:n?ie:re;return!t&&H(s,"iterate",c?P:T),{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 ge(e){return function(...t){if("production"!==process.env.NODE_ENV){const n=t[0]?`on key "${t[0]}" `:"";console.warn(`${S(e)} operation ${n}failed: target is readonly.`,Ie(this))}return"delete"!==e&&this}}const me={get(e){return ce(this,e)},get size(){return ue(this)},has:le,add:pe,set:fe,delete:de,clear:ve,forEach:he(!1,!1)},be={get(e){return ce(this,e,!1,!0)},get size(){return ue(this)},has:le,add:pe,set:fe,delete:de,clear:ve,forEach:he(!1,!0)},_e={get(e){return ce(this,e,!0)},get size(){return ue(this,!0)},has(e){return le.call(this,e,!0)},add:ge("add"),set:ge("set"),delete:ge("delete"),clear:ge("clear"),forEach:he(!0,!1)};function we(e,t){const n=t?be:e?_e:me;return(t,o,r)=>"__v_isReactive"===o?!e:"__v_isReadonly"===o?e:"__v_raw"===o?t:Reflect.get(m(n,o)&&o in t?n:t,o,r)}["keys","values","entries",Symbol.iterator].forEach((e=>{me[e]=ye(e,!1,!1),_e[e]=ye(e,!0,!1),be[e]=ye(e,!1,!0)}));const Ee={get:we(!1,!1)},Oe={get:we(!0,!1)};function Ne(e,t,n){const o=Ie(n);if(o!==n&&t.call(e,o)){const t=x(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 Ve=new WeakMap,ke=new WeakMap;function xe(e){return e&&e.__v_isReadonly?e:je(e,!1,te,Ee)}function Re(e){return je(e,!0,ne,Oe)}function Se(e){return je(e,!0,oe,Oe)}function je(e,t,n,o){if(!N(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?ke:Ve,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}}(x(a));var a;if(0===i)return e;const c=new Proxy(e,2===i?o:n);return r.set(e,c),c}function Ce(e){return $e(e)?Ce(e.__v_raw):!(!e||!e.__v_isReactive)}function $e(e){return!(!e||!e.__v_isReadonly)}function De(e){return Ce(e)||$e(e)}function Ie(e){return e&&Ie(e.__v_raw)||e}const Te=e=>N(e)?xe(e):e;function Pe(e){return Boolean(e&&!0===e.__v_isRef)}function Ae(e){return function(e,t=!1){if(Pe(e))return e;return new Me(e,t)}(e)}class Me{constructor(e,t=!1){this._rawValue=e,this._shallow=t,this.__v_isRef=!0,this._value=t?e:Te(e)}get value(){return H(Ie(this),"get","value"),this._value}set value(e){j(Ie(e),this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:Te(e),Z(Ie(this),"set","value",e))}}const Fe=[];function Le(e,...t){B();const n=Fe.length?Fe[Fe.length-1].component:null,o=n&&n.appContext.config.warnHandler,r=function(){let e=Fe[Fe.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)We(o,n,11,[e+t.join(""),n&&n.proxy,r.map((({vnode:e})=>`at <${Xt(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 <${Xt(e.component,e.type,!!e.component&&null==e.component.parent)}`,r=">"+n;return e.props?[o,...ze(e.props),r]:[o+r]}(e))})),t}(r)),console.warn(...n)}W()}function ze(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach((n=>{t.push(...Ue(n,e[n]))})),n.length>3&&t.push(" ..."),t}function Ue(e,t,n){return E(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):"number"==typeof t||"boolean"==typeof t||null==t?n?t:[`${e}=${t}`]:Pe(t)?(t=Ue(e,Ie(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):w(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=Ie(t),n?t:[`${e}=`,t])}const Be={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 We(e,t,n,o){let r;try{r=o?e(...o):e()}catch(e){Ze(e,t,n)}return r}function He(e,t,n,o){if(w(e)){const s=We(e,t,n,o);return s&&(N(r=s)&&w(r.then)&&w(r.catch))&&s.catch((e=>{Ze(e,t,n)})),s}var r;const s=[];for(let r=0;r<e.length;r++)s.push(He(e[r],t,n,o));return s}function Ze(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?Be[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 We(i,null,10,[e,r,s])}!function(e,t,n,o=!0){if("production"!==process.env.NODE_ENV){const r=Be[t];if(n&&Fe.push(n),Le("Unhandled error"+(r?` during execution of ${r}`:"")),n&&Fe.pop(),o)throw e;console.error(e)}else console.error(e)}(e,n,r,o)}let Xe=!1,Ye=!1;const Je=[];let Ke=0;const qe=[];let Ge=null,Qe=0;const et=[];let tt=null,nt=0;const ot=Promise.resolve();let rt=null,st=null;function it(e){const t=rt||ot;return e?t.then(this?e.bind(this):e):t}function at(e){Je.length&&Je.includes(e,Xe&&e.allowRecurse?Ke+1:Ke)||e===st||(Je.push(e),ct())}function ct(){Xe||Ye||(Ye=!0,rt=ot.then(dt))}function lt(e,t,n,o){b(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?o+1:o)||n.push(e),ct()}function ut(e){lt(e,tt,et,nt)}function pt(e,t=null){if(qe.length){for(st=t,Ge=[...new Set(qe)],qe.length=0,"production"!==process.env.NODE_ENV&&(e=e||new Map),Qe=0;Qe<Ge.length;Qe++)"production"!==process.env.NODE_ENV&&vt(e,Ge[Qe]),Ge[Qe]();Ge=null,Qe=0,st=null,pt(e,t)}}const ft=e=>null==e.id?1/0:e.id;function dt(e){Ye=!1,Xe=!0,"production"!==process.env.NODE_ENV&&(e=e||new Map),pt(e),Je.sort(((e,t)=>ft(e)-ft(t)));try{for(Ke=0;Ke<Je.length;Ke++){const t=Je[Ke];t&&("production"!==process.env.NODE_ENV&&vt(e,t),We(t,null,14))}}finally{Ke=0,Je.length=0,function(e){if(et.length){const t=[...new Set(et)];if(et.length=0,tt)return void tt.push(...t);for(tt=t,"production"!==process.env.NODE_ENV&&(e=e||new Map),tt.sort(((e,t)=>ft(e)-ft(t))),nt=0;nt<tt.length;nt++)"production"!==process.env.NODE_ENV&&vt(e,tt[nt]),tt[nt]();tt=null,nt=0}}(e),Xe=!1,rt=null,(Je.length||et.length)&&dt(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 ht=new Set;if("production"!==process.env.NODE_ENV){("undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{}).__VUE_HMR_RUNTIME__={createRecord:gt((function(e,t){t||(Le("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(yt.has(e))return!1;return yt.set(e,{component:Yt(t)?t.__vccOpts:t,instances:new Set}),!0})),rerender:gt((function(e,t){const n=yt.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:gt((function(e,t){const n=yt.get(e);if(!n)return;const{component:o,instances:r}=n;if(!ht.has(o)){t=Yt(t)?t.__vccOpts:t,y(o,t);for(const e in o)e in t||delete o[e];ht.add(o),ut((()=>{ht.delete(o)}))}Array.from(r).forEach((e=>{e.parent?at(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 yt=new Map;function gt(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 mt=null;function bt(e){if(w(e)&&(e=e()),b(e)){const t=function(e){let t;for(let n=0;n<e.length;n++){const o=e[n];if(!Ct(o))return;if(o.type!==jt||"v-if"===o.children){if(t)return;t=o}}return t}(e);"production"===process.env.NODE_ENV||t||Le("<Suspense> slots expect a single root node."),e=t}return Ft(e)}let _t=0;const wt=e=>_t+=e;const Et={};function Ot(e,t,{immediate:n,deep:o,flush:r,onTrack:s,onTrigger:i}=f,a=Ht){"production"===process.env.NODE_ENV||t||(void 0!==n&&Le('watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.'),void 0!==o&&Le('watch() "deep" option is only respected when using the watch(source, callback, options?) signature.'));const c=e=>{Le("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(Pe(e)?(l=()=>e.value,p=!!e._shallow):Ce(e)?(l=()=>e,o=!0):b(e)?l=()=>e.map((e=>Pe(e)?e.value:Ce(e)?Vt(e):w(e)?We(e,a,2):void("production"!==process.env.NODE_ENV&&c(e)))):w(e)?l=t?()=>We(e,a,2):()=>{if(!a||!a.isUnmounted)return u&&u(),We(e,a,3,[v])}:(l=d,"production"!==process.env.NODE_ENV&&c(e)),t&&o){const e=l;l=()=>Vt(e())}const v=e=>{u=m.options.onStop=()=>{We(e,a,4)}};let h=b(e)?[]:Et;const y=()=>{if(m.active)if(t){const e=m();(o||p||j(e,h))&&(u&&u(),He(t,a,3,[e,h===Et?void 0:h,v]),h=e)}else m()};let g;y.allowRecurse=!!t,g="sync"===r?y:"post"===r?()=>kt(y,a&&a.suspense):()=>{!a||a.isMounted?function(e){lt(e,Ge,qe,Qe)}(y):y()};const m=A(l,{lazy:!0,onTrack:s,onTrigger:i,scheduler:g});return function(e,t=Ht){t&&(t.effects||(t.effects=[])).push(e)}(m,a),t?n?y():h=m():"post"===r?kt(m,a&&a.suspense):m(),()=>{M(m),a&&((e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)})(a.effects,m)}}function Nt(e,t,n){const o=this.proxy;return Ot(E(e)?()=>o[e]:e.bind(o),t.bind(o),n,this)}function Vt(e,t=new Set){if(!N(e)||t.has(e))return e;if(t.add(e),Pe(e))Vt(e.value,t);else if(b(e))for(let n=0;n<e.length;n++)Vt(e[n],t);else if("[object Set]"===k(e)||_(e))e.forEach((e=>{Vt(e,t)}));else for(const n in e)Vt(e[n],t);return e}const kt=function(e,t){t&&t.pendingBranch?b(e)?t.effects.push(...e):t.effects.push(e):ut(e)},xt=Symbol(),Rt=Symbol("production"!==process.env.NODE_ENV?"Fragment":void 0),St=Symbol("production"!==process.env.NODE_ENV?"Text":void 0),jt=Symbol("production"!==process.env.NODE_ENV?"Comment":void 0);Symbol("production"!==process.env.NODE_ENV?"Static":void 0);function Ct(e){return!!e&&!0===e.__v_isVNode}const $t="__vInternal",Dt=({key:e})=>null!=e?e:null,It=({ref:e})=>null!=e?E(e)||Pe(e)||w(e)?{i:mt,r:e}:e:null,Tt="production"!==process.env.NODE_ENV?(...e)=>Pt(...e):Pt;function Pt(e,t=null,n=null,o=0,r=null,s=!1){if(e&&e!==xt||("production"===process.env.NODE_ENV||e||Le(`Invalid vnode type when creating vnode: ${e}.`),e=jt),Ct(e)){const o=At(e,t,!0);return n&&Lt(o,n),o}if(Yt(e)&&(e=e.__vccOpts),t){(De(t)||$t in t)&&(t=y({},t));let{class:e,style:n}=t;e&&!E(e)&&(t.class=p(e)),N(n)&&(De(n)&&!b(n)&&(n=y({},n)),t.style=a(n))}const i=E(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:N(e)?4:w(e)?2:0;"production"!==process.env.NODE_ENV&&4&i&&De(e)&&Le("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=Ie(e));const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Dt(t),ref:t&&It(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&&c.key!=c.key&&Le("VNode created with invalid key (NaN). VNode type:",c.type),Lt(c,n),128&i){const{content:e,fallback:t}=function(e){const{shapeFlag:t,children:n}=e;let o,r;return 32&t?(o=bt(n.default),r=bt(n.fallback)):(o=bt(n),r=Ft(null)),{content:o,fallback:r}}(c);c.ssContent=e,c.ssFallback=t}return c}function At(e,t,n=!1){const{props:o,ref:r,patchFlag:s}=e,i=t?function(...e){const t=y({},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=p([t.class,o.class]));else if("style"===e)t.style=a([t.style,o.style]);else if(h(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&&Dt(i),ref:t&&t.ref?n&&r?b(r)?r.concat(It(t)):[r,It(t)]:It(t):r,scopeId:e.scopeId,children:e.children,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Rt?-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&&At(e.ssContent),ssFallback:e.ssFallback&&At(e.ssFallback),el:e.el,anchor:e.anchor}}function Mt(e=" ",t=0){return Tt(St,null,e,t)}function Ft(e){return null==e||"boolean"==typeof e?Tt(jt):b(e)?Tt(Rt,null,e):"object"==typeof e?null===e.el?e:At(e):Tt(St,null,String(e))}function Lt(e,t){let n=0;const{shapeFlag:o}=e;if(null==t)t=null;else if(b(t))n=16;else if("object"==typeof t){if(1&o||64&o){const n=t.default;return void(n&&(n._c&&wt(1),Lt(e,n()),n._c&&wt(-1)))}{n=32;const e=t._;e||$t in t||(t._ctx=mt)}}else w(t)?(t={default:t,_ctx:mt},n=32):(t=String(t),64&o?(n=16,t=[Mt(t)]):n=8);e.children=t,e.shapeFlag|=n}function zt(e,t,n){const o=n.appContext.config.optionMergeStrategies,{mixins:r,extends:s}=t;s&&zt(e,s,n),r&&r.forEach((t=>zt(e,t,n)));for(const r in t)e[r]=o&&m(o,r)?o[r](e[r],t[r],n.proxy,r):t[r]}const Ut=e=>e&&(e.proxy?e.proxy:Ut(e.parent)),Bt=y(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>"production"!==process.env.NODE_ENV?Se(e.props):e.props,$attrs:e=>"production"!==process.env.NODE_ENV?Se(e.attrs):e.attrs,$slots:e=>"production"!==process.env.NODE_ENV?Se(e.slots):e.slots,$refs:e=>"production"!==process.env.NODE_ENV?Se(e.refs):e.refs,$parent:e=>Ut(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=>zt(i,t,e))),zt(i,t,e),t.__merged=i}(e):e.type,$forceUpdate:e=>()=>at(e.update),$nextTick:e=>it.bind(e.proxy),$watch:e=>__VUE_OPTIONS_API__?Nt.bind(e):d}),Wt={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!==f&&m(o,t))return i[t]=0,o[t];if(r!==f&&m(r,t))return i[t]=1,r[t];if((l=e.propsOptions[0])&&m(l,t))return i[t]=2,s[t];if(n!==f&&m(n,t))return i[t]=3,n[t];__VUE_OPTIONS_API__,i[t]=4}}const u=Bt[t];let p,d;return u?("$attrs"===t&&(H(e,"get",t),process),u(e)):(p=a.__cssModules)&&(p=p[t])?p:n!==f&&m(n,t)?(i[t]=3,n[t]):(d=c.config.globalProperties,m(d,t)?d[t]:void process)},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;if(r!==f&&m(r,t))r[t]=n;else if(o!==f&&m(o,t))o[t]=n;else if(t in e.props)return"production"!==process.env.NODE_ENV&&Le(`Attempting to mutate prop "${t}". Props are readonly.`,e),!1;return"$"===t[0]&&t.slice(1)in e?("production"!==process.env.NODE_ENV&&Le(`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!==f&&m(e,i)||t!==f&&m(t,i)||(a=s[0])&&m(a,i)||m(o,i)||m(Bt,i)||m(r.config.globalProperties,i)}};"production"!==process.env.NODE_ENV&&(Wt.ownKeys=e=>(Le("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))),y({},Wt,{get(e,t){if(t!==Symbol.unscopables)return Wt.get(e,t,e)},has(e,t){const n="_"!==t[0]&&!i(t);return"production"!==process.env.NODE_ENV&&!n&&Wt.has(e,t)&&Le(`Property ${JSON.stringify(t)} should not start with _ which is a reserved prefix for Vue internals.`),n}});let Ht=null;const Zt=/(?:^|[-_])(\w)/g;function Xt(e,t,n=!1){let o=function(e){return w(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(Zt,(e=>e.toUpperCase())).replace(/[-_]/g,""):n?"App":"Anonymous"}function Yt(e){return w(e)&&"__vccOpts"in e}Symbol("production"!==process.env.NODE_ENV?"ssrContext":""),"production"!==process.env.NODE_ENV&&function(){const e=C||(C="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=>N(t)?t.__isVue?["div",e,"VueInstance"]:Pe(t)?["div",{},["span",e,u(t)],"<",a(t.value),">"]:Ce(t)?["div",{},["span",e,"Reactive"],"<",a(t),">"+($e(t)?" (readonly)":"")]:$e(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",Ie(e.props))),e.setupState!==f&&t.push(i("setup",e.setupState)),e.data!==f&&t.push(i("data",Ie(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=y({},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]:N(e)?["object",{object:r?Ie(e):e}]:["span",n,String(e)]}function c(e,t){const n=e.type;if(w(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!!(b(o)&&o.includes(t)||N(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]}()}();const Jt=()=>({type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}),Kt=e=>({type:"spring",stiffness:550,damping:0===e?100:30,restDelta:.01,restSpeed:10}),qt=()=>({type:"keyframes",ease:"linear",duration:300}),Gt=e=>({type:"keyframes",duration:800,values:e}),Qt={default:Kt,x:Jt,y:Jt,z:Jt,rotate:Jt,rotateX:Jt,rotateY:Jt,rotateZ:Jt,scaleX:Kt,scaleY:Kt,scale:Kt,backgroundColor:qt,color:qt,opacity:qt},en=(e,t)=>{let n;return n=Array.isArray(t)?Gt:Qt[e]||Qt.default,{to:t,...n(t)}},tn={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},nn=e=>{if(Array.isArray(e)){const[t,n,r,s]=e;return o.cubicBezier(t,n,r,s)}return"string"==typeof e?tn[e]:e};function on({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(nn):nn(e)),n&&(r.elapsed=-n),r}function rn(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,...en(n,t.to)}),{...t,...on(e)}}const{isArray:sn}=Array;function an(){const e=t.ref({});return{transitions:e,stop:t=>{const{value:n}=e;t?sn(t)?t.forEach((e=>{n[e]&&n[e]()})):n[t]&&n[t]():Object.values(n).forEach((e=>e()))},push:(t,n,r,s,i)=>{e.value[t]&&e.value[t]();const a=function(e,t,n,r,s,i){const a=function(e,t){return e[t]||e.default||e}(r,e);return void 0!==s?function(){const c={from:s,to:t,onUpdate:t=>{n[e]=t,a.onUpdate&&a.onUpdate(t)},onComplete:()=>{r?.onComplete?.(),i?.()}},l=rn(a,c,e);return o.animate(l)}:function(){return n[e]=t,r?.onComplete?.(),{stop:()=>{}}}}(t,n,r,s,r[t],i),{stop:c}=a();e.value[t]=()=>{c(),delete e.value[t]}}}}function cn(e,t={},{push:o,stop:r}=an()){const s=Ae(t),i=e=>{if(!s||!s.value||!s.value[e])throw new Error(`The variant ${e} does not exist.`);return s.value[e]},a=t=>{let r=n.isObject(t)?t:i(t);const{transition:s}=r,a=[];for(const n in t){if("transition"===n)continue;const r=t[n];a.push(new Promise((t=>{o(n,r,e,s||en(n,r),t)})))}return Promise.all(a)};return{apply:a,set:t=>{let o=n.isObject(t)?t:i(t);Object.assign(e,o)},stopTransitions:r,leave:async e=>{let t;s&&s.value&&(s.value.leave&&(t=s.value.leave),!s.value.leave&&s.value.initial&&(t=s.value.initial)),t?(await a(t),e()):e()}}}const ln="undefined"!=typeof window;function un({target:e,state:o,variants:r,apply:s}){const i=t.ref(!1),a=t.ref(!1),c=t.ref(!1),l=t.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=t.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&&(n.useEventListener(e.value,"mouseenter",(()=>{i.value=!0})),n.useEventListener(e.value,"mouseleave",(()=>{i.value=!1,a.value=!1})),n.useEventListener(e.value,"mouseout",(()=>{i.value=!1,a.value=!1}))),r.value.tapped&&(ln&&null===window.onmousedown&&(n.useEventListener(e.value,"mousedown",(()=>{a.value=!0})),n.useEventListener(e.value,"mouseup",(()=>{a.value=!1}))),ln&&null===window.onpointerdown&&(n.useEventListener(e.value,"pointerdown",(()=>{a.value=!0})),n.useEventListener(e.value,"pointerup",(()=>{a.value=!1}))),ln&&null===window.ontouchstart&&(n.useEventListener(e.value,"touchstart",(()=>{a.value=!0})),n.useEventListener(e.value,"touchend",(()=>{a.value=!1})))),r.value.focused&&(n.useEventListener(e.value,"focus",(()=>{c.value=!0})),n.useEventListener(e.value,"blur",(()=>{c.value=!1}))),t.watch(u,(e=>{s(e)}))}function pn({target:e,variants:t,variant:o}){let r=n.noop;const s=(i=e,a=s=>{s&&(r=n.useIntersectionObserver(e,(([{isIntersecting:e}])=>{t.value?.visible&&(o.value=e?"visible":"initial")})).stop)},c={immediate:!0},"production"===process.env.NODE_ENV||w(a)||Le("`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."),Ot(i,a,c));var i,a,c;return{stop:()=>{r(),s()}}}function fn(e,n={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){n.lifeCycleHooks&&function({target:e,variants:n,variant:o}){t.watch(e,(()=>{n.value?.enter&&(n.value.initial&&(o.value="initial"),t.nextTick((()=>o.value="enter")))}),{immediate:!0,flush:"pre"})}(e),n.syncVariants&&function({state:e,apply:n}){t.watch(e,(e=>{e&&n(e)}),{immediate:!0})}(e),n.visibilityHooks&&pn(e),n.eventListeners&&un(e)}
 /*! *****************************************************************************
@@ -20,2 +20,2 @@ Copyright (c) Microsoft Corporation.
   PERFORMANCE OF THIS SOFTWARE.
-  ***************************************************************************** */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=j({},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(P(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,vn=/(#[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,hn=/^(#[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)&&hn.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))+")"}},Sn=pn(0,255),Rn=un(un({},gn),{transform:function(e){return Math.round(Sn(e))}}),Cn={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("+Rn.transform(e.red)+", "+Rn.transform(t)+", "+Rn.transform(n)+", "+fn(mn.transform(r))+")"}};var jn={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:Cn.transform},$n={test:function(e){return Cn.test(e)||jn.test(e)||xn.test(e)},parse:function(e){return Cn.test(e)?Cn.parse(e):xn.test(e)?xn.parse(e):jn.parse(e)},transform:function(e){return yn(e)?e:e.hasOwnProperty("red")?Cn.transform(e):xn.transform(e)}},Dn="${c}",In="${n}";function Tn(e){var t=[],n=0,o=e.match(vn);o&&(n=o.length,e=e.replace(vn,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 Pn(e){return Tn(e).values}function An(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 Mn=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(vn))||void 0===o?void 0:o.length)&&void 0!==r?r:0)>0},parse:Pn,createTransformer:An,getAnimatableNone:function(e){var t=Pn(e);return An(e)(t.map(Mn))}},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,r)};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)},beforeUnmount(e,t){t.value&&r[t.value]&&delete r[t.value]}}),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}},vo={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},ho={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 So=Object.freeze({__proto__:null,fade:co,fadeVisible:lo,pop:uo,rollBottom:mo,rollLeft:po,rollRight:vo,rollTop:yo,rollVisibleBottom:bo,rollVisibleLeft:fo,rollVisibleRight:ho,rollVisibleTop:go,slideBottom:Vo,slideLeft:_o,slideRight:Eo,slideTop:No,slideVisibleBottom:xo,slideVisibleLeft:wo,slideVisibleRight:Oo,slideVisibleTop:ko});function Ro(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 So){const n=So[t];e.directive(`motion-${Ro(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=vo,e.rollTop=yo,e.rollVisibleBottom=bo,e.rollVisibleLeft=fo,e.rollVisibleRight=ho,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);
+  ***************************************************************************** */var dn=function(){return(dn=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)},vn=function(e,t){return function(n){return Math.max(Math.min(n,t),e)}},hn=function(e){return e%1?Number(e.toFixed(5)):e},yn=/(-)?([\d]*\.?[\d])+/g,gn=/(#[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,mn=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function bn(e){return"string"==typeof e}var _n={test:function(e){return"number"==typeof e},parse:parseFloat,transform:function(e){return e}},wn=dn(dn({},_n),{transform:vn(0,1)}),En=dn(dn({},_n),{default:1}),On=function(e){return{test:function(t){return bn(t)&&t.endsWith(e)&&1===t.split(" ").length},parse:parseFloat,transform:function(t){return""+t+e}}},Nn=On("deg"),Vn=On("%"),kn=On("px"),xn=dn(dn({},Vn),{parse:function(e){return Vn.parse(e)/100},transform:function(e){return Vn.transform(100*e)}}),Rn=function(e,t){return function(n){return bn(n)&&mn.test(n)&&n.startsWith(e)||t&&n.hasOwnProperty(t)}},Sn=function(e,t,n){return function(o){var r;if(!bn(o))return o;var s=o.match(yn),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}},jn={test:Rn("hsl","hue"),parse:Sn("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)+", "+Vn.transform(hn(t))+", "+Vn.transform(hn(n))+", "+hn(wn.transform(r))+")"}},Cn=vn(0,255),$n=dn(dn({},_n),{transform:function(e){return Math.round(Cn(e))}}),Dn={test:Rn("rgb","red"),parse:Sn("red","green","blue"),transform:function(e){var t=e.green,n=e.blue,o=e.alpha,r=void 0===o?1:o;return"rgba("+$n.transform(e.red)+", "+$n.transform(t)+", "+$n.transform(n)+", "+hn(wn.transform(r))+")"}};var In={test:Rn("#"),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:Dn.transform},Tn={test:function(e){return Dn.test(e)||In.test(e)||jn.test(e)},parse:function(e){return Dn.test(e)?Dn.parse(e):jn.test(e)?jn.parse(e):In.parse(e)},transform:function(e){return bn(e)?e:e.hasOwnProperty("red")?Dn.transform(e):jn.transform(e)}},Pn="${c}",An="${n}";function Mn(e){var t=[],n=0,o=e.match(gn);o&&(n=o.length,e=e.replace(gn,Pn),t.push.apply(t,o.map(Tn.parse)));var r=e.match(yn);return r&&(e=e.replace(yn,An),t.push.apply(t,r.map(_n.parse))),{values:t,numColors:n,tokenised:e}}function Fn(e){return Mn(e).values}function Ln(e){var t=Mn(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?Pn:An,s<n?Tn.transform(e[s]):hn(e[s]));return t}}var zn=function(e){return"number"==typeof e?0:e};var Un={test:function(e){var t,n,o,r;return isNaN(e)&&bn(e)&&(null!==(n=null===(t=e.match(yn))||void 0===t?void 0:t.length)&&void 0!==n?n:0)+(null!==(r=null===(o=e.match(gn))||void 0===o?void 0:o.length)&&void 0!==r?r:0)>0},parse:Fn,createTransformer:Ln,getAnimatableNone:function(e){var t=Fn(e);return Ln(e)(t.map(zn))}},Bn=new Set(["brightness","contrast","saturate","opacity"]);function Wn(e){var t=e.slice(0,-1).split("("),n=t[0],o=t[1];if("drop-shadow"===n)return e;var r=(o.match(yn)||[])[0];if(!r)return e;var s=o.replace(r,""),i=Bn.has(n)?1:0;return r!==o&&(i*=100),n+"("+i+s+")"}var Hn=/([a-z-]*)\(.*?\)/g,Zn=dn(dn({},Un),{getAnimatableNone:function(e){var t=e.match(Hn);return t?t.map(Wn).join(" "):e}});const Xn={..._n,transform:Math.round},Yn={color:Tn,backgroundColor:Tn,outlineColor:Tn,fill:Tn,stroke:Tn,borderColor:Tn,borderTopColor:Tn,borderRightColor:Tn,borderBottomColor:Tn,borderLeftColor:Tn,borderWidth:kn,borderTopWidth:kn,borderRightWidth:kn,borderBottomWidth:kn,borderLeftWidth:kn,borderRadius:kn,radius:kn,borderTopLeftRadius:kn,borderTopRightRadius:kn,borderBottomRightRadius:kn,borderBottomLeftRadius:kn,width:kn,maxWidth:kn,height:kn,maxHeight:kn,size:kn,top:kn,right:kn,bottom:kn,left:kn,padding:kn,paddingTop:kn,paddingRight:kn,paddingBottom:kn,paddingLeft:kn,margin:kn,marginTop:kn,marginRight:kn,marginBottom:kn,marginLeft:kn,rotate:Nn,rotateX:Nn,rotateY:Nn,rotateZ:Nn,scale:En,scaleX:En,scaleY:En,scaleZ:En,skew:Nn,skewX:Nn,skewY:Nn,distance:kn,translateX:kn,translateY:kn,translateZ:kn,x:kn,y:kn,z:kn,perspective:kn,transformPerspective:kn,opacity:wn,originX:xn,originY:xn,originZ:kn,zIndex:Xn,filter:Zn,WebkitFilter:Zn,fillOpacity:wn,strokeOpacity:wn,numOctaves:Xn},Jn=e=>Yn[e],Kn=(e,t)=>t&&"number"==typeof e&&t.transform?t.transform(e):e;function qn(e={}){const n=t.reactive({...e}),o=t.computed((()=>{const e={};for(const[t,o]of Object.entries(n)){const n=Jn(t),r=Kn(o,n);e[t]=r}return e}));return{state:n,style:o}}function Gn(e){const n=t.ref(e);let o;const{state:r,style:s}=qn(),i=t.watch(n,(e=>{if(e){for(const t of Object.keys(Yn))null!=e.style[t]&&""!==e.style[t]&&(r[t]=e.style[t]);o&&Object.assign(e.style,o)}})),a=t.watch(s,(e=>{n.value?.style?Object.assign(n.value.style,e):o=e}),{immediate:!0});return{style:r,stop:()=>{i(),a()}}}const Qn={x:"translateX",y:"translateY",z:"translateZ"};function eo(e={},n=!0){const o=t.reactive({...e}),r=t.computed((()=>{let e="",t=!1;for(const[n,r]of Object.entries(o)){const o=Jn(n),s=Kn(r,o);e+=`${Qn[n]||n}(${s}) `,"z"!==n&&"translateZ"!==n||(t=!0)}return!t&&n?e+="translateZ(0)":e=e.trim(),e}));return{state:o,transform:r}}function to(e){const n=t.ref(e);let o;const{state:r,transform:s}=eo(),i=t.watch(n,(e=>{e&&o&&(e.style.transform=o)})),a=t.watch(s,(e=>{n.value?.style?n.value.style.transform=e:o=e}),{immediate:!0});return{transform:r,stop:()=>{i(),a()}}}const no=["","X","Y","Z"],oo=["transformPerspective","x","y","z"];["perspective","translate","scale","rotate","skew"].forEach((e=>{no.forEach((t=>{oo.push(e+t)}))}));const ro=new Set(oo);function so(e){return ro.has(e)}function io(e){const n=t.ref(e),{style:o}=Gn(n),{transform:r}=to(n),s=t.reactive({});return t.watch(s,(e=>{for(const t in e){const n=so(t)?r:o;n[t]&&n[t]===e[t]||(n[t]=e[t])}}),{immediate:!0,deep:!0}),{motionProperties:s,style:o,transform:r}}function ao(e={}){const n=t.ref(e),o=t.ref();return{state:t.computed((()=>{if(o.value)return n.value[o.value]})),variant:o}}function co(e,n={},o){const r=t.ref(n),s=t.ref(e),{motionProperties:i}=io(s),{variant:a,state:c}=ao(r),l={target:s,variant:a,variants:r,state:c,...cn(i,r)};return fn(l,o),l}const lo=["initial","enter","leave","visible","hovered","tapped","focused","delay"],uo=e=>({created(o,s,i){const a=t.ref(e||{});((e,t)=>{e&&e.props&&(e.props.variants&&n.isObject(e.props.variants)&&(t.value={...t.value,...e.props.variants}),lo.forEach((o=>{if("delay"!==o)e.props&&e.props[o]&&n.isObject(e.props[o])&&(t.value[o]=e.props[o]);else if(e.props&&e.props[o]&&n.isNumber(e.props[o])){const n=e.props[o];t&&t.value&&(t.value.enter&&(t.value.enter.transition||(t.value.enter.transition={}),t.value.enter.transition={...t.value.enter.transition,delay:n}),t.value.visible&&(t.value.visible.transition||(t.value.visible.transition={}),t.value.visible.transition={...t.value.visible.transition,delay:n}))}})))})(i,a);const c=co(o,a);s.value&&(r[s.value]=c)},unmounted(e,t){t.value&&r[t.value]&&delete r[t.value]}}),po={initial:{opacity:0},enter:{opacity:1}},fo={initial:{opacity:0},visible:{opacity:1}},vo={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},ho={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},yo={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},go={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},mo={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},bo={initial:{x:100,rotate:-90,opacity:0},visible:{x:0,rotate:0,opacity:1}},_o={initial:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},wo={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Eo={initial:{y:100,rotate:90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Oo={initial:{y:100,rotate:90,opacity:0},visible:{y:0,rotate:0,opacity:1}},No={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},Vo={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},ko={initial:{x:100,opacity:0},enter:{x:0,opacity:1}},xo={initial:{x:100,opacity:0},visible:{x:0,opacity:1}},Ro={initial:{y:-100,opacity:0},enter:{y:0,opacity:1}},So={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},jo={initial:{y:100,opacity:0},enter:{y:0,opacity:1}},Co={initial:{y:100,opacity:0},visible:{y:0,opacity:1}};var $o=Object.freeze({__proto__:null,fade:po,fadeVisible:fo,pop:vo,popVisible:ho,rollBottom:Eo,rollLeft:yo,rollRight:mo,rollTop:_o,rollVisibleBottom:Oo,rollVisibleLeft:go,rollVisibleRight:bo,rollVisibleTop:wo,slideBottom:jo,slideLeft:No,slideRight:ko,slideTop:Ro,slideVisibleBottom:Co,slideVisibleLeft:Vo,slideVisibleRight:xo,slideVisibleTop:So});function Do(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",uo()),!t||t&&!t.excludePresets)for(const t in $o){const n=$o[t];e.directive(`motion-${Do(t)}`,uo(n))}if(t&&t.directives)for(const n in t.directives){const o=t.directives[n];0,e.directive(`motion-${n}`,uo(o))}}},e.fade=po,e.fadeVisible=fo,e.pop=vo,e.popVisible=ho,e.reactiveStyle=qn,e.reactiveTransform=eo,e.rollBottom=Eo,e.rollLeft=yo,e.rollRight=mo,e.rollTop=_o,e.rollVisibleBottom=Oo,e.rollVisibleLeft=go,e.rollVisibleRight=bo,e.rollVisibleTop=wo,e.slideBottom=jo,e.slideLeft=No,e.slideRight=ko,e.slideTop=Ro,e.slideVisibleBottom=Co,e.slideVisibleLeft=Vo,e.slideVisibleRight=xo,e.slideVisibleTop=So,e.slugify=Do,e.useElementStyle=Gn,e.useElementTransform=to,e.useMotion=co,e.useMotionControls=cn,e.useMotionProperties=io,e.useMotionTransitions=an,e.useMotionVariants=ao,e.useMotions=function(){return r},Object.defineProperty(e,"__esModule",{value:!0}),e}({},VueDemi,VueUse,popmotion);

package.json

 {
   "name": "@vueuse/motion",
-  "version": "1.0.0-beta.9",
+  "version": "1.0.0-beta.10",
   "description": "🤹 Vue Composables putting your components in motion",
@@ -51,3 +51,3 @@ "repository": "https://github.com/vueuse/motion",
   "peerDependencies": {
-    "@vue/composition-api": "^1.0.0-rc.1",
+    "@vue/composition-api": ">=1.0.0-rc.1",
     "vue": "^2.0.0 || >=3.0.0-rc.0"
@@ -79,3 +79,3 @@ },
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.29.0",
+    "rollup-plugin-typescript2": "^0.30.0",
     "style-value-types": "^4.0.1",
@@ -85,3 +85,3 @@ "tailwindcss": "^2.0.3",
     "typescript": "^4.1.5",
-    "vite": "^2.0.0",
+    "vite": "^2.0.1",
     "vitepress": "^0.12.2",
@@ -88,0 +88,0 @@ "vue": "^3.0.5",

README.md

@@ -9,14 +9,13 @@ # 🤹 vue-use-motion
 
-- 🧩 Written in **TypeScript**.
-- 🏎 **Smooth animations** based on [**Popmotion**](https://popmotion.io/).
-- 🎮 **Declarative** API.
-- 🤟 Vue **2** & **3** support using [**vue-demi**](https://github.com/antfu/vue-demi).
-- 🏋️‍♀️ Lightweight with **<15kb** bundle size
+- 🏎 **Smooth animations** based on [**Popmotion**](https://popmotion.io/)
+- 🎮 **Declarative** API
+- 🚀 **Plug** & **play** with **10+ presets**
+- 🤟 Vue **2** & **3** support using [**vue-demi**](https://github.com/antfu/vue-demi)
+- ✨ Written in **TypeScript**
+- 🏋️‍♀️ Lightweight with **<20kb** bundle size
 
 [🌍 **Documentation**](https://vue-use-motion.netlify.app)
 
-This repository is still **experimental**, the **API** might be subject to **changes**.
+[👀 **Demos**](https://vue-use-motion-demo.netlify.app)
 
-Last update: **17/02/2021**
-
 ## Quick Start
@@ -74,9 +73,9 @@
 
-See more about what **properties** you can **animate**, check out [**Motion Properties**](https://vue-use-motion.netlify.app/motion-properties).
+To see more about what **properties** you can **animate**, check out [**Motion Properties**](https://vue-use-motion.netlify.app/motion-properties).
 
-See more about how to **create** your own **animations** styles, check out [**Transition Properties**](https://vue-use-motion.netlify.app/transition-properties).
+To see more about how to **create** your own **animations** styles, check out [**Transition Properties**](https://vue-use-motion.netlify.app/transition-properties).
 
-See more about what are **variants** and how you can **use** them, check out [**Variants**](https://vue-use-motion.netlify.app/variants).
+To see more about what are **variants** and how you can **use** them, check out [**Variants**](https://vue-use-motion.netlify.app/variants).
 
-See more about how to **control** your declared **variants**, check out [**Motion Instance**](https://vue-use-motion.netlify.app/motion-instance).
+To see more about how to **control** your declared **variants**, check out [**Motion Instance**](https://vue-use-motion.netlify.app/motion-instance).
 
@@ -83,0 +82,0 @@ ## Credits

No alert changes

Improved metrics

Total package byte prevSize

983701

increased by1.49%

Lines of code

20877

increased by1.88%

Worsened metrics

Number of lines in readme file

89

decreased by-1.11%

No dependency changes