@proyecto26/animatable-component/dist/collection/animations/animista/flip-2.js

Animate once, use Everywhere! 💫

import { ANIMATIONS } from './common';
const FLIP_2_DEFAULT = {
  easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
  fillMode: 'both'
};
const FLIP_2_HOR_TOP_1 = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateY(0) rotateX(0)', transformOrigin: '50% 0%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateY(-100%) rotateX(-180deg)', transformOrigin: '50% 100%' })
];
const FLIP_2_HOR_TOP_2 = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateY(0) rotateX(0)', transformOrigin: '50% 0%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateY(-100%) rotateX(180deg)', transformOrigin: '50% 100%' })
];
const FLIP_2_HOR_TOP_BCK = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateY(0) translateZ(0) rotateX(0)', transformOrigin: '50% 0%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateY(-100%) translateZ(-260px) rotateX(180deg)', transformOrigin: '50% 100%' })
];
const FLIP_2_HOR_TOP_FWD = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateY(0) translateZ(0) rotateX(0)', transformOrigin: '50% 0%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateY(-100%) translateZ(160px) rotateX(-180deg)', transformOrigin: '50% 100%' })
];
const FLIP_2_VER_RIGHT_1 = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateX(0) rotateY(0)', transformOrigin: '100% 50%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateX(100%) rotateY(-180deg)', transformOrigin: '0% 50%' })
];
const FLIP_2_VER_RIGHT_2 = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateX(0) rotateY(0)', transformOrigin: '100% 50%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateX(100%) rotateY(180deg)', transformOrigin: '0% 50%' })
];
const FLIP_2_VER_RIGHT_BCK = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateX(0) translateZ(0) rotateY(0)', transformOrigin: '100% 50%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateX(100%) translateZ(-260px) rotateY(180deg)', transformOrigin: '0% 50%' })
];
const FLIP_2_VER_RIGHT_FWD = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateX(0) translateZ(0) rotateY(0)', transformOrigin: '100% 50%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateX(100%) translateZ(160px) rotateY(-180deg)', transformOrigin: '0% 50%' })
];
const FLIP_2_HOR_BOTTOM_1 = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateY(0) rotateX(0)', transformOrigin: '50% 100%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateY(100%) rotateX(180deg)', transformOrigin: '50% 0%' })
];
const FLIP_2_HOR_BOTTOM_2 = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateY(0) rotateX(0)', transformOrigin: '50% 100%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateY(100%) rotateX(-180deg)', transformOrigin: '50% 0%' })
];
const FLIP_2_HOR_BOTTOM_BCK = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateY(0) translateZ(0) rotateX(0)', transformOrigin: '50% 100%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateY(100%) translateZ(-260px) rotateX(-180deg)', transformOrigin: '50% 0%' })
];
const FLIP_2_HOR_BOTTOM_FWD = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateY(0) translateZ(0) rotateX(0)', transformOrigin: '50% 100%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateY(100%) translateZ(160px) rotateX(180deg)', transformOrigin: '50% 0%' })
];
const FLIP_2_VER_LEFT_1 = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateX(0) rotateY(0)', transformOrigin: '0% 50%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateX(-100%) rotateY(180deg)', transformOrigin: '100% 0%' })
];
const FLIP_2_VER_LEFT_2 = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateX(0) rotateY(0)', transformOrigin: '0% 50%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateX(-100%) rotateY(-180deg)', transformOrigin: '100% 0%' })
];
const FLIP_2_VER_LEFT_BCK = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateX(0) translateZ(0) rotateY(0)', transformOrigin: '0% 50%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateX(-100%) translateZ(-260px) rotateY(-180deg)', transformOrigin: '100% 0%' })
];
const FLIP_2_VER_LEFT_FWD = [
  Object.assign(Object.assign({ offset: 0 }, FLIP_2_DEFAULT), { transform: 'translateX(0) translateZ(0) rotateY(0)', transformOrigin: '0% 50%' }),
  Object.assign(Object.assign({ offset: 1 }, FLIP_2_DEFAULT), { transform: 'translateX(-100%) translateZ(160px) rotateY(180deg)', transformOrigin: '100% 0%' })
];
export default {
  [ANIMATIONS.FLIP_2_HOR_TOP_1]: FLIP_2_HOR_TOP_1,
  [ANIMATIONS.FLIP_2_HOR_TOP_2]: FLIP_2_HOR_TOP_2,
  [ANIMATIONS.FLIP_2_HOR_TOP_BCK]: FLIP_2_HOR_TOP_BCK,
  [ANIMATIONS.FLIP_2_HOR_TOP_FWD]: FLIP_2_HOR_TOP_FWD,
  [ANIMATIONS.FLIP_2_VER_RIGHT_1]: FLIP_2_VER_RIGHT_1,
  [ANIMATIONS.FLIP_2_VER_RIGHT_2]: FLIP_2_VER_RIGHT_2,
  [ANIMATIONS.FLIP_2_VER_RIGHT_BCK]: FLIP_2_VER_RIGHT_BCK,
  [ANIMATIONS.FLIP_2_VER_RIGHT_FWD]: FLIP_2_VER_RIGHT_FWD,
  [ANIMATIONS.FLIP_2_HOR_BOTTOM_1]: FLIP_2_HOR_BOTTOM_1,
  [ANIMATIONS.FLIP_2_HOR_BOTTOM_2]: FLIP_2_HOR_BOTTOM_2,
  [ANIMATIONS.FLIP_2_HOR_BOTTOM_BCK]: FLIP_2_HOR_BOTTOM_BCK,
  [ANIMATIONS.FLIP_2_HOR_BOTTOM_FWD]: FLIP_2_HOR_BOTTOM_FWD,
  [ANIMATIONS.FLIP_2_VER_LEFT_1]: FLIP_2_VER_LEFT_1,
  [ANIMATIONS.FLIP_2_VER_LEFT_2]: FLIP_2_VER_LEFT_2,
  [ANIMATIONS.FLIP_2_VER_LEFT_BCK]: FLIP_2_VER_LEFT_BCK,
  [ANIMATIONS.FLIP_2_VER_LEFT_FWD]: FLIP_2_VER_LEFT_FWD
};