Socket
Socket
Sign inDemoInstall

@animxyz/vue3

Package Overview
Dependencies
23
Maintainers
2
Versions
15
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.3.0 to 0.4.0

src/directives/xyz.js

11

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log

# [0.4.0](https://github.com/ingram-projects/animxyz/compare/v0.3.0...v0.4.0) (2021-01-17)
### Features
* added appear-visible prop to vue2 package ([5db7914](https://github.com/ingram-projects/animxyz/commit/5db791443036081f646230c3c989755d78785867))
# [0.3.0](https://github.com/ingram-projects/animxyz/compare/v0.2.0...v0.3.0) (2020-12-31)

@@ -8,0 +19,0 @@

163

dist/VueAnimXyz.cjs.js
/**
* VueAnimXyz v0.2.0
* VueAnimXyz v0.3.0
* Copyright (c) 2020-present Ingram Projects

@@ -53,10 +53,18 @@ * Released under the MIT License.

function clearXyzElementProperties(el) {
clearTimeout(el.xyzAnimTimeout);
el.removeEventListener('animationend', el.xyzAnimEnd);
el.removeEventListener('animationcancelled', el.xyzAnimEnd);
delete el.xyzAnimTimeout;
delete el.xyzAnimEnd;
if (el._xyzAppearObserver) {
el._xyzAppearObserver.disconnect();
}
if (el._xyzAnimTimeout) {
clearTimeout(el._xyzAnimTimeout);
}
el.removeEventListener('animationend', el._xyzAnimEnd);
el.removeEventListener('animationcancelled', el._xyzAnimEnd);
delete el._xyzAppearObserver;
delete el._xyzAnimTimeout;
delete el._xyzAnimEnd;
}
function getXyzAnimationHook (duration) {
function getXyzAnimationHook (duration, appearVisible) {
return (el, done) => {

@@ -71,52 +79,73 @@ clearXyzElementProperties(el);

const mode = getXyzElementMode(el);
const modeDuration = getXyzDurationForMode(mode, duration);
if (typeof modeDuration === 'number') {
el.xyzAnimTimeout = setTimeout(xyzAnimDone, modeDuration);
return;
}
function runAnim() {
const modeDuration = getXyzDurationForMode(mode, duration);
const xyzModeKeyframes = "xyz-".concat(mode, "-keyframes");
const xyzEls = new Set([el]);
if (typeof modeDuration === 'number') {
el._xyzAnimTimeout = setTimeout(xyzAnimDone, modeDuration);
return;
}
if (modeDuration === 'auto') {
const xyzNestedEls = el.querySelectorAll(".xyz-nested, .xyz-".concat(mode, "-nested"));
xyzNestedEls.forEach(xyzEls.add, xyzEls);
}
const xyzModeKeyframes = "xyz-".concat(mode, "-keyframes");
const xyzEls = new Set([el]);
function removeXyzEl(xyzEl) {
xyzEls.delete(xyzEl);
if (xyzEls.size === 0) {
xyzAnimDone();
if (modeDuration === 'auto') {
const xyzNestedEls = el.querySelectorAll(".xyz-nested, .xyz-".concat(mode, "-nested"));
xyzNestedEls.forEach(xyzEls.add, xyzEls);
}
} // After one tick remove any elements that are dont have active animations
function removeXyzEl(xyzEl) {
xyzEls.delete(xyzEl);
el.xyzAnimTimeout = setTimeout(() => {
xyzEls.forEach(xyzEl => {
// Remove if element isnt visible
const visible = xyzEl.offsetParent || xyzEl.getClientRects().length;
if (xyzEls.size === 0) {
xyzAnimDone();
}
} // After one tick remove any elements that are dont have active animations
if (!visible) {
removeXyzEl(xyzEl);
} // Remove if element has xyz animation overridden
el._xyzAnimTimeout = setTimeout(() => {
xyzEls.forEach(xyzEl => {
// Remove if element isnt visible
const visible = xyzEl.offsetParent || xyzEl.getClientRects().length;
const animationName = window.getComputedStyle(xyzEl).getPropertyValue('animation-name');
if (!visible) {
removeXyzEl(xyzEl);
} // Remove if element has xyz animation overridden
if (animationName.indexOf(xyzModeKeyframes) === -1) {
removeXyzEl(xyzEl);
}
const animationName = window.getComputedStyle(xyzEl).getPropertyValue('animation-name');
if (animationName.indexOf(xyzModeKeyframes) === -1) {
removeXyzEl(xyzEl);
}
});
});
});
el.xyzAnimEnd = event => {
if (event.animationName === xyzModeKeyframes) {
removeXyzEl(event.target);
}
};
el._xyzAnimEnd = event => {
if (event.animationName === xyzModeKeyframes) {
removeXyzEl(event.target);
}
};
el.addEventListener('animationend', el.xyzAnimEnd, false);
el.addEventListener('animationcancelled', el.xyzAnimEnd, false);
el.addEventListener('animationend', el._xyzAnimEnd, false);
el.addEventListener('animationcancelled', el._xyzAnimEnd, false);
}
if (mode === 'appear' && appearVisible) {
const observerOptions = Object.assign({}, appearVisible);
el.classList.add('xyz-paused');
el._xyzAppearObserver = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
el.classList.remove('xyz-paused');
observer.disconnect();
runAnim();
}
});
}, observerOptions);
el._xyzAppearObserver.observe(el);
} else {
runAnim();
}
};

@@ -139,2 +168,3 @@ }

appear: Boolean,
appearVisible: [Boolean, Object],
duration: [Number, String, Object],

@@ -166,7 +196,9 @@ mode: String,

function getXyzTransitionData(data) {
data.appear = Boolean(data.appear || data.appearVisible);
const {
appear,
appearVisible,
duration
} = data;
const animationHook = getXyzAnimationHook(duration);
const animationHook = getXyzAnimationHook(duration, appearVisible);
const transitionData = {

@@ -224,32 +256,21 @@ css: true,

XyzTransitionGroup.props = {
appear: {
type: Boolean
},
duration: {
type: [Number, String, Object]
},
tag: {
type: String,
default: 'div'
}
};
XyzTransitionGroup.props = xyzTransitionGroupProps;
function updateDirective(el, binding) {
var _el$xyzStatic;
const xyzAttr = clsx__default['default']((_el$xyzStatic = el.xyzStatic) === null || _el$xyzStatic === void 0 ? void 0 : _el$xyzStatic.split(' '), binding.value);
el.setAttribute('xyz', xyzAttr);
function updateDirective(el, {
value
}) {
el.setAttribute('xyz', clsx__default['default'](el._xyzOriginal, value));
}
var XyzContext = {
beforeMount(el, binding) {
el.xyzStatic = el.getAttribute('xyz');
updateDirective(el, binding);
var xyz = {
beforeMount(el, {
value
}) {
el._xyzOriginal = el.getAttribute('xyz');
updateDirective(...arguments);
el.setAttribute('xyz', clsx__default['default'](el._xyzOriginal, value));
},
updated(el, binding) {
updateDirective(el, binding);
}
updated: updateDirective,
beforeUnmount: updateDirective
};

@@ -261,3 +282,3 @@

app.component('XyzTransitionGroup', XyzTransitionGroup);
app.directive('xyz', XyzContext);
app.directive('xyz', xyz);
}

@@ -267,5 +288,5 @@

exports.XyzContext = XyzContext;
exports.XyzTransition = XyzTransition;
exports.XyzTransitionGroup = XyzTransitionGroup;
exports.default = VueAnimXyz;
exports.xyz = xyz;

163

dist/VueAnimXyz.esm.js
/**
* VueAnimXyz v0.2.0
* VueAnimXyz v0.3.0
* Copyright (c) 2020-present Ingram Projects

@@ -45,10 +45,18 @@ * Released under the MIT License.

function clearXyzElementProperties(el) {
clearTimeout(el.xyzAnimTimeout);
el.removeEventListener('animationend', el.xyzAnimEnd);
el.removeEventListener('animationcancelled', el.xyzAnimEnd);
delete el.xyzAnimTimeout;
delete el.xyzAnimEnd;
if (el._xyzAppearObserver) {
el._xyzAppearObserver.disconnect();
}
if (el._xyzAnimTimeout) {
clearTimeout(el._xyzAnimTimeout);
}
el.removeEventListener('animationend', el._xyzAnimEnd);
el.removeEventListener('animationcancelled', el._xyzAnimEnd);
delete el._xyzAppearObserver;
delete el._xyzAnimTimeout;
delete el._xyzAnimEnd;
}
function getXyzAnimationHook (duration) {
function getXyzAnimationHook (duration, appearVisible) {
return (el, done) => {

@@ -63,52 +71,73 @@ clearXyzElementProperties(el);

const mode = getXyzElementMode(el);
const modeDuration = getXyzDurationForMode(mode, duration);
if (typeof modeDuration === 'number') {
el.xyzAnimTimeout = setTimeout(xyzAnimDone, modeDuration);
return;
}
function runAnim() {
const modeDuration = getXyzDurationForMode(mode, duration);
const xyzModeKeyframes = "xyz-".concat(mode, "-keyframes");
const xyzEls = new Set([el]);
if (typeof modeDuration === 'number') {
el._xyzAnimTimeout = setTimeout(xyzAnimDone, modeDuration);
return;
}
if (modeDuration === 'auto') {
const xyzNestedEls = el.querySelectorAll(".xyz-nested, .xyz-".concat(mode, "-nested"));
xyzNestedEls.forEach(xyzEls.add, xyzEls);
}
const xyzModeKeyframes = "xyz-".concat(mode, "-keyframes");
const xyzEls = new Set([el]);
function removeXyzEl(xyzEl) {
xyzEls.delete(xyzEl);
if (xyzEls.size === 0) {
xyzAnimDone();
if (modeDuration === 'auto') {
const xyzNestedEls = el.querySelectorAll(".xyz-nested, .xyz-".concat(mode, "-nested"));
xyzNestedEls.forEach(xyzEls.add, xyzEls);
}
} // After one tick remove any elements that are dont have active animations
function removeXyzEl(xyzEl) {
xyzEls.delete(xyzEl);
el.xyzAnimTimeout = setTimeout(() => {
xyzEls.forEach(xyzEl => {
// Remove if element isnt visible
const visible = xyzEl.offsetParent || xyzEl.getClientRects().length;
if (xyzEls.size === 0) {
xyzAnimDone();
}
} // After one tick remove any elements that are dont have active animations
if (!visible) {
removeXyzEl(xyzEl);
} // Remove if element has xyz animation overridden
el._xyzAnimTimeout = setTimeout(() => {
xyzEls.forEach(xyzEl => {
// Remove if element isnt visible
const visible = xyzEl.offsetParent || xyzEl.getClientRects().length;
const animationName = window.getComputedStyle(xyzEl).getPropertyValue('animation-name');
if (!visible) {
removeXyzEl(xyzEl);
} // Remove if element has xyz animation overridden
if (animationName.indexOf(xyzModeKeyframes) === -1) {
removeXyzEl(xyzEl);
}
const animationName = window.getComputedStyle(xyzEl).getPropertyValue('animation-name');
if (animationName.indexOf(xyzModeKeyframes) === -1) {
removeXyzEl(xyzEl);
}
});
});
});
el.xyzAnimEnd = event => {
if (event.animationName === xyzModeKeyframes) {
removeXyzEl(event.target);
}
};
el._xyzAnimEnd = event => {
if (event.animationName === xyzModeKeyframes) {
removeXyzEl(event.target);
}
};
el.addEventListener('animationend', el.xyzAnimEnd, false);
el.addEventListener('animationcancelled', el.xyzAnimEnd, false);
el.addEventListener('animationend', el._xyzAnimEnd, false);
el.addEventListener('animationcancelled', el._xyzAnimEnd, false);
}
if (mode === 'appear' && appearVisible) {
const observerOptions = Object.assign({}, appearVisible);
el.classList.add('xyz-paused');
el._xyzAppearObserver = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
el.classList.remove('xyz-paused');
observer.disconnect();
runAnim();
}
});
}, observerOptions);
el._xyzAppearObserver.observe(el);
} else {
runAnim();
}
};

@@ -131,2 +160,3 @@ }

appear: Boolean,
appearVisible: [Boolean, Object],
duration: [Number, String, Object],

@@ -158,7 +188,9 @@ mode: String,

function getXyzTransitionData(data) {
data.appear = Boolean(data.appear || data.appearVisible);
const {
appear,
appearVisible,
duration
} = data;
const animationHook = getXyzAnimationHook(duration);
const animationHook = getXyzAnimationHook(duration, appearVisible);
const transitionData = {

@@ -216,32 +248,21 @@ css: true,

XyzTransitionGroup.props = {
appear: {
type: Boolean
},
duration: {
type: [Number, String, Object]
},
tag: {
type: String,
default: 'div'
}
};
XyzTransitionGroup.props = xyzTransitionGroupProps;
function updateDirective(el, binding) {
var _el$xyzStatic;
const xyzAttr = clsx((_el$xyzStatic = el.xyzStatic) === null || _el$xyzStatic === void 0 ? void 0 : _el$xyzStatic.split(' '), binding.value);
el.setAttribute('xyz', xyzAttr);
function updateDirective(el, {
value
}) {
el.setAttribute('xyz', clsx(el._xyzOriginal, value));
}
var XyzContext = {
beforeMount(el, binding) {
el.xyzStatic = el.getAttribute('xyz');
updateDirective(el, binding);
var xyz = {
beforeMount(el, {
value
}) {
el._xyzOriginal = el.getAttribute('xyz');
updateDirective(...arguments);
el.setAttribute('xyz', clsx(el._xyzOriginal, value));
},
updated(el, binding) {
updateDirective(el, binding);
}
updated: updateDirective,
beforeUnmount: updateDirective
};

@@ -253,3 +274,3 @@

app.component('XyzTransitionGroup', XyzTransitionGroup);
app.directive('xyz', XyzContext);
app.directive('xyz', xyz);
}

@@ -260,2 +281,2 @@

export default VueAnimXyz;
export { XyzContext, XyzTransition, XyzTransitionGroup };
export { XyzTransition, XyzTransitionGroup, xyz };

4

dist/VueAnimXyz.js
/**
* VueAnimXyz v0.2.0
* VueAnimXyz v0.3.0
* Copyright (c) 2020-present Ingram Projects

@@ -9,3 +9,3 @@ * Released under the MIT License.

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("clsx")):"function"==typeof define&&define.amd?define(["exports","clsx"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).VueAnimXyz={},e.clsx)}(this,(function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);function r(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 s=r("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl"),i=r("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function l(e){if(_(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],r=l(S(o)?u(o):o);if(r)for(const e in r)t[e]=r[e]}return t}if(A(e))return e}const a=/;(?![^(]*\))/g,c=/:(.+)/;function u(e){const t={};return e.split(a).forEach(e=>{if(e){const n=e.split(c);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function f(e){let t="";if(S(e))t=e;else if(_(e))for(let n=0;n<e.length;n++)t+=f(e[n])+" ";else if(A(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const p={},d=()=>{},v=/^on[^a-z]/,h=e=>v.test(e),g=Object.assign,m=Object.prototype.hasOwnProperty,y=(e,t)=>m.call(e,t),_=Array.isArray,b=e=>"[object Map]"===w(e),C=e=>"function"==typeof e,S=e=>"string"==typeof e,x=e=>"symbol"==typeof e,A=e=>null!==e&&"object"==typeof e,E=Object.prototype.toString,w=e=>E.call(e),T=e=>S(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,z=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},L=/-(\w)/g,k=z(e=>e.replace(L,(e,t)=>t?t.toUpperCase():"")),N=/\B([A-Z])/g,O=z(e=>e.replace(N,"-$1").toLowerCase()),F=z(e=>e.charAt(0).toUpperCase()+e.slice(1)),R=(e,t)=>e!==t&&(e==e||t==t),P=new WeakMap,j=[];let M;const I=Symbol(""),B=Symbol("");function $(e,t=p){(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(!j.includes(n)){W(n);try{return q.push(D),D=!0,j.push(n),M=n,e()}finally{j.pop(),H(),M=j[j.length-1]}}};return n.id=V++,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 U(e){e.active&&(W(e),e.options.onStop&&e.options.onStop(),e.active=!1)}let V=0;function W(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let D=!0;const q=[];function X(){q.push(D),D=!1}function H(){const e=q.pop();D=void 0===e||e}function G(e,t,n){if(!D||void 0===M)return;let o=P.get(e);o||P.set(e,o=new Map);let r=o.get(n);r||o.set(n,r=new Set),r.has(M)||(r.add(M),M.deps.push(r))}function K(e,t,n,o,r,s){const i=P.get(e);if(!i)return;const l=new Set,a=e=>{e&&e.forEach(e=>{(e!==M||e.allowRecurse)&&l.add(e)})};if("clear"===t)i.forEach(a);else if("length"===n&&_(e))i.forEach((e,t)=>{("length"===t||t>=o)&&a(e)});else switch(void 0!==n&&a(i.get(n)),t){case"add":_(e)?T(n)&&a(i.get("length")):(a(i.get(I)),b(e)&&a(i.get(B)));break;case"delete":_(e)||(a(i.get(I)),b(e)&&a(i.get(B)));break;case"set":b(e)&&a(i.get(I))}l.forEach(e=>{e.options.scheduler?e.options.scheduler(e):e()})}const J=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(x)),Z=ne(),Q=ne(!1,!0),Y=ne(!0),ee=ne(!0,!0),te={};function ne(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?Te:we).get(n))return n;const s=_(n);if(!e&&s&&y(te,o))return Reflect.get(te,o,r);const i=Reflect.get(n,o,r);if(x(o)?J.has(o):"__proto__"===o||"__v_isRef"===o)return i;if(e||G(n,0,o),t)return i;if(je(i)){return!s||!T(o)?i.value:i}return A(i)?e?ke(i):Le(i):i}}["includes","indexOf","lastIndexOf"].forEach(e=>{const t=Array.prototype[e];te[e]=function(...e){const n=Pe(this);for(let e=0,t=this.length;e<t;e++)G(n,0,e+"");const o=t.apply(n,e);return-1===o||!1===o?t.apply(n,e.map(Pe)):o}}),["push","pop","shift","unshift","splice"].forEach(e=>{const t=Array.prototype[e];te[e]=function(...e){X();const n=t.apply(this,e);return H(),n}});function oe(e=!1){return function(t,n,o,r){const s=t[n];if(!e&&(o=Pe(o),!_(t)&&je(s)&&!je(o)))return s.value=o,!0;const i=_(t)&&T(n)?Number(n)<t.length:y(t,n),l=Reflect.set(t,n,o,r);return t===Pe(r)&&(i?R(o,s)&&K(t,"set",n,o):K(t,"add",n,o)),l}}const re={get:Z,set:oe(),deleteProperty:function(e,t){const n=y(e,t),o=(e[t],Reflect.deleteProperty(e,t));return o&&n&&K(e,"delete",t,void 0),o},has:function(e,t){const n=Reflect.has(e,t);return x(t)&&J.has(t)||G(e,0,t),n},ownKeys:function(e){return G(e,0,_(e)?"length":I),Reflect.ownKeys(e)}},se={get:Y,set:(e,t)=>!0,deleteProperty:(e,t)=>!0},ie=(g({},re,{get:Q,set:oe(!0)}),g({},se,{get:ee}),e=>A(e)?Le(e):e),le=e=>A(e)?ke(e):e,ae=e=>e,ce=e=>Reflect.getPrototypeOf(e);function ue(e,t,n=!1,o=!1){const r=Pe(e=e.__v_raw),s=Pe(t);t!==s&&!n&&G(r,0,t),!n&&G(r,0,s);const{has:i}=ce(r),l=n?le:o?ae:ie;return i.call(r,t)?l(e.get(t)):i.call(r,s)?l(e.get(s)):void 0}function fe(e,t=!1){const n=this.__v_raw,o=Pe(n),r=Pe(e);return e!==r&&!t&&G(o,0,e),!t&&G(o,0,r),e===r?n.has(e):n.has(e)||n.has(r)}function pe(e,t=!1){return e=e.__v_raw,!t&&G(Pe(e),0,I),Reflect.get(e,"size",e)}function de(e){e=Pe(e);const t=Pe(this),n=ce(t).has.call(t,e);return t.add(e),n||K(t,"add",e,e),this}function ve(e,t){t=Pe(t);const n=Pe(this),{has:o,get:r}=ce(n);let s=o.call(n,e);s||(e=Pe(e),s=o.call(n,e));const i=r.call(n,e);return n.set(e,t),s?R(t,i)&&K(n,"set",e,t):K(n,"add",e,t),this}function he(e){const t=Pe(this),{has:n,get:o}=ce(t);let r=n.call(t,e);r||(e=Pe(e),r=n.call(t,e));o&&o.call(t,e);const s=t.delete(e);return r&&K(t,"delete",e,void 0),s}function ge(){const e=Pe(this),t=0!==e.size,n=e.clear();return t&&K(e,"clear",void 0,void 0),n}function me(e,t){return function(n,o){const r=this,s=r.__v_raw,i=Pe(s),l=e?le:t?ae:ie;return!e&&G(i,0,I),s.forEach((e,t)=>n.call(o,l(e),l(t),r))}}function ye(e,t,n){return function(...o){const r=this.__v_raw,s=Pe(r),i=b(s),l="entries"===e||e===Symbol.iterator&&i,a="keys"===e&&i,c=r[e](...o),u=t?le:n?ae:ie;return!t&&G(s,0,a?B:I),{next(){const{value:e,done:t}=c.next();return t?{value:e,done:t}:{value:l?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function _e(e){return function(...t){return"delete"!==e&&this}}const be={get(e){return ue(this,e)},get size(){return pe(this)},has:fe,add:de,set:ve,delete:he,clear:ge,forEach:me(!1,!1)},Ce={get(e){return ue(this,e,!1,!0)},get size(){return pe(this)},has:fe,add:de,set:ve,delete:he,clear:ge,forEach:me(!1,!0)},Se={get(e){return ue(this,e,!0)},get size(){return pe(this,!0)},has(e){return fe.call(this,e,!0)},add:_e("add"),set:_e("set"),delete:_e("delete"),clear:_e("clear"),forEach:me(!0,!1)};function xe(e,t){const n=t?Ce:e?Se:be;return(t,o,r)=>"__v_isReactive"===o?!e:"__v_isReadonly"===o?e:"__v_raw"===o?t:Reflect.get(y(n,o)&&o in t?n:t,o,r)}["keys","values","entries",Symbol.iterator].forEach(e=>{be[e]=ye(e,!1,!1),Se[e]=ye(e,!0,!1),Ce[e]=ye(e,!1,!0)});const Ae={get:xe(!1,!1)},Ee={get:xe(!0,!1)},we=new WeakMap,Te=new WeakMap;function ze(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>w(e).slice(8,-1))(e))}function Le(e){return e&&e.__v_isReadonly?e:Ne(e,!1,re,Ae)}function ke(e){return Ne(e,!0,se,Ee)}function Ne(e,t,n,o){if(!A(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const r=t?Te:we,s=r.get(e);if(s)return s;const i=ze(e);if(0===i)return e;const l=new Proxy(e,2===i?o:n);return r.set(e,l),l}function Oe(e){return Fe(e)?Oe(e.__v_raw):!(!e||!e.__v_isReactive)}function Fe(e){return!(!e||!e.__v_isReadonly)}function Re(e){return Oe(e)||Fe(e)}function Pe(e){return e&&Pe(e.__v_raw)||e}function je(e){return Boolean(e&&!0===e.__v_isRef)}function Me(e,t,n,o){let r;try{r=o?e(...o):e()}catch(e){Be(e,t,n)}return r}function Ie(e,t,n,o){if(C(e)){const s=Me(e,t,n,o);return s&&(A(r=s)&&C(r.then)&&C(r.catch))&&s.catch(e=>{Be(e,t,n)}),s}var r;const s=[];for(let r=0;r<e.length;r++)s.push(Ie(e[r],t,n,o));return s}function Be(e,t,n,o=!0){t&&t.vnode;if(t){let o=t.parent;const r=t.proxy,s=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 Me(i,null,10,[e,r,s])}!function(e,t,n,o=!0){console.error(e)}(e,0,0,o)}let $e=!1,Ue=!1;const Ve=[];let We=0;const De=[];let qe=null,Xe=0;const He=[];let Ge=null,Ke=0;const Je=Promise.resolve();let Ze=null,Qe=null;function Ye(e){const t=Ze||Je;return e?t.then(this?e.bind(this):e):t}function et(){$e||Ue||(Ue=!0,Ze=Je.then(ot))}function tt(e,t,n,o){_(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?o+1:o)||n.push(e),et()}const nt=e=>null==e.id?1/0:e.id;function ot(e){Ue=!1,$e=!0,function e(t,n=null){if(De.length){for(Qe=n,qe=[...new Set(De)],De.length=0,Xe=0;Xe<qe.length;Xe++)qe[Xe]();qe=null,Xe=0,Qe=null,e(t,n)}}(e),Ve.sort((e,t)=>nt(e)-nt(t));try{for(We=0;We<Ve.length;We++){const e=Ve[We];e&&Me(e,null,14)}}finally{We=0,Ve.length=0,function(e){if(He.length){const e=[...new Set(He)];if(He.length=0,Ge)return void Ge.push(...e);for(Ge=e,Ge.sort((e,t)=>nt(e)-nt(t)),Ke=0;Ke<Ge.length;Ke++)Ge[Ke]();Ge=null,Ke=0}}(),$e=!1,Ze=null,(Ve.length||He.length)&&ot(e)}}function rt(e){if(C(e)&&(e=e()),_(e)){e=function(e){let t;for(let n=0;n<e.length;n++){const o=e[n];if(!kt(o))return;if(o.type!==Lt||"v-if"===o.children){if(t)return;t=o}}return t}(e)}return Mt(e)}let st=0;const it=e=>st+=e;const lt=e=>(t,n=Wt)=>function(e,t,n=Wt,o=!1){if(n){const r=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...o)=>{if(n.isUnmounted)return;X(),qt(n);const r=Ie(t,n,e,o);return qt(null),H(),r});return o?r.unshift(s):r.push(s),s}}(e,t,n),at=lt("m"),ct=lt("u"),ut=lt("bum"),ft={};function pt(e,t,{immediate:n,deep:o,flush:r,onTrack:s,onTrigger:i}=p,l=Wt){let a,c,u=!1;if(je(e)?(a=()=>e.value,u=!!e._shallow):Oe(e)?(a=()=>e,o=!0):a=_(e)?()=>e.map(e=>je(e)?e.value:Oe(e)?vt(e):C(e)?Me(e,l,2):void 0):C(e)?t?()=>Me(e,l,2):()=>{if(!l||!l.isUnmounted)return c&&c(),Me(e,l,3,[f])}:d,t&&o){const e=a;a=()=>vt(e())}const f=e=>{c=m.options.onStop=()=>{Me(e,l,4)}};let v=_(e)?[]:ft;const h=()=>{if(m.active)if(t){const e=m();(o||u||R(e,v))&&(c&&c(),Ie(t,l,3,[e,v===ft?void 0:v,f]),v=e)}else m()};let g;h.allowRecurse=!!t,g="sync"===r?h:"post"===r?()=>Et(h,l&&l.suspense):()=>{!l||l.isMounted?function(e){tt(e,qe,De,Xe)}(h):h()};const m=$(a,{lazy:!0,onTrack:s,onTrigger:i,scheduler:g});return function(e,t=Wt){t&&(t.effects||(t.effects=[])).push(e)}(m,l),t?n?h():v=m():"post"===r?Et(m,l&&l.suspense):m(),()=>{U(m),l&&((e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)})(l.effects,m)}}function dt(e,t,n){const o=this.proxy;return pt(S(e)?()=>o[e]:e.bind(o),t.bind(o),n,this)}function vt(e,t=new Set){if(!A(e)||t.has(e))return e;if(t.add(e),je(e))vt(e.value,t);else if(_(e))for(let n=0;n<e.length;n++)vt(e[n],t);else if("[object Set]"===w(e)||b(e))e.forEach(e=>{vt(e,t)});else for(const n in e)vt(e[n],t);return e}function ht(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return at(()=>{e.isMounted=!0}),ut(()=>{e.isUnmounting=!0}),e}const gt=[Function,Array],mt={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:gt,onEnter:gt,onAfterEnter:gt,onEnterCancelled:gt,onBeforeLeave:gt,onLeave:gt,onAfterLeave:gt,onLeaveCancelled:gt,onBeforeAppear:gt,onAppear:gt,onAfterAppear:gt,onAppearCancelled:gt},setup(e,{slots:t}){const n=Dt(),o=ht();let r;return()=>{const s=t.default&&xt(t.default(),!0);if(!s||!s.length)return;const i=Pe(e),{mode:l}=i,a=s[0];if(o.isLeaving)return bt(a);const c=Ct(a);if(!c)return bt(a);const u=_t(c,i,o,n);St(c,u);const f=n.subTree,p=f&&Ct(f);let d=!1;const{getTransitionKey:v}=c.type;if(v){const e=v();void 0===r?r=e:e!==r&&(r=e,d=!0)}if(p&&p.type!==Lt&&(!Nt(c,p)||d)){const e=_t(p,i,o,n);if(St(p,e),"out-in"===l)return o.isLeaving=!0,e.afterLeave=()=>{o.isLeaving=!1,n.update()},bt(a);"in-out"===l&&(e.delayLeave=(e,t,n)=>{yt(o,p)[String(p.key)]=p,e._leaveCb=()=>{t(),e._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=n})}return a}}};function yt(e,t){const{leavingVNodes:n}=e;let o=n.get(t.type);return o||(o=Object.create(null),n.set(t.type,o)),o}function _t(e,t,n,o){const{appear:r,mode:s,persisted:i=!1,onBeforeEnter:l,onEnter:a,onAfterEnter:c,onEnterCancelled:u,onBeforeLeave:f,onLeave:p,onAfterLeave:d,onLeaveCancelled:v,onBeforeAppear:h,onAppear:g,onAfterAppear:m,onAppearCancelled:y}=t,_=String(e.key),b=yt(n,e),C=(e,t)=>{e&&Ie(e,o,9,t)},S={mode:s,persisted:i,beforeEnter(t){let o=l;if(!n.isMounted){if(!r)return;o=h||l}t._leaveCb&&t._leaveCb(!0);const s=b[_];s&&Nt(e,s)&&s.el._leaveCb&&s.el._leaveCb(),C(o,[t])},enter(e){let t=a,o=c,s=u;if(!n.isMounted){if(!r)return;t=g||a,o=m||c,s=y||u}let i=!1;const l=e._enterCb=t=>{i||(i=!0,C(t?s:o,[e]),S.delayedLeave&&S.delayedLeave(),e._enterCb=void 0)};t?(t(e,l),t.length<=1&&l()):l()},leave(t,o){const r=String(e.key);if(t._enterCb&&t._enterCb(!0),n.isUnmounting)return o();C(f,[t]);let s=!1;const i=t._leaveCb=n=>{s||(s=!0,o(),C(n?v:d,[t]),t._leaveCb=void 0,b[r]===e&&delete b[r])};b[r]=e,p?(p(t,i),p.length<=1&&i()):i()},clone:e=>_t(e,t,n,o)};return S}function bt(e){if(At(e))return(e=Pt(e)).children=null,e}function Ct(e){return At(e)?e.children?e.children[0]:void 0:e}function St(e,t){6&e.shapeFlag&&e.component?St(e.component.subTree,t):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function xt(e,t=!1){let n=[],o=0;for(let r=0;r<e.length;r++){const s=e[r];s.type===Tt?(128&s.patchFlag&&o++,n=n.concat(xt(s.children,t))):(t||s.type!==Lt)&&n.push(s)}if(o>1)for(let e=0;e<n.length;e++)n[e].patchFlag=-2;return n}const At=e=>e.type.__isKeepAlive,Et=function(e,t){t&&t.pendingBranch?_(e)?t.effects.push(...e):t.effects.push(e):tt(e,Ge,He,Ke)},wt=Symbol(),Tt=Symbol(void 0),zt=Symbol(void 0),Lt=Symbol(void 0);function kt(e){return!!e&&!0===e.__v_isVNode}function Nt(e,t){return e.type===t.type&&e.key===t.key}const Ot=({key:e})=>null!=e?e:null,Ft=({ref:e})=>null!=e?S(e)||je(e)||C(e)?{i:null,r:e}:e:null,Rt=function(e,t=null,n=null,o=0,r=null,s=!1){e&&e!==wt||(e=Lt);if(kt(e)){const o=Pt(e,t,!0);return n&&It(o,n),o}i=e,C(i)&&"__vccOpts"in i&&(e=e.__vccOpts);var i;if(t){(Re(t)||"__vInternal"in t)&&(t=g({},t));let{class:e,style:n}=t;e&&!S(e)&&(t.class=f(e)),A(n)&&(Re(n)&&!_(n)&&(n=g({},n)),t.style=l(n))}const a=S(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:A(e)?4:C(e)?2:0,c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Ot(t),ref:t&&Ft(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:a,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null};if(It(c,n),128&a){const{content:e,fallback:t}=function(e){const{shapeFlag:t,children:n}=e;let o,r;return 32&t?(o=rt(n.default),r=rt(n.fallback)):(o=rt(n),r=Mt(null)),{content:o,fallback:r}}(c);c.ssContent=e,c.ssFallback=t}0;return c};function Pt(e,t,n=!1){const{props:o,ref:r,patchFlag:s}=e,i=t?function(...e){const t=g({},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=f([t.class,o.class]));else if("style"===e)t.style=l([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&&Ot(i),ref:t&&t.ref?n&&r?_(r)?r.concat(Ft(t)):[r,Ft(t)]:Ft(t):r,scopeId:e.scopeId,children:e.children,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Tt?-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&&Pt(e.ssContent),ssFallback:e.ssFallback&&Pt(e.ssFallback),el:e.el,anchor:e.anchor}}function jt(e=" ",t=0){return Rt(zt,null,e,t)}function Mt(e){return null==e||"boolean"==typeof e?Rt(Lt):_(e)?Rt(Tt,null,e):"object"==typeof e?null===e.el?e:Pt(e):Rt(zt,null,String(e))}function It(e,t){let n=0;const{shapeFlag:o}=e;if(null==t)t=null;else if(_(t))n=16;else if("object"==typeof t){if(1&o||64&o){const n=t.default;return void(n&&(n._c&&it(1),It(e,n()),n._c&&it(-1)))}{n=32;const e=t._;e||"__vInternal"in t||(t._ctx=null)}}else C(t)?(t={default:t,_ctx:null},n=32):(t=String(t),64&o?(n=16,t=[jt(t)]):n=8);e.children=t,e.shapeFlag|=n}function Bt(e,t,n){const o=n.appContext.config.optionMergeStrategies,{mixins:r,extends:s}=t;s&&Bt(e,s,n),r&&r.forEach(t=>Bt(e,t,n));for(const r in t)o&&y(o,r)?e[r]=o[r](e[r],t[r],n.proxy,r):e[r]=t[r]}const $t=e=>e&&(e.proxy?e.proxy:$t(e.parent)),Ut=g(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>$t(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=>Bt(i,t,e)),Bt(i,t,e),t.__merged=i}(e):e.type,$forceUpdate:e=>()=>{return t=e.update,void(Ve.length&&Ve.includes(t,$e&&t.allowRecurse?We+1:We)||t===Qe||(Ve.push(t),et()));var t},$nextTick:e=>Ye.bind(e.proxy),$watch:e=>__VUE_OPTIONS_API__?dt.bind(e):d}),Vt={get({_:e},t){const{ctx:n,setupState:o,data:r,props:s,accessCache:i,type:l,appContext:a}=e;if("__v_skip"===t)return!0;let c;if("$"!==t[0]){const l=i[t];if(void 0!==l)switch(l){case 0:return o[t];case 1:return r[t];case 3:return n[t];case 2:return s[t]}else{if(o!==p&&y(o,t))return i[t]=0,o[t];if(r!==p&&y(r,t))return i[t]=1,r[t];if((c=e.propsOptions[0])&&y(c,t))return i[t]=2,s[t];if(n!==p&&y(n,t))return i[t]=3,n[t];__VUE_OPTIONS_API__,i[t]=4}}const u=Ut[t];let f,d;return u?("$attrs"===t&&G(e,0,t),u(e)):(f=l.__cssModules)&&(f=f[t])?f:n!==p&&y(n,t)?(i[t]=3,n[t]):(d=a.config.globalProperties,y(d,t)?d[t]:void 0)},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;if(r!==p&&y(r,t))r[t]=n;else if(o!==p&&y(o,t))o[t]=n;else if(t in e.props)return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:s}},i){let l;return void 0!==n[i]||e!==p&&y(e,i)||t!==p&&y(t,i)||(l=s[0])&&y(l,i)||y(o,i)||y(Ut,i)||y(r.config.globalProperties,i)}};g({},Vt,{get(e,t){if(t!==Symbol.unscopables)return Vt.get(e,t,e)},has:(e,t)=>"_"!==t[0]&&!s(t)});let Wt=null;const Dt=()=>Wt||null,qt=e=>{Wt=e};function Xt(e,t,n){const o=arguments.length;return 2===o?A(t)&&!_(t)?kt(t)?Rt(e,null,[t]):Rt(e,t):Rt(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):3===o&&kt(n)&&(n=[n]),Rt(e,t,n))}const Ht="http://www.w3.org/2000/svg",Gt="undefined"!=typeof document?document:null;let Kt,Jt;const Zt={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n)=>t?Gt.createElementNS(Ht,e):Gt.createElement(e,n?{is:n}:void 0),createText:e=>Gt.createTextNode(e),createComment:e=>Gt.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Gt.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode:e=>e.cloneNode(!0),insertStaticContent(e,t,n,o){const r=o?Jt||(Jt=Gt.createElementNS(Ht,"svg")):Kt||(Kt=Gt.createElement("div"));r.innerHTML=e;const s=r.firstChild;let i=s,l=i;for(;i;)l=i,Zt.insert(i,t,n),i=r.firstChild;return[s,l]}};const Qt=/\s*!important$/;function Yt(e,t,n){if(_(n))n.forEach(n=>Yt(e,t,n));else if(t.startsWith("--"))e.setProperty(t,n);else{const o=function(e,t){const n=tn[t];if(n)return n;let o=k(t);if("filter"!==o&&o in e)return tn[t]=o;o=F(o);for(let n=0;n<en.length;n++){const r=en[n]+o;if(r in e)return tn[t]=r}return t}(e,t);Qt.test(n)?e.setProperty(O(o),n.replace(Qt,""),"important"):e[o]=n}}const en=["Webkit","Moz","ms"],tn={};const nn="http://www.w3.org/1999/xlink";let on=Date.now;"undefined"!=typeof document&&on()>document.createEvent("Event").timeStamp&&(on=()=>performance.now());let rn=0;const sn=Promise.resolve(),ln=()=>{rn=0};function an(e,t,n,o,r=null){const s=e._vei||(e._vei={}),i=s[t];if(o&&i)i.value=o;else{const[n,l]=function(e){let t;if(cn.test(e)){let n;for(t={};n=e.match(cn);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[e.slice(2).toLowerCase(),t]}(t);if(o){!function(e,t,n,o){e.addEventListener(t,n,o)}(e,n,s[t]=function(e,t){const n=e=>{(e.timeStamp||on())>=n.attached-1&&Ie(function(e,t){if(_(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(e=>t=>!t._stopped&&e(t))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>rn||(sn.then(ln),rn=on()))(),n}(o,r),l)}else i&&(!function(e,t,n,o){e.removeEventListener(t,n,o)}(e,n,i,l),s[t]=void 0)}}const cn=/(?:Once|Passive|Capture)$/;const un=/^on[a-z]/;const fn=(e,{slots:t})=>Xt(mt,vn(e),t);fn.displayName="Transition";const pn={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},dn=fn.props=g({},mt.props,pn);function vn(e){let{name:t="v",type:n,css:o=!0,duration:r,enterFromClass:s="".concat(t,"-enter-from"),enterActiveClass:i="".concat(t,"-enter-active"),enterToClass:l="".concat(t,"-enter-to"),appearFromClass:a=s,appearActiveClass:c=i,appearToClass:u=l,leaveFromClass:f="".concat(t,"-leave-from"),leaveActiveClass:p="".concat(t,"-leave-active"),leaveToClass:d="".concat(t,"-leave-to")}=e;const v={};for(const t in e)t in pn||(v[t]=e[t]);if(!o)return v;const h=function(e){if(null==e)return null;if(A(e))return[hn(e.enter),hn(e.leave)];{const t=hn(e);return[t,t]}}(r),m=h&&h[0],y=h&&h[1],{onBeforeEnter:_,onEnter:b,onEnterCancelled:C,onLeave:S,onLeaveCancelled:x,onBeforeAppear:E=_,onAppear:w=b,onAppearCancelled:T=C}=v,z=(e,t,n)=>{mn(e,t?u:l),mn(e,t?c:i),n&&n()},L=(e,t)=>{mn(e,d),mn(e,p),t&&t()},k=e=>(t,o)=>{const r=e?w:b,i=()=>z(t,e,o);r&&r(t,i),yn(()=>{mn(t,e?a:s),gn(t,e?u:l),r&&r.length>1||bn(t,n,m,i)})};return g(v,{onBeforeEnter(e){_&&_(e),gn(e,s),gn(e,i)},onBeforeAppear(e){E&&E(e),gn(e,a),gn(e,c)},onEnter:k(!1),onAppear:k(!0),onLeave(e,t){const o=()=>L(e,t);gn(e,f),An(),gn(e,p),yn(()=>{mn(e,f),gn(e,d),S&&S.length>1||bn(e,n,y,o)}),S&&S(e,o)},onEnterCancelled(e){z(e,!1),C&&C(e)},onAppearCancelled(e){z(e,!0),T&&T(e)},onLeaveCancelled(e){L(e),x&&x(e)}})}function hn(e){return(e=>{const t=parseFloat(e);return isNaN(t)?e:t})(e)}function gn(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.add(t)),(e._vtc||(e._vtc=new Set)).add(t)}function mn(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.remove(t));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function yn(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let _n=0;function bn(e,t,n,o){const r=e._endId=++_n,s=()=>{r===e._endId&&o()};if(n)return setTimeout(s,n);const{type:i,timeout:l,propCount:a}=Cn(e,t);if(!i)return o();const c=i+"end";let u=0;const f=()=>{e.removeEventListener(c,p),s()},p=t=>{t.target===e&&++u>=a&&f()};setTimeout(()=>{u<a&&f()},l+1),e.addEventListener(c,p)}function Cn(e,t){const n=window.getComputedStyle(e),o=e=>(n[e]||"").split(", "),r=o("transitionDelay"),s=o("transitionDuration"),i=Sn(r,s),l=o("animationDelay"),a=o("animationDuration"),c=Sn(l,a);let u=null,f=0,p=0;"transition"===t?i>0&&(u="transition",f=i,p=s.length):"animation"===t?c>0&&(u="animation",f=c,p=a.length):(f=Math.max(i,c),u=f>0?i>c?"transition":"animation":null,p=u?"transition"===u?s.length:a.length:0);return{type:u,timeout:f,propCount:p,hasTransform:"transition"===u&&/\b(transform|all)(,|$)/.test(n.transitionProperty)}}function Sn(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map((t,n)=>xn(t)+xn(e[n])))}function xn(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function An(){return document.body.offsetHeight}const En=new WeakMap,wn=new WeakMap,Tn={name:"TransitionGroup",props:g({},dn,{tag:String,moveClass:String}),setup(e,{slots:t}){const n=Dt(),o=ht();let r,s;return ct(()=>{if(!r.length)return;const t=e.moveClass||"".concat(e.name||"v","-move");if(!function(e,t,n){const o=e.cloneNode();e._vtc&&e._vtc.forEach(e=>{e.split(/\s+/).forEach(e=>e&&o.classList.remove(e))});n.split(/\s+/).forEach(e=>e&&o.classList.add(e)),o.style.display="none";const r=1===t.nodeType?t:t.parentNode;r.appendChild(o);const{hasTransform:s}=Cn(o);return r.removeChild(o),s}(r[0].el,n.vnode.el,t))return;r.forEach(zn),r.forEach(Ln);const o=r.filter(kn);An(),o.forEach(e=>{const n=e.el,o=n.style;gn(n,t),o.transform=o.webkitTransform=o.transitionDuration="";const r=n._moveCb=e=>{e&&e.target!==n||e&&!/transform$/.test(e.propertyName)||(n.removeEventListener("transitionend",r),n._moveCb=null,mn(n,t))};n.addEventListener("transitionend",r)})}),()=>{const i=Pe(e),l=vn(i),a=i.tag||Tt;r=s,s=t.default?xt(t.default()):[];for(let e=0;e<s.length;e++){const t=s[e];null!=t.key&&St(t,_t(t,l,o,n))}if(r)for(let e=0;e<r.length;e++){const t=r[e];St(t,_t(t,l,o,n)),En.set(t,t.el.getBoundingClientRect())}return Rt(a,null,s)}}};function zn(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function Ln(e){wn.set(e,e.el.getBoundingClientRect())}function kn(e){const t=En.get(e),n=wn.get(e),o=t.left-n.left,r=t.top-n.top;if(o||r){const t=e.el.style;return t.transform=t.webkitTransform="translate(".concat(o,"px,").concat(r,"px)"),t.transitionDuration="0s",e}}g({patchProp:(e,t,n,o,r=!1,s,l,a,c)=>{switch(t){case"class":!function(e,t,n){if(null==t&&(t=""),n)e.setAttribute("class",t);else{const n=e._vtc;n&&(t=(t?[t,...n]:[...n]).join(" ")),e.className=t}}(e,o,r);break;case"style":!function(e,t,n){const o=e.style;if(n)if(S(n))t!==n&&(o.cssText=n);else{for(const e in n)Yt(o,e,n[e]);if(t&&!S(t))for(const e in t)null==n[e]&&Yt(o,e,"")}else e.removeAttribute("style")}(e,n,o);break;default:h(t)?(e=>e.startsWith("onUpdate:"))(t)||an(e,t,0,o,l):function(e,t,n,o){if(o)return"innerHTML"===t||!!(t in e&&un.test(t)&&C(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t&&"string"==typeof n)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if(un.test(t)&&S(n))return!1;return t in e}(e,t,o,r)?function(e,t,n,o,r,s,i){if("innerHTML"===t||"textContent"===t)return o&&i(o,r,s),void(e[t]=null==n?"":n);if("value"!==t||"PROGRESS"===e.tagName){if(""===n||null==n){const o=typeof e[t];if(""===n&&"boolean"===o)return void(e[t]=!0);if(null==n&&"string"===o)return e[t]="",void e.removeAttribute(t);if("number"===o)return e[t]=0,void e.removeAttribute(t)}try{e[t]=n}catch(e){}}else{e._value=n;const t=null==n?"":n;e.value!==t&&(e.value=t)}}(e,t,o,s,l,a,c):("true-value"===t?e._trueValue=o:"false-value"===t&&(e._falseValue=o),function(e,t,n,o){if(o&&t.startsWith("xlink:"))null==n?e.removeAttributeNS(nn,t.slice(6,t.length)):e.setAttributeNS(nn,t,n);else{const o=i(t);null==n||o&&!1===n?e.removeAttribute(t):e.setAttribute(t,o?"":n)}}(e,t,o,r))}},forcePatchProp:(e,t)=>"value"===t},Zt);function Nn(e){clearTimeout(e.xyzAnimTimeout),e.removeEventListener("animationend",e.xyzAnimEnd),e.removeEventListener("animationcancelled",e.xyzAnimEnd),delete e.xyzAnimTimeout,delete e.xyzAnimEnd}var On="xyz-appear-from",Fn="xyz-appear",Rn="xyz-appear-to",Pn="xyz-in-from",jn="xyz-in",Mn="xyz-in-to",In="xyz-out-from",Bn="xyz-out",$n="xyz-out-to";const Un={appear:Boolean,duration:[Number,String,Object],mode:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,enterFromClass:String,enterActiveClass:String,enterToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};Object.assign({},Un,{tag:{type:String,default:"div"},moveClass:String});function Vn(e={},t={}){return Object.assign({},e,t,{style:Object.assign({},e.style,t.style),class:o.default(e.class,t.class)})}function Wn(e){const{appear:t,duration:n}=e,o=function(e){return(t,n)=>{function o(){Nn(t),n()}Nn(t);const r=function(e){return e.classList.contains("xyz-appear")?"appear":e.classList.contains("xyz-in")?"in":e.classList.contains("xyz-out")?"out":null}(t),s=function(e,t){switch(typeof t){case"number":case"string":return t;case"object":return null===t?null:t[e]}return null}(r,e);if("number"==typeof s)return void(t.xyzAnimTimeout=setTimeout(o,s));const i="xyz-".concat(r,"-keyframes"),l=new Set([t]);if("auto"===s){t.querySelectorAll(".xyz-nested, .xyz-".concat(r,"-nested")).forEach(l.add,l)}function a(e){l.delete(e),0===l.size&&o()}t.xyzAnimTimeout=setTimeout(()=>{l.forEach(e=>{e.offsetParent||e.getClientRects().length||a(e);-1===window.getComputedStyle(e).getPropertyValue("animation-name").indexOf(i)&&a(e)})}),t.xyzAnimEnd=e=>{e.animationName===i&&a(e.target)},t.addEventListener("animationend",t.xyzAnimEnd,!1),t.addEventListener("animationcancelled",t.xyzAnimEnd,!1)}}(n),r={css:!0,type:"animation",appearFromClass:On,appearActiveClass:Fn,appearToClass:Rn,enterFromClass:Pn,enterActiveClass:jn,enterToClass:Mn,leaveFromClass:In,leaveActiveClass:Bn,leaveToClass:$n,onEnter:o,onLeave:o};t&&(r.onAppear=o);const s=Vn(r,e);return delete s.duration,s}function Dn(e,t){const n=Wn(Object.assign({},t.attrs,e));return Xt(fn,n,t.slots)}function qn(e,t){const n=Wn(Object.assign({},t.attrs,e));return Xt(Tn,n,(function(){const e=t.slots.default?t.slots.default():[],n=xt(e);return n.forEach((e,t)=>{e.props=Vn({style:{"--xyz-index":t,"--xyz-index-rev":n.length-t-1}},e.props)}),e}))}function Xn(e,t){var n;const r=o.default(null===(n=e.xyzStatic)||void 0===n?void 0:n.split(" "),t.value);e.setAttribute("xyz",r)}Dn.props=Un,qn.props={appear:{type:Boolean},duration:{type:[Number,String,Object]},tag:{type:String,default:"div"}};var Hn={beforeMount(e,t){e.xyzStatic=e.getAttribute("xyz"),Xn(e,t)},updated(e,t){Xn(e,t)}};const Gn={install(e){e.component("XyzTransition",Dn),e.component("XyzTransitionGroup",qn),e.directive("xyz",Hn)}};e.XyzContext=Hn,e.XyzTransition=Dn,e.XyzTransitionGroup=qn,e.default=Gn,Object.defineProperty(e,"__esModule",{value:!0})}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("clsx")):"function"==typeof define&&define.amd?define(["exports","clsx"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).VueAnimXyz={},e.clsx)}(this,(function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);function o(e,t){const n=Object.create(null),r=e.split(",");for(let e=0;e<r.length;e++)n[r[e]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}const s=o("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl"),i=o("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function a(e){if(_(e)){const t={};for(let n=0;n<e.length;n++){const r=e[n],o=a(x(r)?u(r):r);if(o)for(const e in o)t[e]=o[e]}return t}if(A(e))return e}const l=/;(?![^(]*\))/g,c=/:(.+)/;function u(e){const t={};return e.split(l).forEach(e=>{if(e){const n=e.split(c);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function f(e){let t="";if(x(e))t=e;else if(_(e))for(let n=0;n<e.length;n++)t+=f(e[n])+" ";else if(A(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const p={},d=()=>{},v=/^on[^a-z]/,h=e=>v.test(e),g=Object.assign,m=Object.prototype.hasOwnProperty,y=(e,t)=>m.call(e,t),_=Array.isArray,b=e=>"[object Map]"===w(e),C=e=>"function"==typeof e,x=e=>"string"==typeof e,S=e=>"symbol"==typeof e,A=e=>null!==e&&"object"==typeof e,E=Object.prototype.toString,w=e=>E.call(e),z=e=>x(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,T=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},O=/-(\w)/g,L=T(e=>e.replace(O,(e,t)=>t?t.toUpperCase():"")),k=/\B([A-Z])/g,N=T(e=>e.replace(k,"-$1").toLowerCase()),F=T(e=>e.charAt(0).toUpperCase()+e.slice(1)),R=(e,t)=>e!==t&&(e==e||t==t),P=new WeakMap,j=[];let I;const M=Symbol(""),B=Symbol("");function $(e,t=p){(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(!j.includes(n)){W(n);try{return q.push(D),D=!0,j.push(n),I=n,e()}finally{j.pop(),X(),I=j[j.length-1]}}};return n.id=V++,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 U(e){e.active&&(W(e),e.options.onStop&&e.options.onStop(),e.active=!1)}let V=0;function W(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let D=!0;const q=[];function H(){q.push(D),D=!1}function X(){const e=q.pop();D=void 0===e||e}function G(e,t,n){if(!D||void 0===I)return;let r=P.get(e);r||P.set(e,r=new Map);let o=r.get(n);o||r.set(n,o=new Set),o.has(I)||(o.add(I),I.deps.push(o))}function K(e,t,n,r,o,s){const i=P.get(e);if(!i)return;const a=new Set,l=e=>{e&&e.forEach(e=>{(e!==I||e.allowRecurse)&&a.add(e)})};if("clear"===t)i.forEach(l);else if("length"===n&&_(e))i.forEach((e,t)=>{("length"===t||t>=r)&&l(e)});else switch(void 0!==n&&l(i.get(n)),t){case"add":_(e)?z(n)&&l(i.get("length")):(l(i.get(M)),b(e)&&l(i.get(B)));break;case"delete":_(e)||(l(i.get(M)),b(e)&&l(i.get(B)));break;case"set":b(e)&&l(i.get(M))}a.forEach(e=>{e.options.scheduler?e.options.scheduler(e):e()})}const J=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(S)),Z=ne(),Q=ne(!1,!0),Y=ne(!0),ee=ne(!0,!0),te={};function ne(e=!1,t=!1){return function(n,r,o){if("__v_isReactive"===r)return!e;if("__v_isReadonly"===r)return e;if("__v_raw"===r&&o===(e?ze:we).get(n))return n;const s=_(n);if(!e&&s&&y(te,r))return Reflect.get(te,r,o);const i=Reflect.get(n,r,o);if(S(r)?J.has(r):"__proto__"===r||"__v_isRef"===r)return i;if(e||G(n,0,r),t)return i;if(je(i)){return!s||!z(r)?i.value:i}return A(i)?e?Le(i):Oe(i):i}}["includes","indexOf","lastIndexOf"].forEach(e=>{const t=Array.prototype[e];te[e]=function(...e){const n=Pe(this);for(let e=0,t=this.length;e<t;e++)G(n,0,e+"");const r=t.apply(n,e);return-1===r||!1===r?t.apply(n,e.map(Pe)):r}}),["push","pop","shift","unshift","splice"].forEach(e=>{const t=Array.prototype[e];te[e]=function(...e){H();const n=t.apply(this,e);return X(),n}});function re(e=!1){return function(t,n,r,o){const s=t[n];if(!e&&(r=Pe(r),!_(t)&&je(s)&&!je(r)))return s.value=r,!0;const i=_(t)&&z(n)?Number(n)<t.length:y(t,n),a=Reflect.set(t,n,r,o);return t===Pe(o)&&(i?R(r,s)&&K(t,"set",n,r):K(t,"add",n,r)),a}}const oe={get:Z,set:re(),deleteProperty:function(e,t){const n=y(e,t),r=(e[t],Reflect.deleteProperty(e,t));return r&&n&&K(e,"delete",t,void 0),r},has:function(e,t){const n=Reflect.has(e,t);return S(t)&&J.has(t)||G(e,0,t),n},ownKeys:function(e){return G(e,0,_(e)?"length":M),Reflect.ownKeys(e)}},se={get:Y,set:(e,t)=>!0,deleteProperty:(e,t)=>!0},ie=(g({},oe,{get:Q,set:re(!0)}),g({},se,{get:ee}),e=>A(e)?Oe(e):e),ae=e=>A(e)?Le(e):e,le=e=>e,ce=e=>Reflect.getPrototypeOf(e);function ue(e,t,n=!1,r=!1){const o=Pe(e=e.__v_raw),s=Pe(t);t!==s&&!n&&G(o,0,t),!n&&G(o,0,s);const{has:i}=ce(o),a=n?ae:r?le:ie;return i.call(o,t)?a(e.get(t)):i.call(o,s)?a(e.get(s)):void 0}function fe(e,t=!1){const n=this.__v_raw,r=Pe(n),o=Pe(e);return e!==o&&!t&&G(r,0,e),!t&&G(r,0,o),e===o?n.has(e):n.has(e)||n.has(o)}function pe(e,t=!1){return e=e.__v_raw,!t&&G(Pe(e),0,M),Reflect.get(e,"size",e)}function de(e){e=Pe(e);const t=Pe(this),n=ce(t).has.call(t,e);return t.add(e),n||K(t,"add",e,e),this}function ve(e,t){t=Pe(t);const n=Pe(this),{has:r,get:o}=ce(n);let s=r.call(n,e);s||(e=Pe(e),s=r.call(n,e));const i=o.call(n,e);return n.set(e,t),s?R(t,i)&&K(n,"set",e,t):K(n,"add",e,t),this}function he(e){const t=Pe(this),{has:n,get:r}=ce(t);let o=n.call(t,e);o||(e=Pe(e),o=n.call(t,e));r&&r.call(t,e);const s=t.delete(e);return o&&K(t,"delete",e,void 0),s}function ge(){const e=Pe(this),t=0!==e.size,n=e.clear();return t&&K(e,"clear",void 0,void 0),n}function me(e,t){return function(n,r){const o=this,s=o.__v_raw,i=Pe(s),a=e?ae:t?le:ie;return!e&&G(i,0,M),s.forEach((e,t)=>n.call(r,a(e),a(t),o))}}function ye(e,t,n){return function(...r){const o=this.__v_raw,s=Pe(o),i=b(s),a="entries"===e||e===Symbol.iterator&&i,l="keys"===e&&i,c=o[e](...r),u=t?ae:n?le:ie;return!t&&G(s,0,l?B:M),{next(){const{value:e,done:t}=c.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){return"delete"!==e&&this}}const be={get(e){return ue(this,e)},get size(){return pe(this)},has:fe,add:de,set:ve,delete:he,clear:ge,forEach:me(!1,!1)},Ce={get(e){return ue(this,e,!1,!0)},get size(){return pe(this)},has:fe,add:de,set:ve,delete:he,clear:ge,forEach:me(!1,!0)},xe={get(e){return ue(this,e,!0)},get size(){return pe(this,!0)},has(e){return fe.call(this,e,!0)},add:_e("add"),set:_e("set"),delete:_e("delete"),clear:_e("clear"),forEach:me(!0,!1)};function Se(e,t){const n=t?Ce:e?xe:be;return(t,r,o)=>"__v_isReactive"===r?!e:"__v_isReadonly"===r?e:"__v_raw"===r?t:Reflect.get(y(n,r)&&r in t?n:t,r,o)}["keys","values","entries",Symbol.iterator].forEach(e=>{be[e]=ye(e,!1,!1),xe[e]=ye(e,!0,!1),Ce[e]=ye(e,!1,!0)});const Ae={get:Se(!1,!1)},Ee={get:Se(!0,!1)},we=new WeakMap,ze=new WeakMap;function Te(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>w(e).slice(8,-1))(e))}function Oe(e){return e&&e.__v_isReadonly?e:ke(e,!1,oe,Ae)}function Le(e){return ke(e,!0,se,Ee)}function ke(e,t,n,r){if(!A(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const o=t?ze:we,s=o.get(e);if(s)return s;const i=Te(e);if(0===i)return e;const a=new Proxy(e,2===i?r:n);return o.set(e,a),a}function Ne(e){return Fe(e)?Ne(e.__v_raw):!(!e||!e.__v_isReactive)}function Fe(e){return!(!e||!e.__v_isReadonly)}function Re(e){return Ne(e)||Fe(e)}function Pe(e){return e&&Pe(e.__v_raw)||e}function je(e){return Boolean(e&&!0===e.__v_isRef)}function Ie(e,t,n,r){let o;try{o=r?e(...r):e()}catch(e){Be(e,t,n)}return o}function Me(e,t,n,r){if(C(e)){const s=Ie(e,t,n,r);return s&&(A(o=s)&&C(o.then)&&C(o.catch))&&s.catch(e=>{Be(e,t,n)}),s}var o;const s=[];for(let o=0;o<e.length;o++)s.push(Me(e[o],t,n,r));return s}function Be(e,t,n,r=!0){t&&t.vnode;if(t){let r=t.parent;const o=t.proxy,s=n;for(;r;){const t=r.ec;if(t)for(let n=0;n<t.length;n++)if(!1===t[n](e,o,s))return;r=r.parent}const i=t.appContext.config.errorHandler;if(i)return void Ie(i,null,10,[e,o,s])}!function(e,t,n,r=!0){console.error(e)}(e,0,0,r)}let $e=!1,Ue=!1;const Ve=[];let We=0;const De=[];let qe=null,He=0;const Xe=[];let Ge=null,Ke=0;const Je=Promise.resolve();let Ze=null,Qe=null;function Ye(e){const t=Ze||Je;return e?t.then(this?e.bind(this):e):t}function et(){$e||Ue||(Ue=!0,Ze=Je.then(rt))}function tt(e,t,n,r){_(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?r+1:r)||n.push(e),et()}const nt=e=>null==e.id?1/0:e.id;function rt(e){Ue=!1,$e=!0,function e(t,n=null){if(De.length){for(Qe=n,qe=[...new Set(De)],De.length=0,He=0;He<qe.length;He++)qe[He]();qe=null,He=0,Qe=null,e(t,n)}}(e),Ve.sort((e,t)=>nt(e)-nt(t));try{for(We=0;We<Ve.length;We++){const e=Ve[We];e&&Ie(e,null,14)}}finally{We=0,Ve.length=0,function(e){if(Xe.length){const e=[...new Set(Xe)];if(Xe.length=0,Ge)return void Ge.push(...e);for(Ge=e,Ge.sort((e,t)=>nt(e)-nt(t)),Ke=0;Ke<Ge.length;Ke++)Ge[Ke]();Ge=null,Ke=0}}(),$e=!1,Ze=null,(Ve.length||Xe.length)&&rt(e)}}function ot(e){if(C(e)&&(e=e()),_(e)){e=function(e){let t;for(let n=0;n<e.length;n++){const r=e[n];if(!Lt(r))return;if(r.type!==Ot||"v-if"===r.children){if(t)return;t=r}}return t}(e)}return It(e)}let st=0;const it=e=>st+=e;const at=e=>(t,n=Wt)=>function(e,t,n=Wt,r=!1){if(n){const o=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...r)=>{if(n.isUnmounted)return;H(),qt(n);const o=Me(t,n,e,r);return qt(null),X(),o});return r?o.unshift(s):o.push(s),s}}(e,t,n),lt=at("m"),ct=at("u"),ut=at("bum"),ft={};function pt(e,t,{immediate:n,deep:r,flush:o,onTrack:s,onTrigger:i}=p,a=Wt){let l,c,u=!1;if(je(e)?(l=()=>e.value,u=!!e._shallow):Ne(e)?(l=()=>e,r=!0):l=_(e)?()=>e.map(e=>je(e)?e.value:Ne(e)?vt(e):C(e)?Ie(e,a,2):void 0):C(e)?t?()=>Ie(e,a,2):()=>{if(!a||!a.isUnmounted)return c&&c(),Ie(e,a,3,[f])}:d,t&&r){const e=l;l=()=>vt(e())}const f=e=>{c=m.options.onStop=()=>{Ie(e,a,4)}};let v=_(e)?[]:ft;const h=()=>{if(m.active)if(t){const e=m();(r||u||R(e,v))&&(c&&c(),Me(t,a,3,[e,v===ft?void 0:v,f]),v=e)}else m()};let g;h.allowRecurse=!!t,g="sync"===o?h:"post"===o?()=>Et(h,a&&a.suspense):()=>{!a||a.isMounted?function(e){tt(e,qe,De,He)}(h):h()};const m=$(l,{lazy:!0,onTrack:s,onTrigger:i,scheduler:g});return function(e,t=Wt){t&&(t.effects||(t.effects=[])).push(e)}(m,a),t?n?h():v=m():"post"===o?Et(m,a&&a.suspense):m(),()=>{U(m),a&&((e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)})(a.effects,m)}}function dt(e,t,n){const r=this.proxy;return pt(x(e)?()=>r[e]:e.bind(r),t.bind(r),n,this)}function vt(e,t=new Set){if(!A(e)||t.has(e))return e;if(t.add(e),je(e))vt(e.value,t);else if(_(e))for(let n=0;n<e.length;n++)vt(e[n],t);else if("[object Set]"===w(e)||b(e))e.forEach(e=>{vt(e,t)});else for(const n in e)vt(e[n],t);return e}function ht(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return lt(()=>{e.isMounted=!0}),ut(()=>{e.isUnmounting=!0}),e}const gt=[Function,Array],mt={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:gt,onEnter:gt,onAfterEnter:gt,onEnterCancelled:gt,onBeforeLeave:gt,onLeave:gt,onAfterLeave:gt,onLeaveCancelled:gt,onBeforeAppear:gt,onAppear:gt,onAfterAppear:gt,onAppearCancelled:gt},setup(e,{slots:t}){const n=Dt(),r=ht();let o;return()=>{const s=t.default&&St(t.default(),!0);if(!s||!s.length)return;const i=Pe(e),{mode:a}=i,l=s[0];if(r.isLeaving)return bt(l);const c=Ct(l);if(!c)return bt(l);const u=_t(c,i,r,n);xt(c,u);const f=n.subTree,p=f&&Ct(f);let d=!1;const{getTransitionKey:v}=c.type;if(v){const e=v();void 0===o?o=e:e!==o&&(o=e,d=!0)}if(p&&p.type!==Ot&&(!kt(c,p)||d)){const e=_t(p,i,r,n);if(xt(p,e),"out-in"===a)return r.isLeaving=!0,e.afterLeave=()=>{r.isLeaving=!1,n.update()},bt(l);"in-out"===a&&(e.delayLeave=(e,t,n)=>{yt(r,p)[String(p.key)]=p,e._leaveCb=()=>{t(),e._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=n})}return l}}};function yt(e,t){const{leavingVNodes:n}=e;let r=n.get(t.type);return r||(r=Object.create(null),n.set(t.type,r)),r}function _t(e,t,n,r){const{appear:o,mode:s,persisted:i=!1,onBeforeEnter:a,onEnter:l,onAfterEnter:c,onEnterCancelled:u,onBeforeLeave:f,onLeave:p,onAfterLeave:d,onLeaveCancelled:v,onBeforeAppear:h,onAppear:g,onAfterAppear:m,onAppearCancelled:y}=t,_=String(e.key),b=yt(n,e),C=(e,t)=>{e&&Me(e,r,9,t)},x={mode:s,persisted:i,beforeEnter(t){let r=a;if(!n.isMounted){if(!o)return;r=h||a}t._leaveCb&&t._leaveCb(!0);const s=b[_];s&&kt(e,s)&&s.el._leaveCb&&s.el._leaveCb(),C(r,[t])},enter(e){let t=l,r=c,s=u;if(!n.isMounted){if(!o)return;t=g||l,r=m||c,s=y||u}let i=!1;const a=e._enterCb=t=>{i||(i=!0,C(t?s:r,[e]),x.delayedLeave&&x.delayedLeave(),e._enterCb=void 0)};t?(t(e,a),t.length<=1&&a()):a()},leave(t,r){const o=String(e.key);if(t._enterCb&&t._enterCb(!0),n.isUnmounting)return r();C(f,[t]);let s=!1;const i=t._leaveCb=n=>{s||(s=!0,r(),C(n?v:d,[t]),t._leaveCb=void 0,b[o]===e&&delete b[o])};b[o]=e,p?(p(t,i),p.length<=1&&i()):i()},clone:e=>_t(e,t,n,r)};return x}function bt(e){if(At(e))return(e=Pt(e)).children=null,e}function Ct(e){return At(e)?e.children?e.children[0]:void 0:e}function xt(e,t){6&e.shapeFlag&&e.component?xt(e.component.subTree,t):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function St(e,t=!1){let n=[],r=0;for(let o=0;o<e.length;o++){const s=e[o];s.type===zt?(128&s.patchFlag&&r++,n=n.concat(St(s.children,t))):(t||s.type!==Ot)&&n.push(s)}if(r>1)for(let e=0;e<n.length;e++)n[e].patchFlag=-2;return n}const At=e=>e.type.__isKeepAlive,Et=function(e,t){t&&t.pendingBranch?_(e)?t.effects.push(...e):t.effects.push(e):tt(e,Ge,Xe,Ke)},wt=Symbol(),zt=Symbol(void 0),Tt=Symbol(void 0),Ot=Symbol(void 0);function Lt(e){return!!e&&!0===e.__v_isVNode}function kt(e,t){return e.type===t.type&&e.key===t.key}const Nt=({key:e})=>null!=e?e:null,Ft=({ref:e})=>null!=e?x(e)||je(e)||C(e)?{i:null,r:e}:e:null,Rt=function(e,t=null,n=null,r=0,o=null,s=!1){e&&e!==wt||(e=Ot);if(Lt(e)){const r=Pt(e,t,!0);return n&&Mt(r,n),r}i=e,C(i)&&"__vccOpts"in i&&(e=e.__vccOpts);var i;if(t){(Re(t)||"__vInternal"in t)&&(t=g({},t));let{class:e,style:n}=t;e&&!x(e)&&(t.class=f(e)),A(n)&&(Re(n)&&!_(n)&&(n=g({},n)),t.style=a(n))}const l=x(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:A(e)?4:C(e)?2:0,c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Nt(t),ref:t&&Ft(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:l,patchFlag:r,dynamicProps:o,dynamicChildren:null,appContext:null};if(Mt(c,n),128&l){const{content:e,fallback:t}=function(e){const{shapeFlag:t,children:n}=e;let r,o;return 32&t?(r=ot(n.default),o=ot(n.fallback)):(r=ot(n),o=It(null)),{content:r,fallback:o}}(c);c.ssContent=e,c.ssFallback=t}0;return c};function Pt(e,t,n=!1){const{props:r,ref:o,patchFlag:s}=e,i=t?function(...e){const t=g({},e[0]);for(let n=1;n<e.length;n++){const r=e[n];for(const e in r)if("class"===e)t.class!==r.class&&(t.class=f([t.class,r.class]));else if("style"===e)t.style=a([t.style,r.style]);else if(h(e)){const n=t[e],o=r[e];n!==o&&(t[e]=n?[].concat(n,r[e]):o)}else""!==e&&(t[e]=r[e])}return t}(r||{},t):r;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:i,key:i&&Nt(i),ref:t&&t.ref?n&&o?_(o)?o.concat(Ft(t)):[o,Ft(t)]:Ft(t):o,scopeId:e.scopeId,children:e.children,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==zt?-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&&Pt(e.ssContent),ssFallback:e.ssFallback&&Pt(e.ssFallback),el:e.el,anchor:e.anchor}}function jt(e=" ",t=0){return Rt(Tt,null,e,t)}function It(e){return null==e||"boolean"==typeof e?Rt(Ot):_(e)?Rt(zt,null,e):"object"==typeof e?null===e.el?e:Pt(e):Rt(Tt,null,String(e))}function Mt(e,t){let n=0;const{shapeFlag:r}=e;if(null==t)t=null;else if(_(t))n=16;else if("object"==typeof t){if(1&r||64&r){const n=t.default;return void(n&&(n._c&&it(1),Mt(e,n()),n._c&&it(-1)))}{n=32;const e=t._;e||"__vInternal"in t||(t._ctx=null)}}else C(t)?(t={default:t,_ctx:null},n=32):(t=String(t),64&r?(n=16,t=[jt(t)]):n=8);e.children=t,e.shapeFlag|=n}function Bt(e,t,n){const r=n.appContext.config.optionMergeStrategies,{mixins:o,extends:s}=t;s&&Bt(e,s,n),o&&o.forEach(t=>Bt(e,t,n));for(const o in t)r&&y(r,o)?e[o]=r[o](e[o],t[o],n.proxy,o):e[o]=t[o]}const $t=e=>e&&(e.proxy?e.proxy:$t(e.parent)),Ut=g(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>$t(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:r,extends:o}=t;if(n)return n;const s=e.appContext.mixins;if(!s.length&&!r&&!o)return t;const i={};return s.forEach(t=>Bt(i,t,e)),Bt(i,t,e),t.__merged=i}(e):e.type,$forceUpdate:e=>()=>{return t=e.update,void(Ve.length&&Ve.includes(t,$e&&t.allowRecurse?We+1:We)||t===Qe||(Ve.push(t),et()));var t},$nextTick:e=>Ye.bind(e.proxy),$watch:e=>__VUE_OPTIONS_API__?dt.bind(e):d}),Vt={get({_:e},t){const{ctx:n,setupState:r,data:o,props:s,accessCache:i,type:a,appContext:l}=e;if("__v_skip"===t)return!0;let c;if("$"!==t[0]){const a=i[t];if(void 0!==a)switch(a){case 0:return r[t];case 1:return o[t];case 3:return n[t];case 2:return s[t]}else{if(r!==p&&y(r,t))return i[t]=0,r[t];if(o!==p&&y(o,t))return i[t]=1,o[t];if((c=e.propsOptions[0])&&y(c,t))return i[t]=2,s[t];if(n!==p&&y(n,t))return i[t]=3,n[t];__VUE_OPTIONS_API__,i[t]=4}}const u=Ut[t];let f,d;return u?("$attrs"===t&&G(e,0,t),u(e)):(f=a.__cssModules)&&(f=f[t])?f:n!==p&&y(n,t)?(i[t]=3,n[t]):(d=l.config.globalProperties,y(d,t)?d[t]:void 0)},set({_:e},t,n){const{data:r,setupState:o,ctx:s}=e;if(o!==p&&y(o,t))o[t]=n;else if(r!==p&&y(r,t))r[t]=n;else if(t in e.props)return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:r,appContext:o,propsOptions:s}},i){let a;return void 0!==n[i]||e!==p&&y(e,i)||t!==p&&y(t,i)||(a=s[0])&&y(a,i)||y(r,i)||y(Ut,i)||y(o.config.globalProperties,i)}};g({},Vt,{get(e,t){if(t!==Symbol.unscopables)return Vt.get(e,t,e)},has:(e,t)=>"_"!==t[0]&&!s(t)});let Wt=null;const Dt=()=>Wt||null,qt=e=>{Wt=e};function Ht(e,t,n){const r=arguments.length;return 2===r?A(t)&&!_(t)?Lt(t)?Rt(e,null,[t]):Rt(e,t):Rt(e,null,t):(r>3?n=Array.prototype.slice.call(arguments,2):3===r&&Lt(n)&&(n=[n]),Rt(e,t,n))}const Xt="http://www.w3.org/2000/svg",Gt="undefined"!=typeof document?document:null;let Kt,Jt;const Zt={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n)=>t?Gt.createElementNS(Xt,e):Gt.createElement(e,n?{is:n}:void 0),createText:e=>Gt.createTextNode(e),createComment:e=>Gt.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Gt.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode:e=>e.cloneNode(!0),insertStaticContent(e,t,n,r){const o=r?Jt||(Jt=Gt.createElementNS(Xt,"svg")):Kt||(Kt=Gt.createElement("div"));o.innerHTML=e;const s=o.firstChild;let i=s,a=i;for(;i;)a=i,Zt.insert(i,t,n),i=o.firstChild;return[s,a]}};const Qt=/\s*!important$/;function Yt(e,t,n){if(_(n))n.forEach(n=>Yt(e,t,n));else if(t.startsWith("--"))e.setProperty(t,n);else{const r=function(e,t){const n=tn[t];if(n)return n;let r=L(t);if("filter"!==r&&r in e)return tn[t]=r;r=F(r);for(let n=0;n<en.length;n++){const o=en[n]+r;if(o in e)return tn[t]=o}return t}(e,t);Qt.test(n)?e.setProperty(N(r),n.replace(Qt,""),"important"):e[r]=n}}const en=["Webkit","Moz","ms"],tn={};const nn="http://www.w3.org/1999/xlink";let rn=Date.now;"undefined"!=typeof document&&rn()>document.createEvent("Event").timeStamp&&(rn=()=>performance.now());let on=0;const sn=Promise.resolve(),an=()=>{on=0};function ln(e,t,n,r,o=null){const s=e._vei||(e._vei={}),i=s[t];if(r&&i)i.value=r;else{const[n,a]=function(e){let t;if(cn.test(e)){let n;for(t={};n=e.match(cn);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[e.slice(2).toLowerCase(),t]}(t);if(r){!function(e,t,n,r){e.addEventListener(t,n,r)}(e,n,s[t]=function(e,t){const n=e=>{(e.timeStamp||rn())>=n.attached-1&&Me(function(e,t){if(_(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(e=>t=>!t._stopped&&e(t))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>on||(sn.then(an),on=rn()))(),n}(r,o),a)}else i&&(!function(e,t,n,r){e.removeEventListener(t,n,r)}(e,n,i,a),s[t]=void 0)}}const cn=/(?:Once|Passive|Capture)$/;const un=/^on[a-z]/;const fn=(e,{slots:t})=>Ht(mt,vn(e),t);fn.displayName="Transition";const pn={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},dn=fn.props=g({},mt.props,pn);function vn(e){let{name:t="v",type:n,css:r=!0,duration:o,enterFromClass:s="".concat(t,"-enter-from"),enterActiveClass:i="".concat(t,"-enter-active"),enterToClass:a="".concat(t,"-enter-to"),appearFromClass:l=s,appearActiveClass:c=i,appearToClass:u=a,leaveFromClass:f="".concat(t,"-leave-from"),leaveActiveClass:p="".concat(t,"-leave-active"),leaveToClass:d="".concat(t,"-leave-to")}=e;const v={};for(const t in e)t in pn||(v[t]=e[t]);if(!r)return v;const h=function(e){if(null==e)return null;if(A(e))return[hn(e.enter),hn(e.leave)];{const t=hn(e);return[t,t]}}(o),m=h&&h[0],y=h&&h[1],{onBeforeEnter:_,onEnter:b,onEnterCancelled:C,onLeave:x,onLeaveCancelled:S,onBeforeAppear:E=_,onAppear:w=b,onAppearCancelled:z=C}=v,T=(e,t,n)=>{mn(e,t?u:a),mn(e,t?c:i),n&&n()},O=(e,t)=>{mn(e,d),mn(e,p),t&&t()},L=e=>(t,r)=>{const o=e?w:b,i=()=>T(t,e,r);o&&o(t,i),yn(()=>{mn(t,e?l:s),gn(t,e?u:a),o&&o.length>1||bn(t,n,m,i)})};return g(v,{onBeforeEnter(e){_&&_(e),gn(e,s),gn(e,i)},onBeforeAppear(e){E&&E(e),gn(e,l),gn(e,c)},onEnter:L(!1),onAppear:L(!0),onLeave(e,t){const r=()=>O(e,t);gn(e,f),An(),gn(e,p),yn(()=>{mn(e,f),gn(e,d),x&&x.length>1||bn(e,n,y,r)}),x&&x(e,r)},onEnterCancelled(e){T(e,!1),C&&C(e)},onAppearCancelled(e){T(e,!0),z&&z(e)},onLeaveCancelled(e){O(e),S&&S(e)}})}function hn(e){return(e=>{const t=parseFloat(e);return isNaN(t)?e:t})(e)}function gn(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.add(t)),(e._vtc||(e._vtc=new Set)).add(t)}function mn(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.remove(t));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function yn(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let _n=0;function bn(e,t,n,r){const o=e._endId=++_n,s=()=>{o===e._endId&&r()};if(n)return setTimeout(s,n);const{type:i,timeout:a,propCount:l}=Cn(e,t);if(!i)return r();const c=i+"end";let u=0;const f=()=>{e.removeEventListener(c,p),s()},p=t=>{t.target===e&&++u>=l&&f()};setTimeout(()=>{u<l&&f()},a+1),e.addEventListener(c,p)}function Cn(e,t){const n=window.getComputedStyle(e),r=e=>(n[e]||"").split(", "),o=r("transitionDelay"),s=r("transitionDuration"),i=xn(o,s),a=r("animationDelay"),l=r("animationDuration"),c=xn(a,l);let u=null,f=0,p=0;"transition"===t?i>0&&(u="transition",f=i,p=s.length):"animation"===t?c>0&&(u="animation",f=c,p=l.length):(f=Math.max(i,c),u=f>0?i>c?"transition":"animation":null,p=u?"transition"===u?s.length:l.length:0);return{type:u,timeout:f,propCount:p,hasTransform:"transition"===u&&/\b(transform|all)(,|$)/.test(n.transitionProperty)}}function xn(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map((t,n)=>Sn(t)+Sn(e[n])))}function Sn(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function An(){return document.body.offsetHeight}const En=new WeakMap,wn=new WeakMap,zn={name:"TransitionGroup",props:g({},dn,{tag:String,moveClass:String}),setup(e,{slots:t}){const n=Dt(),r=ht();let o,s;return ct(()=>{if(!o.length)return;const t=e.moveClass||"".concat(e.name||"v","-move");if(!function(e,t,n){const r=e.cloneNode();e._vtc&&e._vtc.forEach(e=>{e.split(/\s+/).forEach(e=>e&&r.classList.remove(e))});n.split(/\s+/).forEach(e=>e&&r.classList.add(e)),r.style.display="none";const o=1===t.nodeType?t:t.parentNode;o.appendChild(r);const{hasTransform:s}=Cn(r);return o.removeChild(r),s}(o[0].el,n.vnode.el,t))return;o.forEach(Tn),o.forEach(On);const r=o.filter(Ln);An(),r.forEach(e=>{const n=e.el,r=n.style;gn(n,t),r.transform=r.webkitTransform=r.transitionDuration="";const o=n._moveCb=e=>{e&&e.target!==n||e&&!/transform$/.test(e.propertyName)||(n.removeEventListener("transitionend",o),n._moveCb=null,mn(n,t))};n.addEventListener("transitionend",o)})}),()=>{const i=Pe(e),a=vn(i),l=i.tag||zt;o=s,s=t.default?St(t.default()):[];for(let e=0;e<s.length;e++){const t=s[e];null!=t.key&&xt(t,_t(t,a,r,n))}if(o)for(let e=0;e<o.length;e++){const t=o[e];xt(t,_t(t,a,r,n)),En.set(t,t.el.getBoundingClientRect())}return Rt(l,null,s)}}};function Tn(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function On(e){wn.set(e,e.el.getBoundingClientRect())}function Ln(e){const t=En.get(e),n=wn.get(e),r=t.left-n.left,o=t.top-n.top;if(r||o){const t=e.el.style;return t.transform=t.webkitTransform="translate(".concat(r,"px,").concat(o,"px)"),t.transitionDuration="0s",e}}g({patchProp:(e,t,n,r,o=!1,s,a,l,c)=>{switch(t){case"class":!function(e,t,n){if(null==t&&(t=""),n)e.setAttribute("class",t);else{const n=e._vtc;n&&(t=(t?[t,...n]:[...n]).join(" ")),e.className=t}}(e,r,o);break;case"style":!function(e,t,n){const r=e.style;if(n)if(x(n))t!==n&&(r.cssText=n);else{for(const e in n)Yt(r,e,n[e]);if(t&&!x(t))for(const e in t)null==n[e]&&Yt(r,e,"")}else e.removeAttribute("style")}(e,n,r);break;default:h(t)?(e=>e.startsWith("onUpdate:"))(t)||ln(e,t,0,r,a):function(e,t,n,r){if(r)return"innerHTML"===t||!!(t in e&&un.test(t)&&C(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t&&"string"==typeof n)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if(un.test(t)&&x(n))return!1;return t in e}(e,t,r,o)?function(e,t,n,r,o,s,i){if("innerHTML"===t||"textContent"===t)return r&&i(r,o,s),void(e[t]=null==n?"":n);if("value"!==t||"PROGRESS"===e.tagName){if(""===n||null==n){const r=typeof e[t];if(""===n&&"boolean"===r)return void(e[t]=!0);if(null==n&&"string"===r)return e[t]="",void e.removeAttribute(t);if("number"===r)return e[t]=0,void e.removeAttribute(t)}try{e[t]=n}catch(e){}}else{e._value=n;const t=null==n?"":n;e.value!==t&&(e.value=t)}}(e,t,r,s,a,l,c):("true-value"===t?e._trueValue=r:"false-value"===t&&(e._falseValue=r),function(e,t,n,r){if(r&&t.startsWith("xlink:"))null==n?e.removeAttributeNS(nn,t.slice(6,t.length)):e.setAttributeNS(nn,t,n);else{const r=i(t);null==n||r&&!1===n?e.removeAttribute(t):e.setAttribute(t,r?"":n)}}(e,t,r,o))}},forcePatchProp:(e,t)=>"value"===t},Zt);function kn(e){e._xyzAppearObserver&&e._xyzAppearObserver.disconnect(),e._xyzAnimTimeout&&clearTimeout(e._xyzAnimTimeout),e.removeEventListener("animationend",e._xyzAnimEnd),e.removeEventListener("animationcancelled",e._xyzAnimEnd),delete e._xyzAppearObserver,delete e._xyzAnimTimeout,delete e._xyzAnimEnd}var Nn="xyz-appear-from",Fn="xyz-appear",Rn="xyz-appear-to",Pn="xyz-in-from",jn="xyz-in",In="xyz-in-to",Mn="xyz-out-from",Bn="xyz-out",$n="xyz-out-to";const Un={appear:Boolean,appearVisible:[Boolean,Object],duration:[Number,String,Object],mode:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,enterFromClass:String,enterActiveClass:String,enterToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},Vn=Object.assign({},Un,{tag:{type:String,default:"div"},moveClass:String});function Wn(e={},t={}){return Object.assign({},e,t,{style:Object.assign({},e.style,t.style),class:r.default(e.class,t.class)})}function Dn(e){e.appear=Boolean(e.appear||e.appearVisible);const{appear:t,appearVisible:n,duration:r}=e,o=function(e,t){return(n,r)=>{function o(){kn(n),r()}kn(n);const s=function(e){return e.classList.contains("xyz-appear")?"appear":e.classList.contains("xyz-in")?"in":e.classList.contains("xyz-out")?"out":null}(n);function i(){const t=function(e,t){switch(typeof t){case"number":case"string":return t;case"object":return null===t?null:t[e]}return null}(s,e);if("number"==typeof t)return void(n._xyzAnimTimeout=setTimeout(o,t));const r="xyz-".concat(s,"-keyframes"),i=new Set([n]);if("auto"===t){n.querySelectorAll(".xyz-nested, .xyz-".concat(s,"-nested")).forEach(i.add,i)}function a(e){i.delete(e),0===i.size&&o()}n._xyzAnimTimeout=setTimeout(()=>{i.forEach(e=>{e.offsetParent||e.getClientRects().length||a(e);-1===window.getComputedStyle(e).getPropertyValue("animation-name").indexOf(r)&&a(e)})}),n._xyzAnimEnd=e=>{e.animationName===r&&a(e.target)},n.addEventListener("animationend",n._xyzAnimEnd,!1),n.addEventListener("animationcancelled",n._xyzAnimEnd,!1)}if("appear"===s&&t){const e=Object.assign({},t);n.classList.add("xyz-paused"),n._xyzAppearObserver=new IntersectionObserver((e,t)=>{e.forEach(e=>{e.isIntersecting&&(n.classList.remove("xyz-paused"),t.disconnect(),i())})},e),n._xyzAppearObserver.observe(n)}else i()}}(r,n),s={css:!0,type:"animation",appearFromClass:Nn,appearActiveClass:Fn,appearToClass:Rn,enterFromClass:Pn,enterActiveClass:jn,enterToClass:In,leaveFromClass:Mn,leaveActiveClass:Bn,leaveToClass:$n,onEnter:o,onLeave:o};t&&(s.onAppear=o);const i=Wn(s,e);return delete i.duration,i}function qn(e,t){const n=Dn(Object.assign({},t.attrs,e));return Ht(fn,n,t.slots)}function Hn(e,t){const n=Dn(Object.assign({},t.attrs,e));return Ht(zn,n,(function(){const e=t.slots.default?t.slots.default():[],n=St(e);return n.forEach((e,t)=>{e.props=Wn({style:{"--xyz-index":t,"--xyz-index-rev":n.length-t-1}},e.props)}),e}))}function Xn(e,{value:t}){e.setAttribute("xyz",r.default(e._xyzOriginal,t))}qn.props=Un,Hn.props=Vn;var Gn={beforeMount(e,{value:t}){e._xyzOriginal=e.getAttribute("xyz"),Xn(...arguments),e.setAttribute("xyz",r.default(e._xyzOriginal,t))},updated:Xn,beforeUnmount:Xn};const Kn={install(e){e.component("XyzTransition",qn),e.component("XyzTransitionGroup",Hn),e.directive("xyz",Gn)}};e.XyzTransition=qn,e.XyzTransitionGroup=Hn,e.default=Kn,e.xyz=Gn,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=VueAnimXyz.js.map

20

package.json
{
"name": "@animxyz/vue3",
"version": "0.3.0",
"version": "0.4.0",
"publishConfig": {

@@ -9,8 +9,10 @@ "access": "public"

"keywords": [
"animxyz",
"vue",
"css",
"css-framework",
"functional-css",
"animation",
"sass",
"css",
"front-end",
"web"
"css-animations",
"composable-animations",
"animxyz"
],

@@ -48,3 +50,3 @@ "homepage": "https://animxyz.com",

"dependencies": {
"@animxyz/core": "^0.3.0",
"@animxyz/core": "^0.4.0",
"clsx": "^1.1.1"

@@ -59,3 +61,3 @@ },

"bili": "^5.0.5",
"eslint-plugin-vue": "^7.3.0",
"eslint-plugin-vue": "^7.4.1",
"npm-run-all": "^4.1.5",

@@ -65,3 +67,3 @@ "rimraf": "^3.0.2",

},
"gitHead": "8e4c83d5a2dfa481782c529aaf4c451c6965e012"
"gitHead": "411c6f6e612b27f3540080d011b2a3aab537b411"
}

15

src/components/XyzTransitionGroup.js
import { TransitionGroup, h } from 'vue'
import { getTransitionRawChildren } from '@vue/runtime-core'
import { mergeData, getXyzTransitionData } from '../utils'
import { xyzTransitionGroupProps, mergeData, getXyzTransitionData } from '../utils'

@@ -33,15 +33,4 @@ function XyzTransitionGroup(props, context) {

XyzTransitionGroup.props = {
appear: {
type: Boolean,
},
duration: {
type: [Number, String, Object],
},
tag: {
type: String,
default: 'div',
},
}
XyzTransitionGroup.props = xyzTransitionGroupProps
export default XyzTransitionGroup

6

src/index.js
import XyzTransition from './components/XyzTransition'
import XyzTransitionGroup from './components/XyzTransitionGroup'
import XyzContext from './directives/XyzContext'
import xyz from './directives/xyz'

@@ -12,7 +12,7 @@ // Create module definition for app.use()

app.directive('xyz', XyzContext)
app.directive('xyz', xyz)
},
}
export { XyzTransition, XyzTransitionGroup, XyzContext }
export { XyzTransition, XyzTransitionGroup, xyz }
export default VueAnimXyz

6

src/utils.js

@@ -6,2 +6,3 @@ import { xyzTransitionClasses, getXyzAnimationHook } from '../../../utils'

appear: Boolean,
appearVisible: [Boolean, Object],
duration: [Number, String, Object],

@@ -42,5 +43,6 @@ mode: String,

export function getXyzTransitionData(data) {
const { appear, duration } = data
data.appear = Boolean(data.appear || data.appearVisible)
const { appear, appearVisible, duration } = data
const animationHook = getXyzAnimationHook(duration)
const animationHook = getXyzAnimationHook(duration, appearVisible)

@@ -47,0 +49,0 @@ const transitionData = {

src/directives/XyzContext.js
dist/VueAnimXyz.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc