@animxyz/vue/dist/VueAnimXyz.js

AnimXYZ is a composable animation library that makes your site shine

/**
   * VueAnimXyz v0.6.6
   * Copyright (c) 2020-present Ingram Projects
   * Released under the MIT License.
   * https://animxyz.com
   */


!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue-functional-data-merge"),require("clsx")):"function"==typeof define&&define.amd?define(["exports","vue-functional-data-merge","clsx"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).VueAnimXyz={},e.vueFunctionalDataMerge,e.clsx)}(this,(function(e,t,n){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(n);function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(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}function s(e,t){return function(n,a){function i(){o(n),a()}o(n);var 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 l(){var t=function(e,t){switch(r(t)){case"number":case"string":return t;case"object":return null===t?null:t[e]}return null}(s,e);if("number"!=typeof t){var a="xyz-".concat(s,"-keyframes"),o=new Set([n]);if("auto"===t)n.querySelectorAll(".xyz-nested, .xyz-".concat(s,"-nested")).forEach(o.add,o);n._xyzAnimTimeout=setTimeout((function(){o.forEach((function(e){e.offsetParent||e.getClientRects().length||l(e),-1===window.getComputedStyle(e).getPropertyValue("animation-name").indexOf(a)&&l(e)}))})),n._xyzAnimEnd=function(e){e.animationName===a&&l(e.target)},n.addEventListener("animationend",n._xyzAnimEnd,!1),n.addEventListener("animationcancelled",n._xyzAnimEnd,!1)}else n._xyzAnimTimeout=setTimeout(i,t);function l(e){o.delete(e),0===o.size&&i()}}if("appear"===s&&t){var u=Object.assign({},t);n.classList.add("xyz-paused-all"),n._xyzAppearObserver=new IntersectionObserver((function(e,t){e.forEach((function(e){e.isIntersecting&&(n.classList.remove("xyz-paused-all"),t.disconnect(),l())}))}),u),n._xyzAppearObserver.observe(n)}else l()}}var l="xyz-appear-from",u="xyz-appear",c="xyz-appear-to",p="xyz-in-from",d="xyz-in",f="xyz-in-to",y="xyz-out-from",v="xyz-out",m="xyz-out-to",x={appear:Boolean,appearVisible:[Boolean,Object],duration:[Number,String,Object],mode:String,appearClass:String,appearActiveClass:String,appearToClass:String,enterClass:String,enterActiveClass:String,enterToClass:String,leaveClass:String,leaveActiveClass:String,leaveToClass:String},z=Object.assign({},x,{tag:{type:String,default:"div"},moveClass:String});function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t.mergeData(e,n)}function b(e){var t;t=e.attrs,Object.keys(t).forEach((function(e){void 0===t[e]&&delete t[e]})),e.attrs.appear=Boolean(e.attrs.appear||e.attrs.appearVisible);var n=e.attrs,a=n.appear,i=n.appearVisible,r=s(n.duration,i),o={attrs:{css:!0,type:"animation",appearClass:l,appearActiveClass:u,appearToClass:c,enterClass:p,enterActiveClass:d,enterToClass:f,leaveClass:y,leaveActiveClass:v,leaveToClass:m},on:{enter:r,leave:r}};a&&(o.on.appear=r);var x=g(o,e);return delete x.attrs.appearVisible,delete x.attrs.duration,x}var A={name:"XyzTransition",functional:!0,props:x,render:function(e,t){var n=t.data,a=void 0===n?{}:n,i=t.props,r=void 0===i?{}:i,o=t.children,s=void 0===o?[]:o,l=b(Object.assign({},a,{attrs:Object.assign({},a.attrs,r)}));return s.forEach((function(e){e.data=g(a,e.data)})),e("transition",l,s)}};var S={name:"XyzTransitionGroup",functional:!0,props:z,render:function(e,t){var n=t.data,a=void 0===n?{}:n,i=t.props,r=void 0===i?{}:i,o=t.children,s=void 0===o?[]:o,l=b(Object.assign({},a,{attrs:Object.assign({},a.attrs,r)}));return function(e){return e.filter((function(e){return e.tag&&null!=e.key&&0!==String(e.key).indexOf("__vlist")}))}(s).forEach((function(e,t){e.data=g({staticStyle:{"--xyz-index":t,"--xyz-index-rev":s.length-t-1}},e.data)})),e("transition-group",l,s)}};function T(e,t){var n=t.value;e.setAttribute("xyz",i.default(e._xyzOriginal,n))}var _={bind:function(e){e._xyzOriginal=e.getAttribute("xyz"),T.apply(void 0,arguments)},update:T},C={install:function(e){e.component("XyzTransition",A),e.component("XyzTransitionGroup",S),e.directive("xyz",_)}},O=null;"undefined"!=typeof window?O=window.Vue:"undefined"!=typeof global&&(O=global.Vue),O&&O.use(C),e.XyzTransition=A,e.XyzTransitionGroup=S,e.default=C,e.xyz=_,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=VueAnimXyz.js.map