@animxyz/vue3 - npm Package Compare versions

Comparing version 0.2.0-alpha.1 to 0.2.0-alpha.2

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+# [0.2.0-alpha.2](https://github.com/ingram-projects/animxyz/compare/v0.2.0-alpha.1...v0.2.0-alpha.2) (2020-12-30)
+
+**Note:** Version bump only for package @animxyz/vue3
+
+
+
+
+
 # [0.2.0-alpha.1](https://github.com/ingram-projects/animxyz/compare/v0.2.0-alpha.0...v0.2.0-alpha.1) (2020-12-30)
@@ -8,0 +16,0 @@

dist/VueAnimXyz.cjs.js

 /**
-   * VueAnimXyz v0.2.0-alpha.0
+   * VueAnimXyz v0.2.0-alpha.1
    * Copyright (c) 2020-present Ingram Projects
@@ -13,4 +13,4 @@ * Released under the MIT License.
 var vue = require('vue');
+var clsx = require('clsx');
 var runtimeCore = require('@vue/runtime-core');
-var clsx = require('clsx');
 
@@ -136,2 +136,29 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+const xyzTransitionProps = {
+  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
+};
+const xyzTransitionGroupProps = Object.assign({}, xyzTransitionProps, {
+  tag: {
+    type: String,
+    default: 'div'
+  },
+  moveClass: String
+});
+function mergeData(data1 = {}, data2 = {}) {
+  return Object.assign({}, data1, data2, {
+    style: Object.assign({}, data1.style, data2.style),
+    class: clsx__default['default'](data1.class, data2.class)
+  });
+}
 function getXyzTransitionData(data) {
@@ -141,3 +168,3 @@ const {
     duration
-  } = data || {};
+  } = data;
   const animationHook = getXyzAnimationHook(duration);
@@ -164,3 +191,3 @@ const transitionData = {
 
-  const mergedData = Object.assign({}, data, transitionData);
+  const mergedData = mergeData(transitionData, data);
   delete mergedData.duration;
@@ -175,13 +202,3 @@ return mergedData;
 
-XyzTransition.props = {
-  appear: {
-    type: Boolean
-  },
-  duration: {
-    type: [Number, String, Object]
-  },
-  mode: {
-    type: String
-  }
-};
+XyzTransition.props = xyzTransitionProps;
 
@@ -195,6 +212,8 @@ function XyzTransitionGroup(props, context) {
     rawChildren.forEach((node, index) => {
-      node.props.style = Object.assign({
-        '--xyz-index': index,
-        '--xyz-index-rev': rawChildren.length - index - 1
-      }, node.props.style);
+      node.props = mergeData({
+        style: {
+          '--xyz-index': index,
+          '--xyz-index-rev': rawChildren.length - index - 1
+        }
+      }, node.props);
     });
@@ -201,0 +220,0 @@ return children;

dist/VueAnimXyz.esm.js

 /**
-   * VueAnimXyz v0.2.0-alpha.0
+   * VueAnimXyz v0.2.0-alpha.1
    * Copyright (c) 2020-present Ingram Projects
@@ -9,4 +9,4 @@ * Released under the MIT License.
 import { h, Transition, TransitionGroup } from 'vue';
+import clsx from 'clsx';
 import { getTransitionRawChildren } from '@vue/runtime-core';
-import clsx from 'clsx';
 
@@ -128,2 +128,29 @@ function getXyzDurationForMode (mode, duration) {
 
+const xyzTransitionProps = {
+  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
+};
+const xyzTransitionGroupProps = Object.assign({}, xyzTransitionProps, {
+  tag: {
+    type: String,
+    default: 'div'
+  },
+  moveClass: String
+});
+function mergeData(data1 = {}, data2 = {}) {
+  return Object.assign({}, data1, data2, {
+    style: Object.assign({}, data1.style, data2.style),
+    class: clsx(data1.class, data2.class)
+  });
+}
 function getXyzTransitionData(data) {
@@ -133,3 +160,3 @@ const {
     duration
-  } = data || {};
+  } = data;
   const animationHook = getXyzAnimationHook(duration);
@@ -156,3 +183,3 @@ const transitionData = {
 
-  const mergedData = Object.assign({}, data, transitionData);
+  const mergedData = mergeData(transitionData, data);
   delete mergedData.duration;
@@ -167,13 +194,3 @@ return mergedData;
 
-XyzTransition.props = {
-  appear: {
-    type: Boolean
-  },
-  duration: {
-    type: [Number, String, Object]
-  },
-  mode: {
-    type: String
-  }
-};
+XyzTransition.props = xyzTransitionProps;
 
@@ -187,6 +204,8 @@ function XyzTransitionGroup(props, context) {
     rawChildren.forEach((node, index) => {
-      node.props.style = Object.assign({
-        '--xyz-index': index,
-        '--xyz-index-rev': rawChildren.length - index - 1
-      }, node.props.style);
+      node.props = mergeData({
+        style: {
+          '--xyz-index': index,
+          '--xyz-index-rev': rawChildren.length - index - 1
+        }
+      }, node.props);
     });
@@ -193,0 +212,0 @@ return children;

dist/VueAnimXyz.js

 /**
-   * VueAnimXyz v0.2.0-alpha.0
+   * VueAnimXyz v0.2.0-alpha.1
    * 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(x(o)?u(o):o);if(r)for(const e in r)t[e]=r[e]}return t}if(E(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(x(e))t=e;else if(_(e))for(let n=0;n<e.length;n++)t+=f(e[n])+" ";else if(E(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const p={},d=()=>{},h=/^on[^a-z]/,v=e=>h.test(e),g=Object.assign,y=Object.prototype.hasOwnProperty,m=(e,t)=>y.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,E=e=>null!==e&&"object"==typeof e,A=Object.prototype.toString,w=e=>A.call(e),T=e=>x(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()),P=z(e=>e.charAt(0).toUpperCase()+e.slice(1)),F=(e,t)=>e!==t&&(e==e||t==t),R=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=R.get(e);o||R.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=R.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(S)),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&&m(te,o))return Reflect.get(te,o,r);const i=Reflect.get(n,o,r);if(S(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 E(i)?e?ke(i):Le(i):i}}["includes","indexOf","lastIndexOf"].forEach(e=>{const t=Array.prototype[e];te[e]=function(...e){const n=Re(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(Re)):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=Re(o),!_(t)&&je(s)&&!je(o)))return s.value=o,!0;const i=_(t)&&T(n)?Number(n)<t.length:m(t,n),l=Reflect.set(t,n,o,r);return t===Re(r)&&(i?F(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=m(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 S(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=>E(e)?Le(e):e),le=e=>E(e)?ke(e):e,ae=e=>e,ce=e=>Reflect.getPrototypeOf(e);function ue(e,t,n=!1,o=!1){const r=Re(e=e.__v_raw),s=Re(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=Re(n),r=Re(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(Re(e),0,I),Reflect.get(e,"size",e)}function de(e){e=Re(e);const t=Re(this),n=ce(t).has.call(t,e);return t.add(e),n||K(t,"add",e,e),this}function he(e,t){t=Re(t);const n=Re(this),{has:o,get:r}=ce(n);let s=o.call(n,e);s||(e=Re(e),s=o.call(n,e));const i=r.call(n,e);return n.set(e,t),s?F(t,i)&&K(n,"set",e,t):K(n,"add",e,t),this}function ve(e){const t=Re(this),{has:n,get:o}=ce(t);let r=n.call(t,e);r||(e=Re(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=Re(this),t=0!==e.size,n=e.clear();return t&&K(e,"clear",void 0,void 0),n}function ye(e,t){return function(n,o){const r=this,s=r.__v_raw,i=Re(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 me(e,t,n){return function(...o){const r=this.__v_raw,s=Re(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:he,delete:ve,clear:ge,forEach:ye(!1,!1)},Ce={get(e){return ue(this,e,!1,!0)},get size(){return pe(this)},has:fe,add:de,set:he,delete:ve,clear:ge,forEach:ye(!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:ye(!0,!1)};function Se(e,t){const n=t?Ce:e?xe:be;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=>{be[e]=me(e,!1,!1),xe[e]=me(e,!0,!1),Ce[e]=me(e,!1,!0)});const Ee={get:Se(!1,!1)},Ae={get:Se(!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,Ee)}function ke(e){return Ne(e,!0,se,Ae)}function Ne(e,t,n,o){if(!E(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 Pe(e)?Oe(e.__v_raw):!(!e||!e.__v_isReactive)}function Pe(e){return!(!e||!e.__v_isReadonly)}function Fe(e){return Oe(e)||Pe(e)}function Re(e){return e&&Re(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&&(E(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)?ht(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=()=>ht(e())}const f=e=>{c=y.options.onStop=()=>{Me(e,l,4)}};let h=_(e)?[]:ft;const v=()=>{if(y.active)if(t){const e=y();(o||u||F(e,h))&&(c&&c(),Ie(t,l,3,[e,h===ft?void 0:h,f]),h=e)}else y()};let g;v.allowRecurse=!!t,g="sync"===r?v:"post"===r?()=>At(v,l&&l.suspense):()=>{!l||l.isMounted?function(e){tt(e,qe,De,Xe)}(v):v()};const y=$(a,{lazy:!0,onTrack:s,onTrigger:i,scheduler:g});return function(e,t=Wt){t&&(t.effects||(t.effects=[])).push(e)}(y,l),t?n?v():h=y():"post"===r?At(y,l&&l.suspense):y(),()=>{U(y),l&&((e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)})(l.effects,y)}}function dt(e,t,n){const o=this.proxy;return pt(x(e)?()=>o[e]:e.bind(o),t.bind(o),n,this)}function ht(e,t=new Set){if(!E(e)||t.has(e))return e;if(t.add(e),je(e))ht(e.value,t);else if(_(e))for(let n=0;n<e.length;n++)ht(e[n],t);else if("[object Set]"===w(e)||b(e))e.forEach(e=>{ht(e,t)});else for(const n in e)ht(e[n],t);return e}function vt(){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],yt={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=vt();let r;return()=>{const s=t.default&&St(t.default(),!0);if(!s||!s.length)return;const i=Re(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);xt(c,u);const f=n.subTree,p=f&&Ct(f);let d=!1;const{getTransitionKey:h}=c.type;if(h){const e=h();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(xt(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)=>{mt(o,p)[String(p.key)]=p,e._leaveCb=()=>{t(),e._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=n})}return a}}};function mt(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:h,onBeforeAppear:v,onAppear:g,onAfterAppear:y,onAppearCancelled:m}=t,_=String(e.key),b=mt(n,e),C=(e,t)=>{e&&Ie(e,o,9,t)},x={mode:s,persisted:i,beforeEnter(t){let o=l;if(!n.isMounted){if(!r)return;o=v||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=y||c,s=m||u}let i=!1;const l=e._enterCb=t=>{i||(i=!0,C(t?s:o,[e]),x.delayedLeave&&x.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?h: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 x}function bt(e){if(Et(e))return(e=Rt(e)).children=null,e}function Ct(e){return Et(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=[],o=0;for(let r=0;r<e.length;r++){const s=e[r];s.type===Tt?(128&s.patchFlag&&o++,n=n.concat(St(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 Et=e=>e.type.__isKeepAlive,At=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,Pt=({ref:e})=>null!=e?x(e)||je(e)||C(e)?{i:null,r:e}:e:null,Ft=function(e,t=null,n=null,o=0,r=null,s=!1){e&&e!==wt||(e=Lt);if(kt(e)){const o=Rt(e,t,!0);return n&&It(o,n),o}i=e,C(i)&&"__vccOpts"in i&&(e=e.__vccOpts);var i;if(t){(Fe(t)||"__vInternal"in t)&&(t=g({},t));let{class:e,style:n}=t;e&&!x(e)&&(t.class=f(e)),E(n)&&(Fe(n)&&!_(n)&&(n=g({},n)),t.style=l(n))}const a=x(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:E(e)?4:C(e)?2:0,c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Ot(t),ref:t&&Pt(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 Rt(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(v(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(Pt(t)):[r,Pt(t)]:Pt(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&&Rt(e.ssContent),ssFallback:e.ssFallback&&Rt(e.ssFallback),el:e.el,anchor:e.anchor}}function jt(e=" ",t=0){return Ft(zt,null,e,t)}function Mt(e){return null==e||"boolean"==typeof e?Ft(Lt):_(e)?Ft(Tt,null,e):"object"==typeof e?null===e.el?e:Rt(e):Ft(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&&m(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&&m(o,t))return i[t]=0,o[t];if(r!==p&&m(r,t))return i[t]=1,r[t];if((c=e.propsOptions[0])&&m(c,t))return i[t]=2,s[t];if(n!==p&&m(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&&m(n,t)?(i[t]=3,n[t]):(d=a.config.globalProperties,m(d,t)?d[t]:void 0)},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;if(r!==p&&m(r,t))r[t]=n;else if(o!==p&&m(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&&m(e,i)||t!==p&&m(t,i)||(l=s[0])&&m(l,i)||m(o,i)||m(Ut,i)||m(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?E(t)&&!_(t)?kt(t)?Ft(e,null,[t]):Ft(e,t):Ft(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):3===o&&kt(n)&&(n=[n]),Ft(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=P(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(yt,hn(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({},yt.props,pn);function hn(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 h={};for(const t in e)t in pn||(h[t]=e[t]);if(!o)return h;const v=function(e){if(null==e)return null;if(E(e))return[vn(e.enter),vn(e.leave)];{const t=vn(e);return[t,t]}}(r),y=v&&v[0],m=v&&v[1],{onBeforeEnter:_,onEnter:b,onEnterCancelled:C,onLeave:x,onLeaveCancelled:S,onBeforeAppear:A=_,onAppear:w=b,onAppearCancelled:T=C}=h,z=(e,t,n)=>{yn(e,t?u:l),yn(e,t?c:i),n&&n()},L=(e,t)=>{yn(e,d),yn(e,p),t&&t()},k=e=>(t,o)=>{const r=e?w:b,i=()=>z(t,e,o);r&&r(t,i),mn(()=>{yn(t,e?a:s),gn(t,e?u:l),r&&r.length>1||bn(t,n,y,i)})};return g(h,{onBeforeEnter(e){_&&_(e),gn(e,i),gn(e,s)},onBeforeAppear(e){A&&A(e),gn(e,c),gn(e,a)},onEnter:k(!1),onAppear:k(!0),onLeave(e,t){const o=()=>L(e,t);gn(e,p),gn(e,f);const r=e.style.transitionProperty;e.style.transitionProperty="none",mn(()=>{e.style.transitionProperty=r,yn(e,f),gn(e,d),x&&x.length>1||bn(e,n,m,o)}),x&&x(e,o)},onEnterCancelled(e){z(e,!1),C&&C(e)},onAppearCancelled(e){z(e,!0),T&&T(e)},onLeaveCancelled(e){L(e),S&&S(e)}})}function vn(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 yn(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 mn(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=xn(r,s),l=o("animationDelay"),a=o("animationDuration"),c=xn(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 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(",","."))}const En=new WeakMap,An=new WeakMap,wn={name:"TransitionGroup",props:g({},dn,{tag:String,moveClass:String}),setup(e,{slots:t}){const n=Dt(),o=vt();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(Tn),r.forEach(zn);const o=r.filter(Ln);document.body.offsetHeight,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,yn(n,t))};n.addEventListener("transitionend",r)})}),()=>{const i=Re(e),l=hn(i),a=i.tag||Tt;r=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,l,o,n))}if(r)for(let e=0;e<r.length;e++){const t=r[e];xt(t,_t(t,l,o,n)),En.set(t,t.el.getBoundingClientRect())}return Ft(a,null,s)}}};function Tn(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function zn(e){An.set(e,e.el.getBoundingClientRect())}function Ln(e){const t=En.get(e),n=An.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(x(n))t!==n&&(o.cssText=n);else{for(const e in n)Yt(o,e,n[e]);if(t&&!x(t))for(const e in t)null==n[e]&&Yt(o,e,"")}else e.removeAttribute("style")}(e,n,o);break;default:v(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)&&x(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 kn(e){clearTimeout(e.xyzAnimTimeout),e.removeEventListener("animationend",e.xyzAnimEnd),e.removeEventListener("animationcancelled",e.xyzAnimEnd),delete e.xyzAnimTimeout,delete e.xyzAnimEnd}var Nn="xyz-appear-from",On="xyz-appear",Pn="xyz-appear-to",Fn="xyz-in-from",Rn="xyz-in",jn="xyz-in-to",Mn="xyz-out-from",In="xyz-out",Bn="xyz-out-to";function $n(e){const{appear:t,duration:n}=e||{},o=function(e){return(t,n)=>{function o(){kn(t),n()}kn(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:Nn,appearActiveClass:On,appearToClass:Pn,enterFromClass:Fn,enterActiveClass:Rn,enterToClass:jn,leaveFromClass:Mn,leaveActiveClass:In,leaveToClass:Bn,onEnter:o,onLeave:o};t&&(r.onAppear=o);const s=Object.assign({},e,r);return delete s.duration,s}function Un(e,t){const n=$n(Object.assign({},t.attrs,e));return Xt(fn,n,t.slots)}function Vn(e,t){const n=$n(Object.assign({},t.attrs,e));return Xt(wn,n,(function(){const e=t.slots.default?t.slots.default():[],n=St(e);return n.forEach((e,t)=>{e.props.style=Object.assign({"--xyz-index":t,"--xyz-index-rev":n.length-t-1},e.props.style)}),e}))}function Wn(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)}Un.props={appear:{type:Boolean},duration:{type:[Number,String,Object]},mode:{type:String}},Vn.props={appear:{type:Boolean},duration:{type:[Number,String,Object]},tag:{type:String,default:"div"}};var Dn={beforeMount(e,t){e.xyzStatic=e.getAttribute("xyz"),Wn(e,t)},updated(e,t){Wn(e,t)}};const qn={install(e){e.component("XyzTransition",Un),e.component("XyzTransitionGroup",Vn),e.directive("xyz",Dn)}};e.XyzContext=Dn,e.XyzTransition=Un,e.XyzTransitionGroup=Vn,e.default=qn,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 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)),P=(e,t)=>e!==t&&(e==e||t==t),R=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=R.get(e);o||R.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=R.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=Re(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(Re)):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=Re(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===Re(r)&&(i?P(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=Re(e=e.__v_raw),s=Re(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=Re(n),r=Re(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(Re(e),0,I),Reflect.get(e,"size",e)}function de(e){e=Re(e);const t=Re(this),n=ce(t).has.call(t,e);return t.add(e),n||K(t,"add",e,e),this}function ve(e,t){t=Re(t);const n=Re(this),{has:o,get:r}=ce(n);let s=o.call(n,e);s||(e=Re(e),s=o.call(n,e));const i=r.call(n,e);return n.set(e,t),s?P(t,i)&&K(n,"set",e,t):K(n,"add",e,t),this}function he(e){const t=Re(this),{has:n,get:o}=ce(t);let r=n.call(t,e);r||(e=Re(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=Re(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=Re(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=Re(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 Pe(e){return Oe(e)||Fe(e)}function Re(e){return e&&Re(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||P(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=Re(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=Rt(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,Pt=function(e,t=null,n=null,o=0,r=null,s=!1){e&&e!==wt||(e=Lt);if(kt(e)){const o=Rt(e,t,!0);return n&&It(o,n),o}i=e,C(i)&&"__vccOpts"in i&&(e=e.__vccOpts);var i;if(t){(Pe(t)||"__vInternal"in t)&&(t=g({},t));let{class:e,style:n}=t;e&&!S(e)&&(t.class=f(e)),A(n)&&(Pe(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 Rt(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&&Rt(e.ssContent),ssFallback:e.ssFallback&&Rt(e.ssFallback),el:e.el,anchor:e.anchor}}function jt(e=" ",t=0){return Pt(zt,null,e,t)}function Mt(e){return null==e||"boolean"==typeof e?Pt(Lt):_(e)?Pt(Tt,null,e):"object"==typeof e?null===e.el?e:Rt(e):Pt(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)?Pt(e,null,[t]):Pt(e,t):Pt(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):3===o&&kt(n)&&(n=[n]),Pt(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,i),gn(e,s)},onBeforeAppear(e){E&&E(e),gn(e,c),gn(e,a)},onEnter:k(!1),onAppear:k(!0),onLeave(e,t){const o=()=>L(e,t);gn(e,p),gn(e,f);const r=e.style.transitionProperty;e.style.transitionProperty="none",yn(()=>{e.style.transitionProperty=r,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(",","."))}const An=new WeakMap,En=new WeakMap,wn={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(Tn),r.forEach(zn);const o=r.filter(Ln);document.body.offsetHeight,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=Re(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)),An.set(t,t.el.getBoundingClientRect())}return Pt(a,null,s)}}};function Tn(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function zn(e){En.set(e,e.el.getBoundingClientRect())}function Ln(e){const t=An.get(e),n=En.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 kn(e){clearTimeout(e.xyzAnimTimeout),e.removeEventListener("animationend",e.xyzAnimEnd),e.removeEventListener("animationcancelled",e.xyzAnimEnd),delete e.xyzAnimTimeout,delete e.xyzAnimEnd}var Nn="xyz-appear-from",On="xyz-appear",Fn="xyz-appear-to",Pn="xyz-in-from",Rn="xyz-in",jn="xyz-in-to",Mn="xyz-out-from",In="xyz-out",Bn="xyz-out-to";const $n={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({},$n,{tag:{type:String,default:"div"},moveClass:String});function Un(e={},t={}){return Object.assign({},e,t,{style:Object.assign({},e.style,t.style),class:o.default(e.class,t.class)})}function Vn(e){const{appear:t,duration:n}=e,o=function(e){return(t,n)=>{function o(){kn(t),n()}kn(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:Nn,appearActiveClass:On,appearToClass:Fn,enterFromClass:Pn,enterActiveClass:Rn,enterToClass:jn,leaveFromClass:Mn,leaveActiveClass:In,leaveToClass:Bn,onEnter:o,onLeave:o};t&&(r.onAppear=o);const s=Un(r,e);return delete s.duration,s}function Wn(e,t){const n=Vn(Object.assign({},t.attrs,e));return Xt(fn,n,t.slots)}function Dn(e,t){const n=Vn(Object.assign({},t.attrs,e));return Xt(wn,n,(function(){const e=t.slots.default?t.slots.default():[],n=xt(e);return n.forEach((e,t)=>{e.props=Un({style:{"--xyz-index":t,"--xyz-index-rev":n.length-t-1}},e.props)}),e}))}function qn(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)}Wn.props=$n,Dn.props={appear:{type:Boolean},duration:{type:[Number,String,Object]},tag:{type:String,default:"div"}};var Xn={beforeMount(e,t){e.xyzStatic=e.getAttribute("xyz"),qn(e,t)},updated(e,t){qn(e,t)}};const Hn={install(e){e.component("XyzTransition",Wn),e.component("XyzTransitionGroup",Dn),e.directive("xyz",Xn)}};e.XyzContext=Xn,e.XyzTransition=Wn,e.XyzTransitionGroup=Dn,e.default=Hn,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=VueAnimXyz.js.map

package.json

 {
   "name": "@animxyz/vue3",
-  "version": "0.2.0-alpha.1",
+  "version": "0.2.0-alpha.2",
   "publishConfig": {
@@ -62,3 +62,3 @@ "access": "public"
   },
-  "gitHead": "3cf02b7f10539eaa4dc52e5481d8168e44e63c00"
+  "gitHead": "513aa74ede6b5dd2bb17ab0ff3fe85aff9c7dfd2"
 }

src/components/XyzTransition.js

 import { Transition, h } from 'vue'
-import { getXyzTransitionData } from '../utils'
+import { xyzTransitionProps, getXyzTransitionData } from '../utils'
 
@@ -13,14 +13,4 @@ function XyzTransition(props, context) {
 
-XyzTransition.props = {
-	appear: {
-		type: Boolean,
-	},
-	duration: {
-		type: [Number, String, Object],
-	},
-	mode: {
-		type: String,
-	},
-}
+XyzTransition.props = xyzTransitionProps
 
 export default XyzTransition

src/components/XyzTransitionGroup.js

 import { TransitionGroup, h } from 'vue'
 import { getTransitionRawChildren } from '@vue/runtime-core'
-import { getXyzTransitionData } from '../utils'
+import { mergeData, getXyzTransitionData } from '../utils'
 
@@ -16,7 +16,11 @@ function XyzTransitionGroup(props, context) {
 		rawChildren.forEach((node, index) => {
-			node.props.style = {
-				'--xyz-index': index,
-				'--xyz-index-rev': rawChildren.length - index - 1,
-				...node.props.style,
-			}
+			node.props = mergeData(
+				{
+					style: {
+						'--xyz-index': index,
+						'--xyz-index-rev': rawChildren.length - index - 1,
+					},
+				},
+				node.props
+			)
 		})
@@ -23,0 +27,0 @@

src/utils.js

 import { xyzTransitionClasses, getXyzAnimationHook } from '../../../utils'
+import clsx from 'clsx'
 
+export const xyzTransitionProps = {
+	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,
+}
+
+export const xyzTransitionGroupProps = {
+	...xyzTransitionProps,
+	tag: {
+		type: String,
+		default: 'div',
+	},
+	moveClass: String,
+}
+
+export function mergeData(data1 = {}, data2 = {}) {
+	return {
+		...data1,
+		...data2,
+		style: {
+			...data1.style,
+			...data2.style,
+		},
+		class: clsx(data1.class, data2.class),
+	}
+}
+
 export function getXyzTransitionData(data) {
-	const { appear, duration } = data || {}
+	const { appear, duration } = data
 
@@ -28,6 +65,3 @@ const animationHook = getXyzAnimationHook(duration)
 
-	const mergedData = {
-		...data,
-		...transitionData,
-	}
+	const mergedData = mergeData(transitionData, data)
 
@@ -34,0 +68,0 @@ delete mergedData.duration

No alert changes

Improved metrics

Total package byte prevSize

500027

increased by0.69%

Lines of code

686

increased by10.29%

No dependency changes