@ngverse/motion/fesm2022/ngverse-motion-animatecss.mjs.map

<p align="center"> <img src="https://github.com/ngverse/motion/blob/main/apps/docs/public/logo.png?raw=true" alt="Logo" width="200px" /> </p> `@ngverse/motion` is an Angular animations library, see more info on [link](https://motion.ngverse.dev)

{"version":3,"file":"ngverse-motion-animatecss.mjs","sources":["../../../../libs/motion/animatecss/src/lib/common/animate-css-defaults.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/bounce.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/flash.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/head-shake.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/heart-beat.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/jello.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/pulse.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/rubber-band.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/shake-x.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/shake-y.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/swing.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/tada.ts","../../../../libs/motion/animatecss/src/lib/attention_seekers/wobble.ts","../../../../libs/motion/animatecss/src/lib/back_entrances/back-in-down.ts","../../../../libs/motion/animatecss/src/lib/back_entrances/back-in-left.ts","../../../../libs/motion/animatecss/src/lib/back_entrances/back-in-right.ts","../../../../libs/motion/animatecss/src/lib/back_entrances/back-in-up.ts","../../../../libs/motion/animatecss/src/lib/back_exits/back-out-down.ts","../../../../libs/motion/animatecss/src/lib/back_exits/back-out-left.ts","../../../../libs/motion/animatecss/src/lib/back_exits/back-out-right.ts","../../../../libs/motion/animatecss/src/lib/back_exits/back-out-up.ts","../../../../libs/motion/animatecss/src/lib/flippers/flip.ts","../../../../libs/motion/animatecss/src/lib/flippers/flip-in-x.ts","../../../../libs/motion/animatecss/src/lib/flippers/flip-in-y.ts","../../../../libs/motion/animatecss/src/lib/flippers/flip-out-x.ts","../../../../libs/motion/animatecss/src/lib/flippers/flip-out-y.ts","../../../../libs/motion/animatecss/src/lib/specials/hinge.ts","../../../../libs/motion/animatecss/src/lib/specials/jack-in-the-box.ts","../../../../libs/motion/animatecss/src/lib/specials/roll-in.ts","../../../../libs/motion/animatecss/src/lib/specials/roll-out.ts","../../../../libs/motion/animatecss/src/lib/zooming_entrances/zoom-in.ts","../../../../libs/motion/animatecss/src/lib/zooming_entrances/zoom-in-down.ts","../../../../libs/motion/animatecss/src/lib/zooming_entrances/zoom-in-left.ts","../../../../libs/motion/animatecss/src/lib/zooming_entrances/zoom-in-right.ts","../../../../libs/motion/animatecss/src/lib/zooming_entrances/zoom-in-up.ts","../../../../libs/motion/animatecss/src/lib/zooming_exits/zoom-out.ts","../../../../libs/motion/animatecss/src/lib/zooming_exits/zoom-out-down.ts","../../../../libs/motion/animatecss/src/lib/zooming_exits/zoom-out-left.ts","../../../../libs/motion/animatecss/src/lib/zooming_exits/zoom-out-right.ts","../../../../libs/motion/animatecss/src/lib/zooming_exits/zoom-out-up.ts","../../../../libs/motion/animatecss/src/lib/sliding_entrances/slide-in-down.ts","../../../../libs/motion/animatecss/src/lib/sliding_entrances/slide-in-left.ts","../../../../libs/motion/animatecss/src/lib/sliding_entrances/slide-in-right.ts","../../../../libs/motion/animatecss/src/lib/sliding_entrances/slide-in-up.ts","../../../../libs/motion/animatecss/src/lib/sliding_exits/slide-out-down.ts","../../../../libs/motion/animatecss/src/lib/sliding_exits/slide-out-left.ts","../../../../libs/motion/animatecss/src/lib/sliding_exits/slide-out-right.ts","../../../../libs/motion/animatecss/src/lib/sliding_exits/slide-out-up.ts","../../../../libs/motion/animatecss/src/lib/bouncing_exits/bounce-out.ts","../../../../libs/motion/animatecss/src/lib/bouncing_exits/bounce-out-down.ts","../../../../libs/motion/animatecss/src/lib/bouncing_exits/bounce-out-left.ts","../../../../libs/motion/animatecss/src/lib/bouncing_exits/bounce-out-right.ts","../../../../libs/motion/animatecss/src/lib/bouncing_exits/bounce-out-up.ts","../../../../libs/motion/animatecss/src/lib/bouncing_entrances/bounce-in.ts","../../../../libs/motion/animatecss/src/lib/bouncing_entrances/bounce-in-down.ts","../../../../libs/motion/animatecss/src/lib/bouncing_entrances/bounce-in-left.ts","../../../../libs/motion/animatecss/src/lib/bouncing_entrances/bounce-in-right.ts","../../../../libs/motion/animatecss/src/lib/bouncing_entrances/bounce-in-up.ts","../../../../libs/motion/animatecss/src/lib/lightspeed/light-speed-in-left.ts","../../../../libs/motion/animatecss/src/lib/lightspeed/light-speed-in-right.ts","../../../../libs/motion/animatecss/src/lib/lightspeed/light-speed-out-left.ts","../../../../libs/motion/animatecss/src/lib/lightspeed/light-speed-out-right.ts","../../../../libs/motion/animatecss/src/lib/rotating_entrances/rotate-in.ts","../../../../libs/motion/animatecss/src/lib/rotating_entrances/rotate-in-down-left.ts","../../../../libs/motion/animatecss/src/lib/rotating_entrances/rotate-in-down-right.ts","../../../../libs/motion/animatecss/src/lib/rotating_entrances/rotate-in-up-left.ts","../../../../libs/motion/animatecss/src/lib/rotating_entrances/rotate-in-up-right.ts","../../../../libs/motion/animatecss/src/lib/rotating_exits/rotate-out.ts","../../../../libs/motion/animatecss/src/lib/rotating_exits/rotate-out-down-left.ts","../../../../libs/motion/animatecss/src/lib/rotating_exits/rotate-out-down-right.ts","../../../../libs/motion/animatecss/src/lib/rotating_exits/rotate-out-up-left.ts","../../../../libs/motion/animatecss/src/lib/rotating_exits/rotate-out-up-right.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-bottom-left.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-bottom-right.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-down.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-down-big.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-left.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-left-big.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-right.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-right-big.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-top-left.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-top-right.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-up.ts","../../../../libs/motion/animatecss/src/lib/fading_entrances/fade-in-up-big.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-bottom-left.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-bottom-right.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-down.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-down-big.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-left.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-left-big.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-right.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-right-big.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-top-left.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-top-right.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-up.ts","../../../../libs/motion/animatecss/src/lib/fading_exits/fade-out-up-big.ts","../../../../libs/motion/animatecss/src/index.ts","../../../../libs/motion/animatecss/src/ngverse-motion-animatecss.ts"],"sourcesContent":["import { MotionDefaultOptions, MotionOptions } from '@ngverse/motion/core';\n\nlet MOTION_DEFAULTS: Required<MotionDefaultOptions> = {\n  duration: 1000,\n  delay: 0,\n  children: 'none',\n  easing: 'ease-in-out',\n};\n\nexport function getAnimatecssDefaults() {\n  return MOTION_DEFAULTS;\n}\n\nexport function setAnimatecssDefaults(options: MotionOptions) {\n  const defaults = { ...MOTION_DEFAULTS, ...options };\n\n  MOTION_DEFAULTS = defaults;\n}\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/bounce.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype bounceMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<bounceMotionOptions>();\nconst name = `bounce`;\n\n/**\n * bounce animation\n */\nexport const bounce = createMotionFromAnimate<bounceMotionOptions>(\n  keyframes([\n    style({\n      transform: 'translate3d(0, 0, 0)',\n      'transform-origin': 'center bottom',\n      easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n      offset: 0,\n    }),\n    style({\n      transform: 'translate3d(0, -30px, 0) scaleY(1.1)',\n      'transform-origin': 'center bottom',\n      easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n      offset: 0.4,\n    }),\n    style({\n      transform: 'translate3d(0, -30px, 0) scaleY(1.1)',\n      'transform-origin': 'center bottom',\n      offset: 0.43,\n    }),\n    style({\n      transform: 'translate3d(0, -15px, 0) scaleY(1.05)',\n      'transform-origin': 'center bottom',\n      easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n      offset: 0.7,\n    }),\n    style({\n      transform: 'translate3d(0, 0, 0) scaleY(0.95)',\n      'transform-origin': 'center bottom',\n      easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n      offset: 0.8,\n    }),\n    style({\n      transform: 'translate3d(0, -4px, 0) scaleY(1.02)',\n      'transform-origin': 'center bottom',\n      offset: 0.9,\n    }),\n    style({\n      transform: 'translate3d(0, 0, 0)',\n      'transform-origin': 'center bottom',\n      offset: 1,\n    }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `bounce` animation\n */\nexport const setBounceDefaults = setDefaults<bounceMotionOptions>(defaults);\n\n/**\n * bounce animation on :enter\n * @remarks triggerName: `bounceOnEnter`\n */\nexport const bounceOnEnter = createOnEnter(\n  bounce,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * bounce animation on :leave\n * @remarks triggerName: `bounceOnLeave`\n */\nexport const bounceOnLeave = createOnLeave(\n  bounce,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * bounce animation on :incr\n * @remarks triggerName: `bounceOnIncr`\n */\nexport const bounceOnIncr = createOnIncr(\n  bounce,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * bounce animation on :decr\n * @remarks triggerName: `bounceOnDecr`\n */\nexport const bounceOnDecr = createOnDecr(\n  bounce,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/flash.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype flashMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<flashMotionOptions>();\nconst name = `flash`;\n\n/**\n * flash animation\n */\nexport const flash = createMotionFromAnimate<flashMotionOptions>(\n  keyframes([\n    style({ opacity: 1, offset: 0 }),\n    style({ opacity: 0, offset: 0.25 }),\n    style({ opacity: 1, offset: 0.5 }),\n    style({ opacity: 0, offset: 0.75 }),\n    style({ opacity: 1, offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `flash` animation\n */\nexport const setFlashDefaults = setDefaults<flashMotionOptions>(defaults);\n\n/**\n * flash animation on :enter\n * @remarks triggerName: `flashOnEnter`\n */\nexport const flashOnEnter = createOnEnter(\n  flash,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * flash animation on :leave\n * @remarks triggerName: `flashOnLeave`\n */\nexport const flashOnLeave = createOnLeave(\n  flash,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * flash animation on :incr\n * @remarks triggerName: `flashOnIncr`\n */\nexport const flashOnIncr = createOnIncr(\n  flash,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * flash animation on :decr\n * @remarks triggerName: `flashOnDecr`\n */\nexport const flashOnDecr = createOnDecr(\n  flash,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/headShake.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype headShakeMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<headShakeMotionOptions>();\nconst name = `headShake`;\n\n/**\n * headShake animation\n */\nexport const headShake = createMotionFromAnimate<headShakeMotionOptions>(\n  keyframes([\n    style({\n      visibility: AUTO_STYLE,\n      transform: 'translateX(0)',\n      easing: 'ease-in-out',\n      offset: 0,\n    }),\n    style({\n      transform: 'translateX(-6px) rotateY(-9deg)',\n      easing: 'ease-in-out',\n      offset: 0.065,\n    }),\n    style({\n      transform: 'translateX(5px) rotateY(7deg)',\n      easing: 'ease-in-out',\n      offset: 0.185,\n    }),\n    style({\n      transform: 'translateX(-3px) rotateY(-5deg)',\n      easing: 'ease-in-out',\n      offset: 0.315,\n    }),\n    style({\n      transform: 'translateX(2px) rotateY(3deg)',\n      easing: 'ease-in-out',\n      offset: 0.435,\n    }),\n    style({ transform: 'translateX(0)', easing: 'ease-in-out', offset: 0.5 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `headShake` animation\n */\nexport const setHeadShakeDefaults =\n  setDefaults<headShakeMotionOptions>(defaults);\n\n/**\n * headShake animation on :enter\n * @remarks triggerName: `headShakeOnEnter`\n */\nexport const headShakeOnEnter = createOnEnter(\n  headShake,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * headShake animation on :leave\n * @remarks triggerName: `headShakeOnLeave`\n */\nexport const headShakeOnLeave = createOnLeave(\n  headShake,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * headShake animation on :incr\n * @remarks triggerName: `headShakeOnIncr`\n */\nexport const headShakeOnIncr = createOnIncr(\n  headShake,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * headShake animation on :decr\n * @remarks triggerName: `headShakeOnDecr`\n */\nexport const headShakeOnDecr = createOnDecr(\n  headShake,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/heartBeat.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype heartBeatMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<heartBeatMotionOptions>();\nconst name = `heartBeat`;\n\n/**\n * heartBeat animation\n */\nexport const heartBeat = createMotionFromAnimate<heartBeatMotionOptions>(\n  keyframes([\n    style({\n      visibility: AUTO_STYLE,\n      transform: 'scale(1)',\n      easing: 'ease-in-out',\n      offset: 0,\n    }),\n    style({\n      transform: 'scale(1.3)',\n      easing: 'ease-in-out',\n      offset: 0.14,\n    }),\n    style({ transform: 'scale(1)', easing: 'ease-in-out', offset: 0.28 }),\n    style({\n      transform: 'scale(1.3)',\n      easing: 'ease-in-out',\n      offset: 0.42,\n    }),\n    style({ transform: 'scale(1)', easing: 'ease-in-out', offset: 0.7 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `heartBeat` animation\n */\nexport const setHeartBeatDefaults =\n  setDefaults<heartBeatMotionOptions>(defaults);\n\n/**\n * heartBeat animation on :enter\n * @remarks triggerName: `heartBeatOnEnter`\n */\nexport const heartBeatOnEnter = createOnEnter(\n  heartBeat,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * heartBeat animation on :leave\n * @remarks triggerName: `heartBeatOnLeave`\n */\nexport const heartBeatOnLeave = createOnLeave(\n  heartBeat,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * heartBeat animation on :incr\n * @remarks triggerName: `heartBeatOnIncr`\n */\nexport const heartBeatOnIncr = createOnIncr(\n  heartBeat,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * heartBeat animation on :decr\n * @remarks triggerName: `heartBeatOnDecr`\n */\nexport const heartBeatOnDecr = createOnDecr(\n  heartBeat,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/jello.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype jelloMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<jelloMotionOptions>();\nconst name = `jello`;\n\n/**\n * jello animation\n */\nexport const jello = createMotionFromAnimate<jelloMotionOptions>(\n  keyframes([\n    style({\n      visibility: AUTO_STYLE,\n      transform: 'translate3d(0, 0, 0)',\n      easing: 'ease',\n      offset: 0,\n    }),\n    style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0.111 }),\n    style({\n      transform: 'skewX(-12.5deg) skewY(-12.5deg)',\n      easing: 'ease',\n      offset: 0.222,\n    }),\n    style({\n      transform: 'skewX(6.25deg) skewY(6.25deg)',\n      easing: 'ease',\n      offset: 0.333,\n    }),\n    style({\n      transform: 'skewX(-3.125deg) skewY(-3.125deg)',\n      easing: 'ease',\n      offset: 0.444,\n    }),\n    style({\n      transform: 'skewX(1.5625deg) skewY(1.5625deg)',\n      easing: 'ease',\n      offset: 0.555,\n    }),\n    style({\n      transform: 'skewX(-0.78125deg) skewY(-0.78125deg)',\n      easing: 'ease',\n      offset: 0.666,\n    }),\n    style({\n      transform: 'skewX(0.390625deg) skewY(0.390625deg)',\n      easing: 'ease',\n      offset: 0.777,\n    }),\n    style({\n      transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)',\n      easing: 'ease',\n      offset: 0.888,\n    }),\n    style({ transform: 'skewX(0deg) skewY(0deg)', easing: 'ease', offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `jello` animation\n */\nexport const setJelloDefaults = setDefaults<jelloMotionOptions>(defaults);\n\n/**\n * jello animation on :enter\n * @remarks triggerName: `jelloOnEnter`\n */\nexport const jelloOnEnter = createOnEnter(\n  jello,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * jello animation on :leave\n * @remarks triggerName: `jelloOnLeave`\n */\nexport const jelloOnLeave = createOnLeave(\n  jello,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * jello animation on :incr\n * @remarks triggerName: `jelloOnIncr`\n */\nexport const jelloOnIncr = createOnIncr(\n  jello,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * jello animation on :decr\n * @remarks triggerName: `jelloOnDecr`\n */\nexport const jelloOnDecr = createOnDecr(\n  jello,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/pulse.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype pulseMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<pulseMotionOptions>();\nconst name = `pulse`;\n\n/**\n * pulse animation\n */\nexport const pulse = createMotionFromAnimate<pulseMotionOptions>(\n  keyframes([\n    style({ transform: 'scale3d(1, 1, 1)', offset: 0 }),\n    style({ transform: 'scale3d(1.05, 1.05, 1.05)', offset: 0.5 }),\n    style({ transform: 'scale3d(1, 1, 1)', offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `pulse` animation\n */\nexport const setPulseDefaults = setDefaults<pulseMotionOptions>(defaults);\n\n/**\n * pulse animation on :enter\n * @remarks triggerName: `pulseOnEnter`\n */\nexport const pulseOnEnter = createOnEnter(\n  pulse,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * pulse animation on :leave\n * @remarks triggerName: `pulseOnLeave`\n */\nexport const pulseOnLeave = createOnLeave(\n  pulse,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * pulse animation on :incr\n * @remarks triggerName: `pulseOnIncr`\n */\nexport const pulseOnIncr = createOnIncr(\n  pulse,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * pulse animation on :decr\n * @remarks triggerName: `pulseOnDecr`\n */\nexport const pulseOnDecr = createOnDecr(\n  pulse,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/rubberBand.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype rubberBandMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<rubberBandMotionOptions>();\nconst name = `rubberBand`;\n\n/**\n * rubberBand animation\n */\nexport const rubberBand = createMotionFromAnimate<rubberBandMotionOptions>(\n  keyframes([\n    style({\n      visibility: AUTO_STYLE,\n      transform: 'scale3d(1, 1, 1)',\n      easing: 'ease',\n      offset: 0,\n    }),\n    style({ transform: 'scale3d(1.25, 0.75, 1)', easing: 'ease', offset: 0.3 }),\n    style({ transform: 'scale3d(0.75, 1.25, 1)', easing: 'ease', offset: 0.4 }),\n    style({ transform: 'scale3d(1.15, 0.85, 1)', easing: 'ease', offset: 0.5 }),\n    style({\n      transform: 'scale3d(0.95, 1.05, 1)',\n      easing: 'ease',\n      offset: 0.65,\n    }),\n    style({\n      transform: 'scale3d(1.05, 0.95, 1)',\n      easing: 'ease',\n      offset: 0.75,\n    }),\n    style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `rubberBand` animation\n */\nexport const setRubberBandDefaults =\n  setDefaults<rubberBandMotionOptions>(defaults);\n\n/**\n * rubberBand animation on :enter\n * @remarks triggerName: `rubberBandOnEnter`\n */\nexport const rubberBandOnEnter = createOnEnter(\n  rubberBand,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * rubberBand animation on :leave\n * @remarks triggerName: `rubberBandOnLeave`\n */\nexport const rubberBandOnLeave = createOnLeave(\n  rubberBand,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * rubberBand animation on :incr\n * @remarks triggerName: `rubberBandOnIncr`\n */\nexport const rubberBandOnIncr = createOnIncr(\n  rubberBand,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * rubberBand animation on :decr\n * @remarks triggerName: `rubberBandOnDecr`\n */\nexport const rubberBandOnDecr = createOnDecr(\n  rubberBand,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/shakeX.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype shakeXMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<shakeXMotionOptions>();\nconst name = `shakeX`;\n\n/**\n * shakeX animation\n */\nexport const shakeX = createMotionFromAnimate<shakeXMotionOptions>(\n  keyframes([\n    style({\n      visibility: AUTO_STYLE,\n      transform: 'translate3d(0, 0, 0)',\n      easing: 'ease',\n      offset: 0,\n    }),\n    style({\n      transform: 'translate3d(-10px, 0, 0)',\n      easing: 'ease',\n      offset: 0.1,\n    }),\n    style({\n      transform: 'translate3d(10px, 0, 0)',\n      easing: 'ease',\n      offset: 0.2,\n    }),\n    style({\n      transform: 'translate3d(-10px, 0, 0)',\n      easing: 'ease',\n      offset: 0.3,\n    }),\n    style({\n      transform: 'translate3d(10px, 0, 0)',\n      easing: 'ease',\n      offset: 0.4,\n    }),\n    style({\n      transform: 'translate3d(-10px, 0, 0)',\n      easing: 'ease',\n      offset: 0.5,\n    }),\n    style({\n      transform: 'translate3d(10px, 0, 0)',\n      easing: 'ease',\n      offset: 0.6,\n    }),\n    style({\n      transform: 'translate3d(-10px, 0, 0)',\n      easing: 'ease',\n      offset: 0.7,\n    }),\n    style({\n      transform: 'translate3d(10px, 0, 0)',\n      easing: 'ease',\n      offset: 0.8,\n    }),\n    style({\n      transform: 'translate3d(-10px, 0, 0)',\n      easing: 'ease',\n      offset: 0.9,\n    }),\n    style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `shakeX` animation\n */\nexport const setShakeXDefaults = setDefaults<shakeXMotionOptions>(defaults);\n\n/**\n * shakeX animation on :enter\n * @remarks triggerName: `shakeXOnEnter`\n */\nexport const shakeXOnEnter = createOnEnter(\n  shakeX,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * shakeX animation on :leave\n * @remarks triggerName: `shakeXOnLeave`\n */\nexport const shakeXOnLeave = createOnLeave(\n  shakeX,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * shakeX animation on :incr\n * @remarks triggerName: `shakeXOnIncr`\n */\nexport const shakeXOnIncr = createOnIncr(\n  shakeX,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * shakeX animation on :decr\n * @remarks triggerName: `shakeXOnDecr`\n */\nexport const shakeXOnDecr = createOnDecr(\n  shakeX,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/shakeY.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype shakeYMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<shakeYMotionOptions>();\nconst name = `shakeY`;\n\n/**\n * shakeY animation\n */\nexport const shakeY = createMotionFromAnimate<shakeYMotionOptions>(\n  keyframes([\n    style({\n      visibility: AUTO_STYLE,\n      transform: 'translate3d(0, 0, 0)',\n      easing: 'ease',\n      offset: 0,\n    }),\n    style({\n      transform: 'translate3d(0, -10px, 0)',\n      easing: 'ease',\n      offset: 0.1,\n    }),\n    style({\n      transform: 'translate3d(0, 10px, 0)',\n      easing: 'ease',\n      offset: 0.2,\n    }),\n    style({\n      transform: 'translate3d(0, -10px, 0)',\n      easing: 'ease',\n      offset: 0.3,\n    }),\n    style({\n      transform: 'translate3d(0, 10px, 0)',\n      easing: 'ease',\n      offset: 0.4,\n    }),\n    style({\n      transform: 'translate3d(0, -10px, 0)',\n      easing: 'ease',\n      offset: 0.5,\n    }),\n    style({\n      transform: 'translate3d(0, 10px, 0)',\n      easing: 'ease',\n      offset: 0.6,\n    }),\n    style({\n      transform: 'translate3d(0, -10px, 0)',\n      easing: 'ease',\n      offset: 0.7,\n    }),\n    style({\n      transform: 'translate3d(0, 10px, 0)',\n      easing: 'ease',\n      offset: 0.8,\n    }),\n    style({\n      transform: 'translate3d(0, -10px, 0)',\n      easing: 'ease',\n      offset: 0.9,\n    }),\n    style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `shakeY` animation\n */\nexport const setShakeYDefaults = setDefaults<shakeYMotionOptions>(defaults);\n\n/**\n * shakeY animation on :enter\n * @remarks triggerName: `shakeYOnEnter`\n */\nexport const shakeYOnEnter = createOnEnter(\n  shakeY,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * shakeY animation on :leave\n * @remarks triggerName: `shakeYOnLeave`\n */\nexport const shakeYOnLeave = createOnLeave(\n  shakeY,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * shakeY animation on :incr\n * @remarks triggerName: `shakeYOnIncr`\n */\nexport const shakeYOnIncr = createOnIncr(\n  shakeY,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * shakeY animation on :decr\n * @remarks triggerName: `shakeYOnDecr`\n */\nexport const shakeYOnDecr = createOnDecr(\n  shakeY,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/swing.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype swingMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<swingMotionOptions>();\nconst name = `swing`;\n\n/**\n * swing animation\n */\nexport const swing = createMotionFromAnimate<swingMotionOptions>(\n  keyframes([\n    style({ 'transform-origin': 'top center', offset: 0 }),\n    style({\n      visibility: AUTO_STYLE,\n      transform: 'rotate3d(0, 0, 1, 0deg)',\n      easing: 'ease',\n      offset: 0,\n    }),\n    style({\n      transform: 'rotate3d(0, 0, 1, 15deg)',\n      easing: 'ease',\n      offset: 0.2,\n    }),\n    style({\n      transform: 'rotate3d(0, 0, 1, -10deg)',\n      easing: 'ease',\n      offset: 0.4,\n    }),\n    style({\n      transform: 'rotate3d(0, 0, 1, 5deg)',\n      easing: 'ease',\n      offset: 0.6,\n    }),\n    style({\n      transform: 'rotate3d(0, 0, 1, -5deg)',\n      easing: 'ease',\n      offset: 0.8,\n    }),\n    style({ transform: 'rotate3d(0, 0, 1, 0deg)', easing: 'ease', offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `swing` animation\n */\nexport const setSwingDefaults = setDefaults<swingMotionOptions>(defaults);\n\n/**\n * swing animation on :enter\n * @remarks triggerName: `swingOnEnter`\n */\nexport const swingOnEnter = createOnEnter(\n  swing,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * swing animation on :leave\n * @remarks triggerName: `swingOnLeave`\n */\nexport const swingOnLeave = createOnLeave(\n  swing,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * swing animation on :incr\n * @remarks triggerName: `swingOnIncr`\n */\nexport const swingOnIncr = createOnIncr(\n  swing,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * swing animation on :decr\n * @remarks triggerName: `swingOnDecr`\n */\nexport const swingOnDecr = createOnDecr(\n  swing,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/tada.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype tadaMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<tadaMotionOptions>();\nconst name = `tada`;\n\n/**\n * tada animation\n */\nexport const tada = createMotionFromAnimate<tadaMotionOptions>(\n  keyframes([\n    style({\n      visibility: AUTO_STYLE,\n      transform: 'scale3d(1, 1, 1)',\n      easing: 'ease',\n      offset: 0,\n    }),\n    style({\n      transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)',\n      easing: 'ease',\n      offset: 0.1,\n    }),\n    style({\n      transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)',\n      easing: 'ease',\n      offset: 0.2,\n    }),\n    style({\n      transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)',\n      easing: 'ease',\n      offset: 0.3,\n    }),\n    style({\n      transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)',\n      easing: 'ease',\n      offset: 0.4,\n    }),\n    style({\n      transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)',\n      easing: 'ease',\n      offset: 0.5,\n    }),\n    style({\n      transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)',\n      easing: 'ease',\n      offset: 0.6,\n    }),\n    style({\n      transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)',\n      easing: 'ease',\n      offset: 0.7,\n    }),\n    style({\n      transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)',\n      easing: 'ease',\n      offset: 0.8,\n    }),\n    style({\n      transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)',\n      easing: 'ease',\n      offset: 0.9,\n    }),\n    style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `tada` animation\n */\nexport const setTadaDefaults = setDefaults<tadaMotionOptions>(defaults);\n\n/**\n * tada animation on :enter\n * @remarks triggerName: `tadaOnEnter`\n */\nexport const tadaOnEnter = createOnEnter(\n  tada,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * tada animation on :leave\n * @remarks triggerName: `tadaOnLeave`\n */\nexport const tadaOnLeave = createOnLeave(\n  tada,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * tada animation on :incr\n * @remarks triggerName: `tadaOnIncr`\n */\nexport const tadaOnIncr = createOnIncr(\n  tada,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * tada animation on :decr\n * @remarks triggerName: `tadaOnDecr`\n */\nexport const tadaOnDecr = createOnDecr(\n  tada,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/wobble.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnEnter,\n  createOnIncr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype wobbleMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<wobbleMotionOptions>();\nconst name = `wobble`;\n\n/**\n * wobble animation\n */\nexport const wobble = createMotionFromAnimate<wobbleMotionOptions>(\n  keyframes([\n    style({\n      visibility: AUTO_STYLE,\n      transform: 'translate3d(0, 0, 0)',\n      easing: 'ease',\n      offset: 0,\n    }),\n    style({\n      transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)',\n      easing: 'ease',\n      offset: 0.15,\n    }),\n    style({\n      transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)',\n      easing: 'ease',\n      offset: 0.3,\n    }),\n    style({\n      transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)',\n      easing: 'ease',\n      offset: 0.45,\n    }),\n    style({\n      transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)',\n      easing: 'ease',\n      offset: 0.6,\n    }),\n    style({\n      transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)',\n      easing: 'ease',\n      offset: 0.75,\n    }),\n    style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `wobble` animation\n */\nexport const setWobbleDefaults = setDefaults<wobbleMotionOptions>(defaults);\n\n/**\n * wobble animation on :enter\n * @remarks triggerName: `wobbleOnEnter`\n */\nexport const wobbleOnEnter = createOnEnter(\n  wobble,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * wobble animation on :leave\n * @remarks triggerName: `wobbleOnLeave`\n */\nexport const wobbleOnLeave = createOnLeave(\n  wobble,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * wobble animation on :incr\n * @remarks triggerName: `wobbleOnIncr`\n */\nexport const wobbleOnIncr = createOnIncr(\n  wobble,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * wobble animation on :decr\n * @remarks triggerName: `wobbleOnDecr`\n */\nexport const wobbleOnDecr = createOnDecr(\n  wobble,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/back_entrances/backInDown.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnEnter,\n  createOnIncr,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype backInDownMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<backInDownMotionOptions>();\n\nconst name = `backInDown`;\n\n/**\n * backInDown animation\n */\nexport const backInDown = createMotionFromAnimate<backInDownMotionOptions>(\n  keyframes([\n    style({\n      transform: 'translateY(-1200px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0,\n    }),\n    style({\n      transform: 'translateY(0px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0.8,\n    }),\n    style({ transform: 'scale(1)', opacity: 1, offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `backInDown` animation\n */\nexport const setBackInDownDefaults =\n  setDefaults<backInDownMotionOptions>(defaults);\n\n/**\n * backInDown animation on :enter\n * @remarks triggerName: `backInDownOnEnter`\n */\nexport const backInDownOnEnter = createOnEnter(\n  backInDown,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * backInDown animation on :incr\n * @remarks triggerName: `backInDownOnIncr`\n */\nexport const backInDownOnIncr = createOnIncr(\n  backInDown,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/back_entrances/backInLeft.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnEnter,\n  createOnIncr,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype backInLeftMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<backInLeftMotionOptions>();\n\nconst name = `backInLeft`;\n\n/**\n * backInLeft animation\n */\nexport const backInLeft = createMotionFromAnimate<backInLeftMotionOptions>(\n  keyframes([\n    style({\n      transform: 'translateX(-2000px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0,\n    }),\n    style({\n      transform: 'translateX(0px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0.8,\n    }),\n    style({ transform: 'scale(1)', opacity: 1, offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `backInLeft` animation\n */\nexport const setBackInLeftDefaults =\n  setDefaults<backInLeftMotionOptions>(defaults);\n\n/**\n * backInLeft animation on :enter\n * @remarks triggerName: `backInLeftOnEnter`\n */\nexport const backInLeftOnEnter = createOnEnter(\n  backInLeft,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * backInLeft animation on :incr\n * @remarks triggerName: `backInLeftOnIncr`\n */\nexport const backInLeftOnIncr = createOnIncr(\n  backInLeft,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/back_entrances/backInRight.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnEnter,\n  createOnIncr,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype backInRightMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<backInRightMotionOptions>();\n\nconst name = `backInRight`;\n\n/**\n * backInRight animation\n */\nexport const backInRight = createMotionFromAnimate<backInRightMotionOptions>(\n  keyframes([\n    style({\n      transform: 'translateX(2000px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0,\n    }),\n    style({\n      transform: 'translateX(0px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0.8,\n    }),\n    style({ transform: 'scale(1)', opacity: 1, offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `backInRight` animation\n */\nexport const setBackInRightDefaults =\n  setDefaults<backInRightMotionOptions>(defaults);\n\n/**\n * backInRight animation on :enter\n * @remarks triggerName: `backInRightOnEnter`\n */\nexport const backInRightOnEnter = createOnEnter(\n  backInRight,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * backInRight animation on :incr\n * @remarks triggerName: `backInRightOnIncr`\n */\nexport const backInRightOnIncr = createOnIncr(\n  backInRight,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/back_entrances/backInUp.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnEnter,\n  createOnIncr,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype backInUpMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<backInUpMotionOptions>();\n\nconst name = `backInUp`;\n\n/**\n * backInUp animation\n */\nexport const backInUp = createMotionFromAnimate<backInUpMotionOptions>(\n  keyframes([\n    style({\n      transform: 'translateY(1200px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0,\n    }),\n    style({\n      transform: 'translateY(0px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0.8,\n    }),\n    style({ transform: 'scale(1)', opacity: 1, offset: 1 }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `backInUp` animation\n */\nexport const setBackInUpDefaults = setDefaults<backInUpMotionOptions>(defaults);\n\n/**\n * backInUp animation on :enter\n * @remarks triggerName: `backInUpOnEnter`\n */\nexport const backInUpOnEnter = createOnEnter(\n  backInUp,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * backInUp animation on :incr\n * @remarks triggerName: `backInUpOnIncr`\n */\nexport const backInUpOnIncr = createOnIncr(\n  backInUp,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/back_exits/backOutDown.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype backOutDownMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<backOutDownMotionOptions>();\n\nconst name = `backOutDown`;\n\n/**\n * backOutDown animation\n */\nexport const backOutDown = createMotionFromAnimate<backOutDownMotionOptions>(\n  keyframes([\n    style({ transform: 'scale(1)', opacity: 1, offset: 0 }),\n    style({\n      transform: 'translateY(0px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0.2,\n    }),\n    style({\n      transform: 'translateY(700px) scale(0.7)',\n      opacity: 0.7,\n      offset: 1,\n    }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `backOutDown` animation\n */\nexport const setBackOutDownDefaults =\n  setDefaults<backOutDownMotionOptions>(defaults);\n\n/**\n * backOutDown animation on :enter\n * @remarks triggerName: `backOutDownOnLeave`\n */\nexport const backOutDownOnLeave = createOnLeave(\n  backOutDown,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * backOutDown animation on :decr\n * @remarks triggerName: `backOutDownOnDecr`\n */\nexport const backOutDownOnDecr = createOnDecr(\n  backOutDown,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/back_exits/backOutLeft.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype backOutLeftMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<backOutLeftMotionOptions>();\n\nconst name = `backOutLeft`;\n\n/**\n * backOutLeft animation\n */\nexport const backOutLeft = createMotionFromAnimate<backOutLeftMotionOptions>(\n  keyframes([\n    style({ transform: 'scale(1)', opacity: 1, offset: 0 }),\n    style({\n      transform: 'translateX(0px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0.2,\n    }),\n    style({\n      transform: 'translateX(-2000px) scale(0.7)',\n      opacity: 0.7,\n      offset: 1,\n    }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `backOutLeft` animation\n */\nexport const setBackOutLeftDefaults =\n  setDefaults<backOutLeftMotionOptions>(defaults);\n\n/**\n * backOutLeft animation on :enter\n * @remarks triggerName: `backOutLeftOnLeave`\n */\nexport const backOutLeftOnLeave = createOnLeave(\n  backOutLeft,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * backOutLeft animation on :decr\n * @remarks triggerName: `backOutLeftOnDecr`\n */\nexport const backOutLeftOnDecr = createOnDecr(\n  backOutLeft,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/back_exits/backOutRight.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype backOutRightMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<backOutRightMotionOptions>();\n\nconst name = `backOutRight`;\n\n/**\n * backOutRight animation\n */\nexport const backOutRight = createMotionFromAnimate<backOutRightMotionOptions>(\n  keyframes([\n    style({ transform: 'scale(1)', opacity: 1, offset: 0 }),\n    style({\n      transform: 'translateX(0px) scale(0.7)',\n      opacity: 0.7,\n      offset: 0.2,\n    }),\n    style({\n      transform: 'translateX(2000px) scale(0.7)',\n      opacity: 0.7,\n      offset: 1,\n    }),\n  ]),\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * sets default values for the `backOutRight` animation\n */\nexport const setBackOutRightDefaults =\n  setDefaults<backOutRightMotionOptions>(defaults);\n\n/**\n * backOutRight animation on :enter\n * @remarks triggerName: `backOutRightOnLeave`\n */\nexport const backOutRightOnLeave = createOnLeave(\n  backOutRight,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n\n/**\n * backOutRight animation on :decr\n * @remarks triggerName: `backOutRightOnDecr`\n */\nexport const backOutRightOnDecr = createOnDecr(\n  backOutRight,\n  name,\n  defaults,\n  getAnimatecssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/back_exits/backOutUp.css\n */\nimport { keyframes, style } from '@angular/animations';\nimport {\n  createDefaults,\n  createMotionFromAnimate,\n  createOnDecr,\n  createOnLeave,\n  MotionOptions,\n  setDefaults,\n} from '@ngverse/motion/core';\nimport { getAnimatecssDefaults } from '../common/animate-css-defaults';\n\ntype backOutUpMotionOptions = MotionOptions;\n\nconst defaults = createDefaults<backOutUpMotionOptions>();\n\nconst name = `backOutUp`;\n\n/**\n * backOutUp animation\n */\nexport const backOutUp = createMotionFromAnimate<backOutUpMotionOptions>(\n  keyframes([\n    style({ transform: 'scale(1)', opacity: 1, offset: 0 }),\n    style({\n      transform: '