@wizdm/animate/bundles/wizdm-animate.umd.min.js

On Scroll Animation for Angular

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("rxjs/operators"),require("@angular/cdk/coercion"),require("rxjs"),require("@angular/animations"),require("@angular/cdk/scrolling")):"function"==typeof define&&define.amd?define("@wizdm/animate",["exports","@angular/core","rxjs/operators","@angular/cdk/coercion","rxjs","@angular/animations","@angular/cdk/scrolling"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).wizdm=t.wizdm||{},t.wizdm.animate={}),t.ng.core,t.rxjs.operators,t.ng.cdk.coercion,t.rxjs,t.ng.animations,t.ng.cdk.scrolling)}(this,(function(t,e,a,s,n,r,i){"use strict";
/*! *****************************************************************************
    Copyright (c) Microsoft Corporation.

    Permission to use, copy, modify, and/or distribute this software for any
    purpose with or without fee is hereby granted.

    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
    PERFORMANCE OF THIS SOFTWARE.
    ***************************************************************************** */var o=function(t,e){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a])})(t,e)};Object.create;function l(t,e){var a="function"==typeof Symbol&&t[Symbol.iterator];if(!a)return t;var s,n,r=a.call(t),i=[];try{for(;(void 0===e||e-- >0)&&!(s=r.next()).done;)i.push(s.value)}catch(t){n={error:t}}finally{try{s&&!s.done&&(a=r.return)&&a.call(r)}finally{if(n)throw n.error}}return i}function f(t,e){for(var a=0,s=e.length,n=t.length;a<s;a++,n++)t[n]=e[a];return t}Object.create;var m=new e.InjectionToken("wizdm.animate.config");var y=function(){function t(t,e,s,r){var i,o,l=this;this.scroll=t,this.viewPort=e,this.zone=s,this.config=r,this.options$=new n.BehaviorSubject({}),this.config=(o=("auto"===(o=(i=r)&&i.triggerMode||"auto")||"intersectionObserver"===o)&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype?"intersectionObserver":"scrolling",Object.assign(Object.assign({},i),{triggerMode:o})),this.view$=this.options$.pipe(a.switchMap((function(t){return e.change(100).pipe(a.startWith(null),a.map((function(){var e=t.root instanceof Element?t.root.getBoundingClientRect():l.viewPort.getViewportRect(),a=e.left+(t.left||l.config.offsetLeft||0),s=e.top+(t.top||l.config.offsetTop||0),n=e.right+(t.right||l.config.offsetRight||0),r=e.bottom+(t.bottom||l.config.offsetBottom||0);return{top:s,left:a,bottom:r,right:n,height:r-s,width:n-a}})),a.debounceTime(20))})),a.shareReplay(1))}return Object.defineProperty(t.prototype,"useIntersectionObserver",{get:function(){return"intersectionObserver"===this.config.triggerMode},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"useScrolling",{get:function(){return"scrolling"===this.config.triggerMode},enumerable:!1,configurable:!0}),t.prototype.setup=function(t){this.options$.next(t)},t.prototype.trigger=function(t,e){var s=this;return function(r){return s.zone.onStable.pipe(a.take(1),a.switchMap((function(){return r})),a.switchMap((function(a){return e<=0?n.of(a):s.useIntersectionObserver?s.intersecting(t,e):s.scrolling(t,e)})))}},t.prototype.intersecting=function(t,e){var s=this;return this.options$.pipe(a.map((function(t){return{root:t.root||null,rootMargin:-(t.top||s.config.offsetTop||0)+"px "+-(t.right||s.config.offsetRight||0)+"px "+-(t.bottom||s.config.offsetBottom||0)+"px "+-(t.left||s.config.offsetLeft||0)+"px"}})),a.switchMap((function(a){return s.observe(t,e,a)})))},t.prototype.observe=function(t,e,a){var s=this;return new n.Observable((function(n){var r=new IntersectionObserver((function(t){var a=t[0].intersectionRatio;a>=e&&s.zone.run((function(){return n.next(!0)})),a<=0&&s.zone.run((function(){return n.next(!1)}))}),Object.assign(Object.assign({},a),{threshold:[0,e]}));return r.observe(t.nativeElement),function(){return r.disconnect()}}))},t.prototype.scrolling=function(t,e){var s=this;return this.scroll.ancestorScrolled(t,0).pipe(a.startWith(0),a.switchMap((function(){return s.visibility(t)})),a.scan((function(t,a){return a>=e||t&&a>0}),!1),a.distinctUntilChanged(),(function(t){return new n.Observable((function(e){return t.subscribe((function(t){return s.zone.run((function(){return e.next(t)}))}))}))}))},t.prototype.visibility=function(t){return this.view$.pipe(a.map((function(e){var a=t&&t.nativeElement&&t.nativeElement.getBoundingClientRect();if(!a)return 0;if(a.left>e.left-1&&a.top>e.top-1&&a.right<e.right+1&&a.bottom<e.bottom+1)return 1;var s=Math.round(a.width*a.height),n=Math.max(0,Math.min(a.right,e.right)-Math.max(a.left,e.left)),r=Math.max(0,Math.min(a.bottom,e.bottom)-Math.max(a.top,e.top));return Math.round(n*r/s*10)/10})))},t}();y.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new y(e.ɵɵinject(i.ScrollDispatcher),e.ɵɵinject(i.ViewportRuler),e.ɵɵinject(e.NgZone),e.ɵɵinject(m,8))},token:y,providedIn:"root"}),y.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],y.ctorParameters=function(){return[{type:i.ScrollDispatcher},{type:i.ViewportRuler},{type:e.NgZone},{type:void 0,decorators:[{type:e.Optional},{type:e.Inject,args:[m]}]}]};var c=[r.transition("* => beat",[r.style("*"),r.animate("{{timing}} {{delay}} cubic-bezier(.8, -0.6, 0.2, 1.5)",r.keyframes([r.style({transform:"scale(0.8)"}),r.style({transform:"scale(1.5)"}),r.style({transform:"scale(1)"})]))],{params:{timing:"500ms",delay:""}})],p=[r.transition("* => bounce",[r.style({transformOrigin:"center bottom"}),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"translate3d(0, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.61, 0.355, 1)",offset:0}),r.style({transform:"translate3d(0, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.61, 0.355, 1)",offset:.2}),r.style({transform:"translate3d(0, -30px, 0)",animationTimingFunction:"cubic-bezier(0.755, 0.05, 0.855, 0.06)",offset:.4}),r.style({transform:"translate3d(0, -30px, 0)",animationTimingFunction:"cubic-bezier(0.755, 0.05, 0.855, 0.06",offset:.43}),r.style({transform:"translate3d(0, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.61, 0.355, 1)",offset:.53}),r.style({transform:"translate3d(0, -15px, 0)",animationTimingFunction:"cubic-bezier(0.755, 0.05, 0.855, 0.06)",offset:.7}),r.style({transform:"translate3d(0, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.61, 0.355, 1)",offset:.8}),r.style({transform:"translate3d(0, -4px, 0)",offset:.9}),r.style({transform:"translate3d(0, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.61, 0.355, 1)",offset:1})]))],{params:{timing:"1s",delay:""}})],d=[r.transition("* => headShake",[r.style("*"),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"translateX(0)",offset:0}),r.style({transform:"translateX(-6px) rotateY(-9deg)",offset:.065}),r.style({transform:"translateX(5px) rotateY(7deg)",offset:.185}),r.style({transform:"translateX(-3px) rotateY(-5deg)",offset:.315}),r.style({transform:"translateX(2px) rotateY(3deg)",offset:.435}),r.style({transform:"translateX(0)",offset:.5})]))],{params:{timing:"1s",delay:""}})],u=[r.transition("* => heartBeat",[r.style("*"),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"scale(1)",offset:0}),r.style({transform:"scale(1.3)",offset:.14}),r.style({transform:"scale(1)",offset:.28}),r.style({transform:"scale(1.3)",offset:.42}),r.style({transform:"scale(1)",offset:.7})]))],{params:{timing:"1s",delay:""}})],g=[r.transition("* => pulse",[r.style("*"),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"scale(1)"}),r.style({transform:"scale(1.05)"}),r.style({transform:"scale(1)"})]))],{params:{timing:"500ms",delay:""}})],b=[r.transition("* => rubberBand",[r.style("*"),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"scale3d(1, 1, 1)",offset:0}),r.style({transform:"scale3d(1.25, 0.75, 1)",offset:.3}),r.style({transform:"scale3d(0.75, 1.25, 1)",offset:.4}),r.style({transform:"scale3d(1.15, 0.85, 1)",offset:.5}),r.style({transform:"scale3d(0.95, 1.05, 1)",offset:.65}),r.style({transform:"scale3d(1.05, 0.95, 1)",offset:.75}),r.style({transform:"scale3d(1, 1, 1)",offset:1})]))],{params:{timing:"1s",delay:""}})],h=[r.transition("* => shake",[r.style("*"),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"translateX(0)",offset:0}),r.style({transform:"translateX(-10px)",offset:.1}),r.style({transform:"translateX(10px)",offset:.2}),r.style({transform:"translateX(-10px)",offset:.3}),r.style({transform:"translateX(10px)",offset:.4}),r.style({transform:"translateX(-10px)",offset:.5}),r.style({transform:"translateX(10px)",offset:.6}),r.style({transform:"translateX(-10px)",offset:.7}),r.style({transform:"translateX(10px)",offset:.8}),r.style({transform:"translateX(-10px)",offset:.9}),r.style({transform:"translateX(0)",offset:1})]))],{params:{timing:"1s",delay:""}})],x=[r.transition("* => swing",[r.style({transformOrigin:"top center"}),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"rotate3d(0, 0, 1, 0deg)",offset:0}),r.style({transform:"rotate3d(0, 0, 1, 15deg)",offset:.2}),r.style({transform:"rotate3d(0, 0, 1, -10deg)",offset:.4}),r.style({transform:"rotate3d(0, 0, 1, 5deg)",offset:.6}),r.style({transform:"rotate3d(0, 0, 1, -5deg)",offset:.8}),r.style({transform:"rotate3d(0, 0, 1, 0deg)",offset:1})]))],{params:{timing:"1s",delay:""}})],v=[r.transition("* => wobble",[r.style("*"),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"translateX(0)",offset:0}),r.style({transform:"translateX(-25%) rotate3d(0, 0, 1, -5deg)",offset:.15}),r.style({transform:"translateX(20%) rotate3d(0, 0, 1, 3deg)",offset:.3}),r.style({transform:"translateX(-15%) rotate3d(0, 0, 1, -3deg)",offset:.45}),r.style({transform:"translateX(10%) rotate3d(0, 0, 1, 2deg)",offset:.6}),r.style({transform:"translateX(-5%) rotate3d(0, 0, 1, -1deg)",offset:.75}),r.style({transform:"translateX(0)",offset:1})]))],{params:{timing:"1s",delay:""}})],O=[r.transition("* => jello",[r.style({transformOrigin:"center"}),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"skewX(0) skewY(0)",offset:0}),r.style({transform:"skewX(0) skewY(0)",offset:.111}),r.style({transform:"skewX(-12.5) skewY(-12.5)",offset:.222}),r.style({transform:"skewX(6.25deg) skewY(6.25deg)",offset:.333}),r.style({transform:"skewX(-3.125deg) skewY(-3.125deg)",offset:.444}),r.style({transform:"skewX(1.5625deg) skewY(1.5625deg)",offset:.555}),r.style({transform:"skewX(-0.78125deg) skewY(-0.78125deg)",offset:.666}),r.style({transform:"skewX(0.390625deg) skewY(0.390625deg)",offset:.777}),r.style({transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)",offset:.888}),r.style({transform:"skewX(0) skewY(0)",offset:1})]))],{params:{timing:"1s",delay:""}})],w=[r.transition("* => tada",[r.style("*"),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"scale3d(1, 1, 1)",offset:0}),r.style({transform:"scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)",offset:.1}),r.style({transform:"scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)",offset:.2}),r.style({transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",offset:.3}),r.style({transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)",offset:.4}),r.style({transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",offset:.5}),r.style({transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)",offset:.6}),r.style({transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",offset:.7}),r.style({transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)",offset:.8}),r.style({transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",offset:.9}),r.style({transform:"scale3d(1, 1, 1)",offset:1})]))],{params:{timing:"1s",delay:""}})],k=[r.transition("* => flip",[r.style({backfaceVisibility:"visible"}),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)",animationTimingFunction:"ease-out",offset:0}),r.style({transform:" perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)",animationTimingFunction:"ease-out",offset:.4}),r.style({transform:"perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)",animationTimingFunction:"ease-in",offset:.5}),r.style({transform:"perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)",animationTimingFunction:"ease-in",offset:.8}),r.style({transform:"perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)",animationTimingFunction:"ease-in",offset:1})]))],{params:{timing:"1s",delay:""}})],X=[r.state("idle-bumpIn",r.style({opacity:0})),r.transition("* => bumpIn",[r.style({transform:"scale(0.5)",opacity:0}),r.animate("{{timing}} {{delay}} cubic-bezier(.8, -0.6, 0.2, 1.5)",r.style({transform:"scale(1)",opacity:1}))],{params:{timing:"500ms",delay:""}})],I=[r.state("idle-bounceIn",r.style({opacity:0})),r.state("idle-bounceInDown",r.style({opacity:0})),r.state("idle-bounceInLeft",r.style({opacity:0})),r.state("idle-bounceInUp",r.style({opacity:0})),r.state("idle-bounceInRight",r.style({opacity:0})),r.transition("* => bounceIn",r.animate("{{timing}} {{delay}} cubic-bezier(0.215, 0.61, 0.355, 1)",r.keyframes([r.style({transform:"scale(0.3)",opacity:0,offset:0}),r.style({transform:"scale(1.1)",offset:.2}),r.style({transform:"scale(0.9)",offset:.4}),r.style({transform:"scale(1.03)",opacity:1,offset:.6}),r.style({transform:"scale(0.97)",offset:.8}),r.style({transform:"scale(1)",opacity:1,offset:1})])),{params:{timing:"750ms",delay:""}}),r.transition("* => bounceInDown",r.animate("{{timing}} {{delay}} cubic-bezier(0.215, 0.61, 0.355, 1)",r.keyframes([r.style({opacity:0,transform:"translateY(-100%)",offset:0}),r.style({opacity:1,transform:"translateY(25px)",offset:.6}),r.style({transform:"translateY(-10px)",offset:.75}),r.style({transform:"translateY(5px)",offset:.9}),r.style({opacity:1,transform:"translateY(0)",offset:1})])),{params:{timing:"1s",delay:""}}),r.transition("* => bounceInLeft",r.animate("{{timing}} {{delay}} cubic-bezier(0.215, 0.61, 0.355, 1)",r.keyframes([r.style({opacity:0,transform:"translateX(-100%)",offset:0}),r.style({opacity:1,transform:"translateX(25px)",offset:.6}),r.style({transform:"translateX(-10px)",offset:.75}),r.style({transform:"translateX(5px)",offset:.9}),r.style({opacity:1,transform:"translateX(0)",offset:1})])),{params:{timing:"1s",delay:""}}),r.transition("* => bounceInUp",r.animate("{{timing}} {{delay}} cubic-bezier(0.215, 0.61, 0.355, 1)",r.keyframes([r.style({opacity:0,transform:"translateY(100%)",offset:0}),r.style({opacity:1,transform:"translateY(-25px)",offset:.6}),r.style({transform:"translateY(10px)",offset:.75}),r.style({transform:"translateY(-5px)",offset:.9}),r.style({opacity:1,transform:"translateY(0)",offset:1})])),{params:{timing:"1s",delay:""}}),r.transition("* => bounceInRight",r.animate("{{timing}} {{delay}} cubic-bezier(0.215, 0.61, 0.355, 1)",r.keyframes([r.style({opacity:0,transform:"translateX(100%)",offset:0}),r.style({opacity:1,transform:"translateX(-25px)",offset:.6}),r.style({transform:"translateX(10px)",offset:.75}),r.style({transform:"translateX(-5px)",offset:.9}),r.style({opacity:1,transform:"translateX(0)",offset:1})])),{params:{timing:"1s",delay:""}})],z=[r.state("idle-fadeIn",r.style({opacity:0})),r.state("idle-fadeInRight",r.style({opacity:0})),r.state("idle-fadeInLeft",r.style({opacity:0})),r.state("idle-fadeInUp",r.style({opacity:0})),r.state("idle-fadeInDown",r.style({opacity:0})),r.transition("* => fadeIn",[r.style({opacity:0}),r.animate("{{timing}} {{delay}} ease-in",r.style("*"))],{params:{timing:"1s",delay:""}}),r.transition("* => fadeInRight",[r.style({opacity:0,transform:"translateX(-20px)"}),r.animate("{{timing}} {{delay}} ease-in",r.style("*"))],{params:{timing:"1s",delay:""}}),r.transition("* => fadeInLeft",[r.style({opacity:0,transform:"translateX(20px)"}),r.animate("{{timing}} {{delay}} ease-in",r.style("*"))],{params:{timing:"1s",delay:""}}),r.transition("* => fadeInUp",[r.style({opacity:0,transform:"translateY(20px)"}),r.animate("{{timing}} {{delay}} ease-in",r.style("*"))],{params:{timing:"1s",delay:""}}),r.transition("* => fadeInDown",[r.style({opacity:0,transform:"translateY(-20px)"}),r.animate("{{timing}} {{delay}} ease-in",r.style("*"))],{params:{timing:"1s",delay:""}})],Y=[r.state("idle-flipInX",r.style({opacity:0})),r.state("idle-flipInY",r.style({opacity:0})),r.transition("* => flipInX",[r.style({backfaceVisibility:"visible"}),r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({transform:"perspective(400px) rotate3d(1, 0, 0, 90deg)",opacity:0,offset:0}),r.style({transform:" perspective(400px) rotate3d(1, 0, 0, -20deg)",opacity:1,offset:.4}),r.style({transform:"perspective(400px) rotate3d(1, 0, 0, 10deg)",offset:.6}),r.style({transform:"perspective(400px) rotate3d(1, 0, 0, -5deg)",offset:.8}),r.style({transform:"perspective(400px) rotate3d(1, 0, 0, 0)",offset:1})]))],{params:{timing:"1s",delay:""}}),r.transition("* => flipInY",[r.style({backfaceVisibility:"visible"}),r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({transform:"perspective(400px) rotate3d(0, 1, 0, 90deg)",opacity:0,offset:0}),r.style({transform:" perspective(400px) rotate3d(0, 1, 0, -20deg)",opacity:1,offset:.4}),r.style({transform:"perspective(400px) rotate3d(0, 1, 0, 10deg)",offset:.6}),r.style({transform:"perspective(400px) rotate3d(0, 1, 0, -5deg)",offset:.8}),r.style({transform:"perspective(400px) rotate3d(0, 1, 0, 0)",offset:1})]))],{params:{timing:"1s",delay:""}})],j=[r.state("idle-jackInTheBox",r.style({opacity:0})),r.transition("* => jackInTheBox",[r.style("*"),r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom",opacity:0,offset:0}),r.style({transform:"rotate(-10deg)",opacity:.7,offset:.5}),r.style({transform:"rotate(3deg)",offset:.7}),r.style({transform:"scale(1)",opacity:1,offset:1})]))],{params:{timing:"1s",delay:""}})],T=[r.state("idle-landing",r.style({opacity:0})),r.transition("* => landing",[r.style({transform:"scale(1.2)",opacity:0}),r.animate("{{timing}} {{delay}} ease",r.style("*"))],{params:{timing:"2s",delay:""}})],P=[r.state("idle-rollIn",r.style({opacity:0})),r.transition("* => rollIn",[r.style({transform:"translateX(-100%) rotate3d(0, 0, 1, -120deg)",opacity:0}),r.animate("{{timing}} {{delay}} cubic-bezier(.8, -0.6, 0.2, 1.5)",r.style({transform:"translateX(0)",opacity:1}))],{params:{timing:"1s",delay:""}})],F=[r.state("idle-zoomIn",r.style({opacity:0})),r.state("idle-zoomInDown",r.style({opacity:0})),r.state("idle-zoomInLeft",r.style({opacity:0})),r.state("idle-zoomInUp",r.style({opacity:0})),r.state("idle-zoomInRight",r.style({opacity:0})),r.transition("* => zoomIn",r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({opacity:0,transform:"scale(0.3)"}),r.style({opacity:1,transform:"scale(0.65)"}),r.style({opacity:1,transform:"scale(1)"})])),{params:{timing:"1s",delay:""}}),r.transition("* => zoomInDown",r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({opacity:0,transform:"scale(0.1) translateY(-1000px)",animationTimingFunction:"cubic-bezier(0.55, 0.055, 0.675, 0.19)",offset:0}),r.style({opacity:1,transform:"scale(0.475) translateY(60px)",animationTimingFunction:"cubic-bezier(0.175, 0.885, 0.32, 1)",offset:.6}),r.style({opacity:1,transform:"scale(1) translateY(0)",offset:1})])),{params:{timing:"1s",delay:""}}),r.transition("* => zoomInLeft",r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({opacity:0,transform:"scale(0.1) translateX(-1000px)",animationTimingFunction:"cubic-bezier(0.55, 0.055, 0.675, 0.19)",offset:0}),r.style({opacity:1,transform:"scale(0.475) translateX(60px)",animationTimingFunction:"cubic-bezier(0.175, 0.885, 0.32, 1)",offset:.6}),r.style({opacity:1,transform:"scale(1) translateX(0)",offset:1})])),{params:{timing:"1s",delay:""}}),r.transition("* => zoomInUp",r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({opacity:0,transform:"scale(0.1) translateY(1000px)",animationTimingFunction:"cubic-bezier(0.55, 0.055, 0.675, 0.19)",offset:0}),r.style({opacity:1,transform:"scale(0.475) translateY(-60px)",animationTimingFunction:"cubic-bezier(0.175, 0.885, 0.32, 1)",offset:.6}),r.style({opacity:1,transform:"scale(1) translateY(0)",offset:1})])),{params:{timing:"1s",delay:""}}),r.transition("* => zoomInRight",r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({opacity:0,transform:"scale(0.1) translateX(1000px)",animationTimingFunction:"cubic-bezier(0.55, 0.055, 0.675, 0.19)",offset:0}),r.style({opacity:1,transform:"scale(0.475) translateX(-60px)",animationTimingFunction:"cubic-bezier(0.175, 0.885, 0.32, 1)",offset:.6}),r.style({opacity:1,transform:"scale(1) translateX(0)",offset:1})])),{params:{timing:"1s",delay:""}})],R=[r.state("bounceOut",r.style({opacity:0})),r.state("bounceOutDown",r.style({opacity:0})),r.state("bounceOutUp",r.style({opacity:0})),r.state("bounceOutRight",r.style({opacity:0})),r.state("bounceOutLeft",r.style({opacity:0})),r.transition("* => bounceOut",[r.style({opacity:1}),r.animate("{{timing}} {{delay}} ease-out",r.keyframes([r.style({transform:"scale(0.9)",offset:.2}),r.style({transform:"scale(1.1)",offset:.5}),r.style({transform:"scale(1.1)",offset:.55}),r.style({opacity:0,transform:"scale(0.3)",offset:1})]))],{params:{timing:"750ms",delay:""}}),r.transition("* => bounceOutDown",[r.style({opacity:1}),r.animate("{{timing}} {{delay}} ease-out",r.keyframes([r.style({transform:"translateY(10px)",offset:.2}),r.style({transform:"translateY(-20px)",offset:.4}),r.style({transform:"translateY(-20px)",offset:.45}),r.style({opacity:0,transform:"translateY(2000px)",offset:1})]))],{params:{timing:"1s",delay:""}}),r.transition("* => bounceOutUp",[r.style({opacity:1}),r.animate("{{timing}} {{delay}} ease-out",r.keyframes([r.style({transform:"translateY(-10px)",offset:.2}),r.style({transform:"translateY(20px)",offset:.4}),r.style({transform:"translateY(20px)",offset:.45}),r.style({opacity:0,transform:"translateY(-2000px)",offset:1})]))],{params:{timing:"1s",delay:""}}),r.transition("* => bounceOutRight",[r.style({opacity:1}),r.animate("{{timing}} {{delay}} ease-out",r.keyframes([r.style({transform:"translateX(-20px)",offset:.2}),r.style({opacity:0,transform:"translateX(2000px)",offset:1})]))],{params:{timing:"1s",delay:""}}),r.transition("* => bounceOutLeft",[r.style({opacity:1}),r.animate("{{timing}} {{delay}} ease-out",r.keyframes([r.style({transform:"translateX(20px)",offset:.2}),r.style({opacity:0,transform:"translateX(-2000px)",offset:1})]))],{params:{timing:"1s",delay:""}})],D=[r.state("fadeOut",r.style({opacity:0})),r.state("fadeOutRight",r.style({opacity:0})),r.state("fadeOutLeft",r.style({opacity:0})),r.state("fadeOutDown",r.style({opacity:0})),r.state("fadeOutUp",r.style({opacity:0})),r.transition("* => fadeOut",[r.animate("{{timing}} {{delay}} ease-out",r.style({opacity:0}))],{params:{timing:"1s",delay:""}}),r.transition("* => fadeOutRight",[r.animate("{{timing}} {{delay}} ease-out",r.style({opacity:0,transform:"translateX(20px)"}))],{params:{timing:"1s",delay:""}}),r.transition("* => fadeOutLeft",[r.animate("{{timing}} {{delay}} ease-out",r.style({opacity:0,transform:"translateX(-20px)"}))],{params:{timing:"1s",delay:""}}),r.transition("* => fadeOutDown",[r.animate("{{timing}} {{delay}} ease-out",r.style({opacity:0,transform:"translateY(20px)"}))],{params:{timing:"1s",delay:""}}),r.transition("* => fadeOutUp",[r.animate("{{timing}} {{delay}} ease-out",r.style({opacity:0,transform:"translateY(-20px)"}))],{params:{timing:"1s",delay:""}})],M=[r.state("hinge",r.style({opacity:0})),r.transition("* => hinge",[r.style({transformOrigin:"top left"}),r.animate("{{timing}} {{delay}} ease-in-out",r.keyframes([r.style({transform:"rotate3d(0, 0, 1, 0",offset:0}),r.style({transform:"rotate3d(0, 0, 1, 80deg)",offset:.2}),r.style({transform:"rotate3d(0, 0, 1, 60deg)",offset:.4}),r.style({transform:"rotate3d(0, 0, 1, 80deg)",offset:.6}),r.style({transform:"rotate3d(0, 0, 1, 60deg)",offset:.8}),r.style({transform:"translateY(700px)",offset:1})]))],{params:{timing:"2s",delay:""}})],E=[r.state("rollOut",r.style({opacity:0})),r.transition("* => rollOut",[r.style({transform:"translateX(0)",opacity:1}),r.animate("{{timing}} {{delay}} cubic-bezier(.8, -0.6, 0.2, 1.5)",r.style({transform:"translateX(100%) rotate3d(0, 0, 1, 120deg)",opacity:0}))],{params:{timing:"1s",delay:""}})],S=[r.state("zoomOut",r.style({opacity:0})),r.state("zoomOutDown",r.style({opacity:0})),r.state("zoomOutRight",r.style({opacity:0})),r.state("zoomOutUp",r.style({opacity:0})),r.state("zoomOutLeft",r.style({opacity:0})),r.transition("* => zoomOut",r.animate("{{timing}} {{delay}} ease-out",r.keyframes([r.style({opacity:1,transform:"scale(1)"}),r.style({opacity:0,transform:"scale(0.3)"}),r.style({opacity:0,transform:"scale(0.3)"})])),{params:{timing:"1s",delay:""}}),r.transition("* => zoomOutDown",r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({opacity:0,transform:"scale(0.475) translateY(-60px)",animationTimingFunction:"cubic-bezier(0.55, 0.055, 0.675, 0.19)",offset:0}),r.style({opacity:1,transform:"scale(0.1) translateY(2000px)",transformOrigin:"center bottom",animationTimingFunction:"ubic-bezier(0.175, 0.885, 0.32, 1)",offset:.6}),r.style({opacity:1,transform:"scale(1) translateY(0)",offset:1})])),{params:{timing:"1s",delay:""}}),r.transition("* => zoomOutRight",r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({opacity:0,transform:"scale(0.475) translateX(-42px)",animationTimingFunction:"cubic-bezier(0.55, 0.055, 0.675, 0.19)",offset:0}),r.style({opacity:1,transform:"scale(0.1) translateX(2000px)",transformOrigin:"center bottom",animationTimingFunction:"ubic-bezier(0.175, 0.885, 0.32, 1)",offset:.6}),r.style({opacity:1,transform:"scale(1) translateX(0)",offset:1})])),{params:{timing:"1s",delay:""}}),r.transition("* => zoomOutUp",r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({opacity:0,transform:"scale(0.475) translateY(60px)",animationTimingFunction:"cubic-bezier(0.55, 0.055, 0.675, 0.19)",offset:0}),r.style({opacity:1,transform:"scale(0.1) translateY(-2000px)",transformOrigin:"center bottom",animationTimingFunction:"ubic-bezier(0.175, 0.885, 0.32, 1)",offset:.6}),r.style({opacity:1,transform:"scale(1) translateY(0)",offset:1})])),{params:{timing:"1s",delay:""}}),r.transition("* => zoomOutLeft",r.animate("{{timing}} {{delay}} ease-in",r.keyframes([r.style({opacity:0,transform:"scale(0.475) translateX(42px)",animationTimingFunction:"cubic-bezier(0.55, 0.055, 0.675, 0.19)",offset:0}),r.style({opacity:1,transform:"scale(0.1) translateX(-2000px)",transformOrigin:"center bottom",animationTimingFunction:"ubic-bezier(0.175, 0.885, 0.32, 1)",offset:.6}),r.style({opacity:1,transform:"scale(1) translateX(0)",offset:1})])),{params:{timing:"1s",delay:""}})],B=function(){function t(t,a,s){this.elm=t,this.scroll=a,this.renderer=s,this.replay$=new n.Subject,this.animating=!1,this.animated=!1,this.disabled=!1,this.start=new e.EventEmitter,this.done=new e.EventEmitter,this.paused=!1,this.threshold=0,this.once=!1}return Object.defineProperty(t.prototype,"idle",{get:function(){return{value:"idle-"+this.animate}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"play",{get:function(){var t={};return this.timing&&(t.timing=this.timing),this.delay&&(t.delay=this.delay),{value:this.animate,params:t}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"speed",{set:function(t){this.timing={slower:"3s",slow:"2s",normal:"1s",fast:"500ms",faster:"300ms"}[t||"normal"]||"1s"},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"postpone",{set:function(t){var e=s.coerceNumberProperty(t,0);this.delay=e?e+"ms":/^\d+(?:ms|s)$/.test(t)?t:""},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"disableAnimation",{set:function(t){this.disabled=s.coerceBooleanProperty(t)},enumerable:!1,configurable:!0}),t.prototype.animationStart=function(){this.animating=!0,this.animated=!1,this.start.emit()},t.prototype.animationDone=function(){this.animating=!1,this.animated=!0,this.done.emit(),this.renderer.removeStyle(this.elm.nativeElement,"animation")},Object.defineProperty(t.prototype,"pauseAnimation",{set:function(t){this.paused=s.coerceBooleanProperty(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enableAOS",{set:function(t){this.threshold=s.coerceNumberProperty(t,.5)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"aosOnce",{set:function(t){this.once=s.coerceBooleanProperty(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"replay",{set:function(t){this.trigger&&s.coerceBooleanProperty(t)&&(this.trigger=this.idle,this.replay$.next(!0))},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){var t=this;this.sub=this.replay$.pipe(a.delay(0),a.startWith(!this.paused),this.scroll.trigger(this.elm,this.threshold),a.takeWhile((function(e){return!e||!t.once}),!0),a.map((function(e){return e?t.play:t.idle})),a.startWith(this.idle),a.distinctUntilChanged()).subscribe((function(e){return t.trigger=e}))},t.prototype.ngOnDestroy=function(){this.sub.unsubscribe()},t}();B.decorators=[{type:e.Component,args:[{selector:"[wmAnimate]",template:"<ng-content></ng-content>",animations:[r.trigger("animate",f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f(f([],l(c)),l(p)),l(k)),l(d)),l(u)),l(O)),l(g)),l(b)),l(h)),l(x)),l(w)),l(v)),l(X)),l(I)),l(z)),l(Y)),l(j)),l(T)),l(P)),l(F)),l(R)),l(D)),l(M)),l(E)),l(S)),[r.state("none",r.style("*")),r.state("idle-none",r.style("*"))]))]}]}],B.ctorParameters=function(){return[{type:e.ElementRef},{type:y},{type:e.Renderer2}]},B.propDecorators={trigger:[{type:e.HostBinding,args:["@animate"]}],animate:[{type:e.Input,args:["wmAnimate"]}],speed:[{type:e.Input}],postpone:[{type:e.Input,args:["delay"]}],disableAnimation:[{type:e.Input,args:["disabled"]}],disabled:[{type:e.HostBinding,args:["@.disabled"]}],start:[{type:e.Output}],animationStart:[{type:e.HostListener,args:["@animate.start"]}],done:[{type:e.Output}],animationDone:[{type:e.HostListener,args:["@animate.done"]}],pauseAnimation:[{type:e.Input,args:["paused"]}],enableAOS:[{type:e.Input,args:["aos"]}],aosOnce:[{type:e.Input,args:["once"]}],replay:[{type:e.Input}]};var L=function(t){function e(e,a,s,n,r){var i=t.call(this,a,s,n,r)||this;return i.elref=e,i.useElement=!1,i}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function a(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(a.prototype=e.prototype,new a)}(e,t),e.prototype.ngOnChanges=function(e){t.prototype.setup.call(this,{root:s.coerceBooleanProperty(this.useElement)?this.elref.nativeElement:null,top:s.coerceNumberProperty(this.top,0),right:s.coerceNumberProperty(this.right,0),bottom:s.coerceNumberProperty(this.bottom,0),left:s.coerceNumberProperty(this.left,0)})},e}(y);L.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new L(e.ɵɵinject(e.ElementRef),e.ɵɵinject(i.ScrollDispatcher),e.ɵɵinject(i.ViewportRuler),e.ɵɵinject(e.NgZone),e.ɵɵinject(m,8))},token:L,providedIn:"root"}),L.decorators=[{type:e.Directive,args:[{selector:"[wmAnimateView]",providers:[{provide:y,useExisting:e.forwardRef((function(){return L}))}]}]}],L.ctorParameters=function(){return[{type:e.ElementRef},{type:i.ScrollDispatcher},{type:i.ViewportRuler},{type:e.NgZone},{type:void 0,decorators:[{type:e.Optional},{type:e.Inject,args:[m]}]}]},L.propDecorators={useElement:[{type:e.Input}],top:[{type:e.Input}],left:[{type:e.Input}],bottom:[{type:e.Input}],right:[{type:e.Input}]};var A=function(){function t(){}return t.init=function(e){return{ngModule:t,providers:[{provide:m,useValue:e}]}},t}();A.decorators=[{type:e.NgModule,args:[{imports:[i.ScrollingModule],declarations:[B,L],exports:[B,L]}]}],t.AnimateComponent=B,t.AnimateDirective=L,t.AnimateModule=A,t.AnimateService=y,t.ɵa=c,t.ɵb=p,t.ɵba=m,t.ɵc=k,t.ɵd=d,t.ɵe=u,t.ɵf=O,t.ɵg=g,t.ɵh=b,t.ɵi=h,t.ɵj=x,t.ɵk=w,t.ɵl=v,t.ɵm=X,t.ɵn=I,t.ɵo=z,t.ɵp=Y,t.ɵq=j,t.ɵr=T,t.ɵs=P,t.ɵt=F,t.ɵu=R,t.ɵv=D,t.ɵw=M,t.ɵx=E,t.ɵy=S,Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=wizdm-animate.umd.min.js.map