@vue-interface/animate-css
Version:
A Vue transition wrapper for animate.css.
3 lines (2 loc) • 3.79 kB
JavaScript
(function(f,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],l):(f=typeof globalThis<"u"?globalThis:f||self,l(f.AnimateCss={},f.Vue))})(this,function(f,l){"use strict";const T="";var c=function(){return c=Object.assign||function(e){for(var a,s=1,u=arguments.length;s<u;s++){a=arguments[s];for(var i in a)Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},c.apply(this,arguments)};function y(t){return t.toLowerCase()}var A=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],b=/[^A-Z0-9]+/gi;function w(t,e){e===void 0&&(e={});for(var a=e.splitRegexp,s=a===void 0?A:a,u=e.stripRegexp,i=u===void 0?b:u,d=e.transform,v=d===void 0?y:d,m=e.delimiter,o=m===void 0?" ":m,n=C(C(t,s,"$1\0$2"),i,"\0"),r=0,p=n.length;n.charAt(r)==="\0";)r++;for(;n.charAt(p-1)==="\0";)p--;return n.slice(r,p).split("\0").map(v).join(o)}function C(t,e,a){return e instanceof RegExp?t.replace(e,a):e.reduce(function(s,u){return s.replace(u,a)},t)}function g(t,e){var a=t.charAt(0),s=t.substr(1).toLowerCase();return e>0&&a>="0"&&a<="9"?"_"+a+s:""+a.toUpperCase()+s}function B(t,e){return e===void 0&&(e={}),w(t,c({delimiter:"",transform:g},e))}function $(t,e){return e===0?t.toLowerCase():g(t,e)}function h(t,e){return e===void 0&&(e={}),B(t,c({transform:$},e))}const E=l.defineComponent({__name:"AnimateCss",props:{animated:{type:Boolean,default:!0},attentionSeekerEffects:{default:()=>["bounce","flash","pulse","rubberBand","shakeX","shakeY","headShake","swing","tada","wobble","jello","heartBeat"]},big:{type:Boolean,default:!1},direction:null,directionEffects:{default:()=>["back","bounce","fade","flip","lightspeed","rotate","roll","slide","zoom"]},down:{type:Boolean,default:!1},duration:null,enter:null,enterClass:null,enterToClass:null,enterActiveClass:null,inOut:{type:Boolean},leave:null,leaveClass:null,leaveToClass:null,leaveActiveClass:null,left:{type:Boolean},mode:{default:"default"},name:null,prefix:{default:"animate__"},right:{type:Boolean},special:{type:Boolean},up:{type:Boolean},x:{type:Boolean},y:{type:Boolean}},setup(t){const e=t;l.useSlots();function a(o){return`${e.prefix}${o}`}function s(o,n){return[a(h([e.name,!i.value&&o,!i.value&&u.value,!i.value&&e.big&&"big"].filter(r=>!!r).join(" ")))].concat([d.value]).concat(n||"").filter(r=>!!r).join(" ")}const u=l.computed(()=>e.direction||e.x&&"x"||e.y&&"y"||e.up&&"up"||e.down&&"down"||e.left&&"left"||e.right&&"right"),i=l.computed(()=>e.name&&(!e.inOut&&e.attentionSeekerEffects.indexOf(e.name.toLowerCase())>-1||e.directionEffects.indexOf(e.name.toLowerCase())===-1)),d=l.computed(()=>e.animated?a("animated"):""),v=l.computed(()=>e.enter?`${a(e.enter)} ${d.value}`:s("in",e.enterActiveClass)),m=l.computed(()=>e.leave?`${a(e.leave)} ${d.value}`:s("out",e.leaveActiveClass));return(o,n)=>(l.openBlock(),l.createBlock(l.Transition,{mode:t.mode,duration:e.duration,"enter-class":t.enterClass,"enter-to-class":t.enterToClass,"enter-active-class":l.unref(v),"leave-class":t.leaveClass,"leave-to-class":t.leaveToClass,"leave-active-class":l.unref(m),onBeforeEnter:n[0]||(n[0]=(...r)=>o.$emit("before-enter",...r)),onEnter:n[1]||(n[1]=(...r)=>o.$emit("enter",...r)),onAfterEnter:n[2]||(n[2]=(...r)=>o.$emit("after-enter",...r)),onBeforeLeave:n[3]||(n[3]=(...r)=>o.$emit("before-leave",...r)),onLeave:n[4]||(n[4]=(...r)=>o.$emit("leave",...r)),onAfterLeave:n[5]||(n[5]=(...r)=>o.$emit("after-leave",...r))},{default:l.withCtx(()=>[l.renderSlot(o.$slots,"default")]),_:3},8,["mode","duration","enter-class","enter-to-class","enter-active-class","leave-class","leave-to-class","leave-active-class"]))}});f.AnimateCss=E,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
//# sourceMappingURL=animate-css.umd.cjs.map