[
  {
    "path": ".babelrc",
    "content": "{\n  \"presets\": [\"es2015\", \"react\"]\n}\n"
  },
  {
    "path": ".gitignore",
    "content": "node_modules\ncoverage\n.idea\nlib\nstorybook-static"
  },
  {
    "path": ".npmignore",
    "content": "**/__snapshot__\n**/*.spec.js\n"
  },
  {
    "path": ".nvmrc",
    "content": "7.0\n"
  },
  {
    "path": ".storybook/addons.js",
    "content": "import '@storybook/addon-actions/register';\nimport '@storybook/addon-links/register';\n"
  },
  {
    "path": ".storybook/config.js",
    "content": "import { configure } from '@storybook/react';\n\n// automatically import all files ending in *.stories.js\nconst req = require.context('../stories', true, /.stories.js$/);\nfunction loadStories() {\n  req.keys().forEach(filename => req(filename));\n}\n\nconfigure(loadStories, module);\n"
  },
  {
    "path": ".travis.yml",
    "content": "language: node_js\ninstall:\n  - npm install\nscript:\n  - npm run test\n"
  },
  {
    "path": "Example/Card.js",
    "content": "import styled from 'styled-components';\nimport { flexCenter } from './utils/styles';\n\nconst Card = styled.div`\n  display: inline-block;\n  padding: 10px;\n  background: #FFF;\n  box-shadow: 0 2px 8px rgba(14,20,26,0.2);\n  ${props => props.rounded ? 'border-radius: 50%;': ''};\n  width: ${props => props.width ? props.width : 'auto'};\n  height: ${props => props.height ? props.height : 'auto'};\n  ${flexCenter};\n\n  &:hover {\n    cursor: pointer;\n    transform: scale(1.05);\n  }\n`;\n\nexport default Card;\n"
  },
  {
    "path": "Example/FullView.js",
    "content": "import styled from 'styled-components';\nimport { flexCenter } from './utils/styles';\n\nconst FullView = styled.section`\n  width: 100vw;\n  height: 100vh;\n  background-image: linear-gradient(to right, #2BA4A5, #2E93CE);\n  ${props => props.center ? flexCenter : ''}\n`;\n\nexport default FullView;\n"
  },
  {
    "path": "Example/utils/styles.js",
    "content": "export const flexCenter = `\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n"
  },
  {
    "path": "README.md",
    "content": "# animate-css-styled-components\n\nsimple port of animate css for styled-components\n\n[![Build Status](https://travis-ci.org/dielduarte/animate-css-styled-components.svg?branch=master)](https://travis-ci.org/dielduarte/animate-css-styled-components)\n\n----------\n\n## instalation\n\ninstall animate-css-styled-components\n\n```\n[sudo] npm i --save animate-css-styled-components\n```\n\n## How to use\n\nimport animate-css-styled-components module calling global animations\n\n```jsx\nimport { Wobble, FadeIn, FadeOut } from 'animate-css-styled-components';\n```\n\n###### See how import specifics animations [here](https://github.com/dielduarte/animate-css-styled-components/tree/master/docs/specific-animations).\n\nNow, this animation is a component and you can encompassing the desired content within the component.\n\nExample:\n\n```jsx\n  <Wobble duration=\"0.8s\" delay=\"1s\">\n    <Card>\n      card content...\n    </Card>\n  </Wobble>\n```\n\n## Props\n\n - duration\n\t - prop for represent animation-duration\n\t - default `1s`\n - delay\n\t - prop for represent animation-delay\n\t - default `0s`\n - timingFunction\n\t - prop for represent  animation-timing-function\n\t - default `ease`\n - iterationCount\n\t - prop for represent animation-iteration-count\n\t - default `1`\n - direction\n\t - prop for represent animation-direction\n\t - default `normal`\n - fillMode\n\t - prop for represent animation-fill-mode\n\t - default `both`\n - playState\n\t - prop for represent animation-play-state\n\t - default `running`\n - display\n\t - prop for represent display css property\n\t - default `block`\n\n## Animate - HOC\n\nFor convenience you can use Animate HOC to use animations stacked, you could pass a unique component to `Animation` prop or an array of animations, example:\n\n```jsx\n  import Animate, {\n    Flash,\n    Bounce\n  } from 'animate-css-styled-components';\n\n  <Animate \n    Animation={[Flash, Bounce]} \n    duration=\"0.8s\" \n    delay=\"0.2s\">\n    <Card>\n      card content...\n    </Card>\n  </Animate>\n```\nIn this example that you could see [here](https://dielduarte.github.io/animate-css-styled-components/?selectedKind=Animate%20%28HOC%29&selectedStory=Multiple%20Animations&full=0&down=1&left=1&panelRight=0&downPanel=kadirahq%2Fstorybook-addon-actions%2Factions-panel), the Bounce Animation will run after when Flash animation is finished, respecting the duration time + delay time, duration and delay are same for all animations, but you could pass diferents values to each animation prop, look:\n\n```jsx\n  import Animate, {\n    Flash,\n    Bounce,\n    FadeOut,\n    FadeIn\n  } from 'animate-css-styled-components';\n\n  <Animate \n    Animation={[Flash, Bounce, FadeOut, FadeIn]}\n    duration={[\"0.8s\", \"3s\", \"2s\", \"0.4s\"]}\n    delay={[\"0.2s\", \"0.1s\", \"0.5s\", \"1s\"]}>\n    <Card>\n      card content...\n    </Card>\n  </Animate>\n\n```\n\nSee this example [here](https://dielduarte.github.io/animate-css-styled-components/?selectedKind=Animate%20%28HOC%29&selectedStory=Multiple%20Animations%20with%20diferent%20times%20and%20delays&full=0&down=1&left=1&panelRight=0&downPanel=kadirahq%2Fstorybook-addon-actions%2Factions-panel)\n\nDon't forget, you coul pass any [animations props](https://github.com/dielduarte/animate-css-styled-components#props) as single string if the value are same for all animations stacked or an array of values.\n\n## Examples - Storybook\n\nSee all examples [here](https://dielduarte.github.io/animate-css-styled-components/)\n\n## How to create custom styled animations\n\nYou can import BaseAnimation component and create your custom animation\n\nExample:\n\n```jsx\n  import { BaseAnimation } from 'animate-css-styled-components';\n\n  //create your custom animation\n  const SlideOutDownAnimation = keyframes`\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 100%, 0);\n    }\n  `;\n\n  //extend BaseAnimation component and create\n  //your custom styled animation\n  const SlideOutDown = styled(BaseAnimation)`\n    animation-name: ${SlideOutDownAnimation};\n  `;\n\n  //export your custom styled animation  \n  export default SlideOutDown;\n```\n\nnow your animation is a styled-component and you can use this like any other styled-component,\npassing the all BaseAnimation [props](https://github.com/dielduarte/animate-css-styled-components#props).\n\nMade with love and styled-components!"
  },
  {
    "path": "docs/specific-animations/README.md",
    "content": "\n# How import specific animations\n\n----------\n\n## Attention\n\n```\n import { AnimationType } from 'animate-css-styled-components';\n```\n#### Animations types\n - Flash\n - HeadShake\n - Jello\n - Pulse\n - Rubberbrand\n - Shake\n - Swing\n - Tada\n - Wobble\n\n## Bounce\n\n```\n import { AnimationType } from 'animate-css-styled-components';\n```\n#### Animations types\n - Bounce\n - BounceIn\n - BounceInDown\n - BounceInLeft\n - BounceInRight\n - BounceInUp\n - BounceOut\n - BounceOutDown\n - BounceOutLeft\n - BounceOutRight\n - BounceOutUp\n\n\n## Especials\n\n```\n import { AnimationType } from 'animate-css-styled-components';\n```\n#### Animations types\n - Hinge\n - RollIn\n - RollOut\n\n\n## Fade\n\n```\n import { AnimationType } from 'animate-css-styled-components';\n```\n#### Animations types\n - FadeIn\n - FadeInDown\n - FadeInDownBig\n - FadeInLeft\n - FadeInLeftBig\n - FadeInRight\n - FadeInRightBig\n - FadeInUp\n - FadeInUpBig\n - FadeOut\n - FadeOutDown\n - FadeOutDownBig\n - FadeOutLeft\n - FadeOutLeftBig\n - FadeOutRight\n - FadeOutRightBig\n - FadeOutUp\n - FadeOutUpBig\n\n## Flip\n\n```\n import { AnimationType } from 'animate-css-styled-components';\n```\n#### Animations types\n\n - Flip\n - FlipInX\n - FlipInY\n - FlipOutX\n - FlipOutY\n\n## LightSpeed\n\n```\n  import { AnimationType } from 'animate-css-styled-components';\n```\n#### Animations types\n\n - LightSpeedIn\n - LightSpeedOut\n\n\n## Rotate\n\n```\n  import { AnimationType } from 'animate-css-styled-components';\n```\n#### Animations types\n\n - RotateIn\n - RotateInDownLeft\n - RotateInDownRight\n - RotateInUpLeft\n - RotateInUpRight\n - RotateOut\n - RotateOutDownLeft\n - RotateOutDownRight\n - RotateOutUpLeft\n - RotateOutUpRight\n\n\n\n## Slide\n\n```\n  import { AnimationType } from 'animate-css-styled-components';\n```\n#### Animations types\n\n - SlideInDown\n - SlideInLeft\n - SlideInRight\n - SlideInUp\n - SlideOutDown\n - SlideOutLeft\n - SlideOutRight\n - SlideOutUp\n\n\n## Zoom\n\n```\n  import { AnimationType } from 'animate-css-styled-components';\n```\n#### Animations types\n\n - ZoomIn\n - ZoomInDown\n - ZoomInLeft\n - ZoomInRight\n - ZoomInUp\n - ZoomOut\n - ZoomOutDown\n - ZoomOutLeft\n - ZoomOutRight\n - ZoomOutUp\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"animate-css-styled-components\",\n  \"version\": \"1.0.2\",\n  \"description\": \"port of animate.css for styled-components\",\n  \"main\": \"./lib/index.js\",\n  \"scripts\": {\n    \"build\": \"babel src -d ./lib\",\n    \"build-watch\": \"babel src -d ./lib -w\",\n    \"storybook\": \"start-storybook -p 6006\",\n    \"build-storybook\": \"build-storybook\",\n    \"prepublish\": \"babel src -d ./lib\",\n    \"test-dev\": \"jest --watch --coverage\",\n    \"test\": \"jest -u\"\n  },\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"git+https://github.com/dielduarte/animate-css-styled-components.git\"\n  },\n  \"author\": \"Diel Duarte\",\n  \"license\": \"MIT\",\n  \"bugs\": {\n    \"url\": \"https://github.com/dielduarte/animate-css-styled-components/issues\"\n  },\n  \"homepage\": \"https://github.com/dielduarte/animate-css-styled-components#readme\",\n  \"peerDependencies\": {\n    \"styled-components\": \"^3.3.2\"\n  },\n  \"devDependencies\": {\n    \"@kadira/storybook\": \"^2.35.3\",\n    \"babel-cli\": \"^6.26.0\",\n    \"babel-core\": \"^6.26.3\",\n    \"babel-preset-es2015\": \"^6.24.1\",\n    \"babel-preset-react\": \"^6.24.1\",\n    \"styled-components\": \"^3.3.2\",\n    \"jest\": \"^23.1.0\",\n    \"prop-types\": \"^15.6.1\",\n    \"react\": \"^16.4.0\",\n    \"react-dom\": \"^16.4.0\",\n    \"react-test-renderer\": \"^16.4.0\",\n    \"@storybook/react\": \"^3.4.7\",\n    \"@storybook/addon-actions\": \"^3.4.7\",\n    \"@storybook/addon-links\": \"^3.4.7\",\n    \"@storybook/addons\": \"^3.4.7\",\n    \"babel-runtime\": \"^6.26.0\"\n  },\n  \"files\": [\n    \"lib/\"\n  ],\n  \"jest\": {\n    \"collectCoverageFrom\": [\n      \"src/**/*.js\",\n      \"!src/index.js\",\n      \"!src/lcov-report/**\",\n      \"!**/node_modules/**\",\n      \"!**/stories/**\",\n      \"!**/Example/**\",\n      \"!**/docs/**\",\n      \"!**/.storybook/**\",\n      \"!**/lib/**\"\n    ]\n  },\n  \"dependencies\": {}\n}\n"
  },
  {
    "path": "src/Animate/StackAnimates.js",
    "content": "import React, { PureComponent } from 'react';\nimport * as Utils from './Utils';\n\nclass StackAnimates extends PureComponent {\n  constructor(props) {\n    super(props);  \n    this.state = Utils.buildState(props);\n  }\n\n  get getNextIndex() {\n    return this.state.index +1;\n  }\n\n  get getNextStartTime() {\n    const time = Utils.convertToMs(parseFloat(Utils.removeUnit(this.state.duration)));\n    const delay = Utils.convertToMs(parseFloat(Utils.removeUnit(this.state.delay)));\n    return time + delay;\n  }\n  \n  get HaveMoreAnimations() {\n    return this.getNextIndex < this.props.Animation.length;\n  }\n\n  renderNextAnimate() {\n    if (this.HaveMoreAnimations) {\n      setTimeout(() => {\n        this.setState(\n          Utils.buildState(this.props, this.getNextIndex),\n          () => this.renderNextAnimate()\n        );\n      }, this.getNextStartTime);\n    }\n  }\n\n  render() {\n    const { Animation } = this.state;\n\n    return (\n      <Animation {...this.state}>\n        {this.props.children}\n      </Animation>\n    );\n  }\n\n  componentDidMount() {\n    this.renderNextAnimate();\n  }\n}\n\nexport default StackAnimates;"
  },
  {
    "path": "src/Animate/Utils.js",
    "content": "export const isArray = (obj) => Array.isArray(obj);\n\nexport const buildState = (props, index = 0) => {\n  let state = {};\n  Object.entries(props).forEach((prop) => {  \n    const key =  prop[0];\n    const value = prop[1];\n\n    if(key !== 'children') {\n      state[key] = isArray(value) ? value[index] : value;\n    }\n  });\n\n  state['index'] = index;\n  return state;\n};\n\nexport const removeUnit = (time) => time.replace('s', '');\n\nexport const convertToMs = (time) => time * 1000;"
  },
  {
    "path": "src/Animate/index.js",
    "content": "import React, { PureComponent } from 'react';\n\nimport * as Utils from './Utils';\nimport StackAnimates from './StackAnimates';\n\nclass Animate extends PureComponent {\n  render() {\n    const { Animation } = this.props;\n\n    if (Utils.isArray(Animation)) {\n      return <StackAnimates {...this.props} />;\n    } \n    \n    return (\n      <Animation {...this.props}>\n        {this.props.children}\n      </Animation>\n    );\n  }\n}\n\nexport default Animate;"
  },
  {
    "path": "src/Attention/Flash.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst flashAnimation = keyframes`\n  from, 50%, to {\n     opacity: 1;\n   }\n\n   25%, 75% {\n     opacity: 0;\n   }\n`;\n\nconst Flash = styled(BaseAnimation)`\n  animation-name: ${flashAnimation};\n`;\n\nexport default Flash;\n"
  },
  {
    "path": "src/Attention/Flash.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport Flash from './Flash';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<Flash />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Attention/HeadShake.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst HeadShakeAnimation = keyframes`\n  0% {\n     transform: translateX(0);\n   }\n\n   6.5% {\n     transform: translateX(-6px) rotateY(-9deg);\n   }\n\n   18.5% {\n     transform: translateX(5px) rotateY(7deg);\n   }\n\n   31.5% {\n     transform: translateX(-3px) rotateY(-5deg);\n   }\n\n   43.5% {\n     transform: translateX(2px) rotateY(3deg);\n   }\n\n   50% {\n     transform: translateX(0);\n   }\n`;\n\nconst HeadShake = styled(BaseAnimation)`\n  animation-name: ${HeadShakeAnimation};\n  animation-timing-function: ease-in-out;\n`;\n\nexport default HeadShake;\n"
  },
  {
    "path": "src/Attention/HeadShake.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport HeadShake from './HeadShake';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<HeadShake />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Attention/Jello.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst jelloAnimation = keyframes`\n  from, 11.1%, to {\n     transform: none;\n   }\n\n   22.2% {\n     transform: skewX(-12.5deg) skewY(-12.5deg);\n   }\n\n   33.3% {\n     transform: skewX(6.25deg) skewY(6.25deg);\n   }\n\n   44.4% {\n     transform: skewX(-3.125deg) skewY(-3.125deg);\n   }\n\n   55.5% {\n     transform: skewX(1.5625deg) skewY(1.5625deg);\n   }\n\n   66.6% {\n     transform: skewX(-0.78125deg) skewY(-0.78125deg);\n   }\n\n   77.7% {\n     transform: skewX(0.390625deg) skewY(0.390625deg);\n   }\n\n   88.8% {\n     transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n   }\n`;\n\nconst Jello = styled(BaseAnimation)`\n  animation-name: ${jelloAnimation};\n  transform-origin: center;\n`;\n\nexport default Jello;\n"
  },
  {
    "path": "src/Attention/Jello.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport Jello from './Jello';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<Jello />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Attention/Pulse.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst PulseAnimation = keyframes`\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  50% {\n    transform: scale3d(1.05, 1.05, 1.05);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n`;\n\nconst Pulse = styled(BaseAnimation)`\n  animation-name: ${PulseAnimation};\n`;\n\nexport default Pulse;\n"
  },
  {
    "path": "src/Attention/Pulse.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport Pulse from './Pulse';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<Pulse />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Attention/RubberBand.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RubberBandAnimation = keyframes`\n  from {\n      transform: scale3d(1, 1, 1);\n    }\n\n    30% {\n      transform: scale3d(1.25, 0.75, 1);\n    }\n\n    40% {\n      transform: scale3d(0.75, 1.25, 1);\n    }\n\n    50% {\n      transform: scale3d(1.15, 0.85, 1);\n    }\n\n    65% {\n      transform: scale3d(.95, 1.05, 1);\n    }\n\n    75% {\n      transform: scale3d(1.05, .95, 1);\n    }\n\n    to {\n      transform: scale3d(1, 1, 1);\n    }\n`;\n\nconst RubberBand = styled(BaseAnimation)`\n  animation-name: ${RubberBandAnimation};\n`;\n\nexport default RubberBand;\n"
  },
  {
    "path": "src/Attention/RubberBand.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RubberBand from './RubberBand';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RubberBand />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Attention/Shake.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ShakeAnimation = keyframes`\n  from, to {\n   transform: translate3d(0, 0, 0);\n  }\n\n  10%, 30%, 50%, 70%, 90% {\n   transform: translate3d(-10px, 0, 0);\n  }\n\n  20%, 40%, 60%, 80% {\n   transform: translate3d(10px, 0, 0);\n  }\n`;\n\nconst Shake = styled(BaseAnimation)`\n  animation-name: ${ShakeAnimation};\n`;\n\nexport default Shake;\n"
  },
  {
    "path": "src/Attention/Shake.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport Shake from './Shake';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<Shake />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Attention/Swing.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst SwingAnimation = keyframes`\n  20% {\n    transform: rotate3d(0, 0, 1, 15deg);\n  }\n\n  40% {\n    transform: rotate3d(0, 0, 1, -10deg);\n  }\n\n  60% {\n    transform: rotate3d(0, 0, 1, 5deg);\n  }\n\n  80% {\n    transform: rotate3d(0, 0, 1, -5deg);\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 0deg);\n  }\n`;\n\nconst Swing = styled(BaseAnimation)`\n  animation-name: ${SwingAnimation};\n  transform-origin: top center;\n`;\n\nexport default Swing;\n"
  },
  {
    "path": "src/Attention/Swing.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport Swing from './Swing';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<Swing />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Attention/Tada.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst TadaAnimation = keyframes`\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  10%, 20% {\n    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\n  }\n\n  30%, 50%, 70%, 90% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n  }\n\n  40%, 60%, 80% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n`;\n\nconst Tada = styled(BaseAnimation)`\n  animation-name: ${TadaAnimation};\n`;\n\nexport default Tada;\n"
  },
  {
    "path": "src/Attention/Tada.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport Tada from './Tada';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<Tada />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Attention/Wobble.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst WobbleAnimation = keyframes`\n  from {\n    transform: none;\n  }\n\n  15% {\n    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n  }\n\n  30% {\n    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n  }\n\n  45% {\n    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n  }\n\n  60% {\n    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n  }\n\n  75% {\n    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n  }\n\n  to {\n    transform: none;\n  }\n`;\n\nconst Wobble = styled(BaseAnimation)`\n  animation-name: ${WobbleAnimation};\n`;\n\nexport default Wobble;\n"
  },
  {
    "path": "src/Attention/Wobble.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport Wobble from './Wobble';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<Wobble />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Attention/__snapshots__/Flash.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH fQtlhW sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Attention/__snapshots__/HeadShake.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH iyvntU sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Attention/__snapshots__/Jello.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH biZvzP sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Attention/__snapshots__/Pulse.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH fgARTz sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Attention/__snapshots__/RubberBand.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH ICUMZ sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Attention/__snapshots__/Shake.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH cgZKHI sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Attention/__snapshots__/Swing.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH iYFrpT sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Attention/__snapshots__/Tada.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH kiisYS sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Attention/__snapshots__/Wobble.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH SaaVe sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/BaseAnimation.js",
    "content": "import styled from 'styled-components';\n\nconst BaseAnimation = styled.div`\n  animation-duration: ${props => props.duration};\n  animation-timing-function: ${props => props.timingFunction};\n  animation-delay: ${props => props.delay};\n  animation-iteration-count: ${props => props.iterationCount};\n  animation-direction: ${props => props.direction};\n  animation-fill-mode: ${props => props.fillMode};\n  animation-play-state:  ${props => props.playState};\n  display: ${props => props.display};\n`;\n\nBaseAnimation.defaultProps = {\n  duration: '1s',\n  timingFunction: 'ease',\n  delay: '0s',\n  iterationCount: '1',\n  direction: 'normal',\n  fillMode: 'both',\n  playState: 'running',\n  display: 'block'\n}\n\nexport default BaseAnimation;\n"
  },
  {
    "path": "src/BaseAnimation.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BaseAnimation from './BaseAnimation';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BaseAnimation />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/In.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceInAnimation = keyframes`\n  from, 20%, 40%, 60%, 80%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n  }\n\n  0% {\n    opacity: 0;\n    transform: scale3d(.3, .3, .3);\n  }\n\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  40% {\n    transform: scale3d(.9, .9, .9);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n\n  80% {\n    transform: scale3d(.97, .97, .97);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n`;\n\nconst BounceIn = styled(BaseAnimation)`\n  animation-name: ${bounceInAnimation};\n`;\n\nexport default BounceIn;\n"
  },
  {
    "path": "src/Bounce/In.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BounceIn from './In';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BounceIn />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/InDown.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceInDownAnimation = keyframes`\n  from, 60%, 75%, 90%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(0, -3000px, 0);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, 25px, 0);\n  }\n\n  75% {\n    transform: translate3d(0, -10px, 0);\n  }\n\n  90% {\n    transform: translate3d(0, 5px, 0);\n  }\n\n  to {\n    transform: none;\n  }\n`;\n\nconst BounceInDown = styled(BaseAnimation)`\n  animation-name: ${bounceInDownAnimation};\n`;\n\nexport default BounceInDown;\n"
  },
  {
    "path": "src/Bounce/InDown.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BounceInDown from './InDown';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BounceInDown />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/InLeft.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceInLeftAnimation = keyframes`\n  from, 60%, 75%, 90%, to {\n   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n  }\n\n  0% {\n   opacity: 0;\n   transform: translate3d(-3000px, 0, 0);\n  }\n\n  60% {\n   opacity: 1;\n   transform: translate3d(25px, 0, 0);\n  }\n\n  75% {\n   transform: translate3d(-10px, 0, 0);\n  }\n\n  90% {\n   transform: translate3d(5px, 0, 0);\n  }\n\n  to {\n   transform: none;\n  }\n`;\n\nconst BounceInLeft = styled(BaseAnimation)`\n  animation-name: ${bounceInLeftAnimation};\n`;\n\nexport default BounceInLeft;\n"
  },
  {
    "path": "src/Bounce/InLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BounceInLeft from './InLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BounceInLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/InRight.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceInRightAnimation = keyframes`\n  from, 60%, 75%, 90%, to {\n     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n   }\n\n   from {\n     opacity: 0;\n     transform: translate3d(3000px, 0, 0);\n   }\n\n   60% {\n     opacity: 1;\n     transform: translate3d(-25px, 0, 0);\n   }\n\n   75% {\n     transform: translate3d(10px, 0, 0);\n   }\n\n   90% {\n     transform: translate3d(-5px, 0, 0);\n   }\n\n   to {\n     transform: none;\n   }\n`;\n\nconst BounceInRight = styled(BaseAnimation)`\n  animation-name: ${bounceInRightAnimation};\n`;\n\nexport default BounceInRight;\n"
  },
  {
    "path": "src/Bounce/InRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BounceInRight from './InRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BounceInRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/InUp.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceInUpAnimation = keyframes`\n  from, 60%, 75%, 90%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(0, 3000px, 0);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0);\n  }\n\n  75% {\n    transform: translate3d(0, 10px, 0);\n  }\n\n  90% {\n    transform: translate3d(0, -5px, 0);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n\nconst BounceInUp = styled(BaseAnimation)`\n  animation-name: ${bounceInUpAnimation};\n`;\n\nexport default BounceInUp;\n"
  },
  {
    "path": "src/Bounce/InUp.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BounceInUp from './InUp';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BounceInUp />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/Out.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceOutAnimation = keyframes`\n  20% {\n   transform: scale3d(.9, .9, .9);\n  }\n\n  50%, 55% {\n   opacity: 1;\n   transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  to {\n   opacity: 0;\n   transform: scale3d(.3, .3, .3);\n  }\n`;\n\nconst BounceOut = styled(BaseAnimation)`\n  animation-name: ${bounceOutAnimation};\n`;\n\nexport default BounceOut;\n"
  },
  {
    "path": "src/Bounce/Out.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BounceOut from './Out';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BounceOut />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/OutDown.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceOutDownAnimation = keyframes`\n  20% {\n    transform: translate3d(0, 10px, 0);\n  }\n\n  40%, 45% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n`;\n\nconst BounceOutDown = styled(BaseAnimation)`\n  animation-name: ${bounceOutDownAnimation};\n`;\n\nexport default BounceOutDown;\n"
  },
  {
    "path": "src/Bounce/OutDown.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BounceOutDown from './OutDown';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BounceOutDown />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/OutLeft.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceOutLeftAnimation = keyframes`\n  20% {\n    opacity: 1;\n    transform: translate3d(20px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n`;\n\nconst BounceOutLeft = styled(BaseAnimation)`\n  animation-name: ${bounceOutLeftAnimation};\n`;\n\nexport default BounceOutLeft;\n"
  },
  {
    "path": "src/Bounce/OutLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BounceOutLeft from './OutLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BounceOutLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/OutRight.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceOutRightAnimation = keyframes`\n  20% {\n    opacity: 1;\n    transform: translate3d(-20px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n`;\n\nconst BounceOutRight = styled(BaseAnimation)`\n  animation-name: ${bounceOutRightAnimation};\n`;\n\nexport default BounceOutRight;\n"
  },
  {
    "path": "src/Bounce/OutRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BounceOutRight from './OutRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BounceOutRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/OutUp.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceOutUpAnimation = keyframes`\n  20% {\n    transform: translate3d(0, -10px, 0);\n  }\n\n  40%, 45% {\n    opacity: 1;\n    transform: translate3d(0, 20px, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n`;\n\nconst BounceOutUp = styled(BaseAnimation)`\n  animation-name: ${bounceOutUpAnimation};\n`;\n\nexport default BounceOutUp;\n"
  },
  {
    "path": "src/Bounce/OutUp.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport BounceOutUp from './OutUp';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<BounceOutUp />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Bounce/__snapshots__/In.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH bAJPOi sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/__snapshots__/Out.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gILiLG sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/__snapshots__/OutDown.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH folvf sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/__snapshots__/OutLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH kWQkzN sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/__snapshots__/OutRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH eIheIu sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/__snapshots__/OutUp.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH dBSWyw sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/__snapshots__/inDown.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH kIrZWJ sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/__snapshots__/inLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH groxSQ sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/__snapshots__/inRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH bCMuON sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/__snapshots__/inUp.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH kxnvYC sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/__snapshots__/index.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH hBTkux sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Bounce/index.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst bounceAnimation = keyframes`\n  from, 20%, 53%, 80%, to {\n   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n   transform: translate3d(0,0,0);\n  }\n\n  40%, 43% {\n   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n   transform: translate3d(0, -30px, 0);\n  }\n\n  70% {\n   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n   transform: translate3d(0, -15px, 0);\n  }\n\n  90% {\n   transform: translate3d(0,-4px,0);\n  }\n`;\n\nconst Bounce = styled(BaseAnimation)`\n  animation-name: ${bounceAnimation};\n`;\n\nexport default Bounce;\n"
  },
  {
    "path": "src/Bounce/index.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport Bounce from './index';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<Bounce />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Especials/Hinge.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst HingeAnimation = keyframes`\n  0% {\n    transform-origin: top left;\n    animation-timing-function: ease-in-out;\n  }\n\n  20%, 60% {\n    transform: rotate3d(0, 0, 1, 80deg);\n    transform-origin: top left;\n    animation-timing-function: ease-in-out;\n  }\n\n  40%, 80% {\n    transform: rotate3d(0, 0, 1, 60deg);\n    transform-origin: top left;\n    animation-timing-function: ease-in-out;\n    opacity: 1;\n  }\n\n  to {\n    transform: translate3d(0, 700px, 0);\n    opacity: 0;\n  }\n`;\n\nconst Hinge = styled(BaseAnimation)`\n  animation-name: ${HingeAnimation};\n`;\n\nexport default Hinge;\n"
  },
  {
    "path": "src/Especials/Hinge.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport Hinge from './Hinge';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<Hinge />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Especials/RollIn.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RollInAnimation = keyframes`\n  from {\n      opacity: 0;\n      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n    }\n\n    to {\n      opacity: 1;\n      transform: none;\n    }\n`;\n\nconst RollIn = styled(BaseAnimation)`\n  animation-name: ${RollInAnimation};\n`;\n\nexport default RollIn;\n"
  },
  {
    "path": "src/Especials/RollIn.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RollIn from './RollIn';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RollIn />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Especials/RollOut.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RollOutAnimation = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n  }\n`;\n\nconst RollOut = styled(BaseAnimation)`\n  animation-name: ${RollOutAnimation};\n`;\n\nexport default RollOut;\n"
  },
  {
    "path": "src/Especials/RollOut.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RollOut from './RollOut';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RollOut />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Especials/__snapshots__/Hinge.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gvLVSw sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Especials/__snapshots__/RollIn.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH hIiwmH sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Especials/__snapshots__/RollOut.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH cuGnmA sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/In.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeInAnimation = keyframes`\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n`;\n\nconst FadeIn = styled(BaseAnimation)`\n  animation-name: ${FadeInAnimation};\n`;\n\nexport default FadeIn;\n"
  },
  {
    "path": "src/Fade/In.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeIn from './In';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeIn />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/InDown.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeInDownAnimation = keyframes`\n  from {\n     opacity: 0;\n     transform: translate3d(0, -100%, 0);\n   }\n\n   to {\n     opacity: 1;\n     transform: none;\n   }\n`;\n\nconst FadeInDown = styled(BaseAnimation)`\n  animation-name: ${FadeInDownAnimation};\n`;\n\nexport default FadeInDown;\n"
  },
  {
    "path": "src/Fade/InDown.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeInDown from './InDown';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeInDown />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/InDownBig.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeInDownBigAnimation = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n`;\n\nconst FadeInDownBig = styled(BaseAnimation)`\n  animation-name: ${FadeInDownBigAnimation};\n`;\n\nexport default FadeInDownBig;\n"
  },
  {
    "path": "src/Fade/InDownBig.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeInDownBig from './InDownBig';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeInDownBig />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/InLeft.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeInLeftAnimation = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n`;\n\nconst FadeInLeft = styled(BaseAnimation)`\n  animation-name: ${FadeInLeftAnimation};\n`;\n\nexport default FadeInLeft;\n"
  },
  {
    "path": "src/Fade/InLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeInLeft from './InLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeInLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/InLeftBig.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeInLeftBigAnimation = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n`;\n\nconst FadeInLeftBig = styled(BaseAnimation)`\n  animation-name: ${FadeInLeftBigAnimation};\n`;\n\nexport default FadeInLeftBig;\n"
  },
  {
    "path": "src/Fade/InLeftBig.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeInLeftBig from './InLeftBig';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeInLeftBig />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/InRight.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeInRightAnimation = keyframes`\n  from {\n     opacity: 0;\n     transform: translate3d(100%, 0, 0);\n   }\n\n   to {\n     opacity: 1;\n     transform: none;\n   }\n`;\n\nconst FadeInRight = styled(BaseAnimation)`\n  animation-name: ${FadeInRightAnimation};\n`;\n\nexport default FadeInRight;\n"
  },
  {
    "path": "src/Fade/InRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeInRight from './InRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeInRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/InRightBig.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeInRightBigAnimation = keyframes`\n  from {\n   opacity: 0;\n   transform: translate3d(2000px, 0, 0);\n  }\n\n  to {\n   opacity: 1;\n   transform: none;\n  }\n`;\n\nconst FadeInRightBig = styled(BaseAnimation)`\n  animation-name: ${FadeInRightBigAnimation};\n`;\n\nexport default FadeInRightBig;\n"
  },
  {
    "path": "src/Fade/InRightBig.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeInRightBig from './InRightBig';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeInRightBig />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/InUp.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeInUpAnimation = keyframes`\n  from {\n   opacity: 0;\n   transform: translate3d(0, 100%, 0);\n  }\n\n  to {\n   opacity: 1;\n   transform: none;\n  }\n`;\n\nconst FadeInUp = styled(BaseAnimation)`\n  animation-name: ${FadeInUpAnimation};\n`;\n\nexport default FadeInUp;\n"
  },
  {
    "path": "src/Fade/InUp.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeInUp from './InUp';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeInUp />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/InUpBig.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeInUpBigAnimation = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n`;\n\nconst FadeInUpBig = styled(BaseAnimation)`\n  animation-name: ${FadeInUpBigAnimation};\n`;\n\nexport default FadeInUpBig;\n"
  },
  {
    "path": "src/Fade/InUpBig.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeInUpBig from './InUpBig';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeInUpBig />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/Out.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeOutAnimation = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n`;\n\nconst FadeOut = styled(BaseAnimation)`\n  animation-name: ${FadeOutAnimation};\n`;\n\nexport default FadeOut;\n"
  },
  {
    "path": "src/Fade/Out.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeOut from './Out';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeOut />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/OutDown.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeOutDownAnimation = keyframes`\n  from {\n     opacity: 1;\n   }\n\n   to {\n     opacity: 0;\n     transform: translate3d(0, 100%, 0);\n   }\n`;\n\nconst FadeOutDown = styled(BaseAnimation)`\n  animation-name: ${FadeOutDownAnimation};\n`;\n\nexport default FadeOutDown;\n"
  },
  {
    "path": "src/Fade/OutDown.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeOutDown from './OutDown';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeOutDown />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/OutDownBig.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeOutDownBigAnimation = keyframes`\n  from {\n   opacity: 1;\n  }\n\n  to {\n   opacity: 0;\n   transform: translate3d(0, 2000px, 0);\n  }\n`;\n\nconst FadeOutDownBig = styled(BaseAnimation)`\n  animation-name: ${FadeOutDownBigAnimation};\n`;\n\nexport default FadeOutDownBig;\n"
  },
  {
    "path": "src/Fade/OutDownBig.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeOutDownBig from './OutDownBig';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeOutDownBig />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/OutLeft.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeOutLeftAnimation = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n`;\n\nconst FadeOutLeft = styled(BaseAnimation)`\n  animation-name: ${FadeOutLeftAnimation};\n`;\n\nexport default FadeOutLeft;\n"
  },
  {
    "path": "src/Fade/OutLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeOutLeft from './OutLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeOutLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/OutLeftBig.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeOutLeftBigAnimation = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n`;\n\nconst FadeOutLeftBig = styled(BaseAnimation)`\n  animation-name: ${FadeOutLeftBigAnimation};\n`;\n\nexport default FadeOutLeftBig;\n"
  },
  {
    "path": "src/Fade/OutLeftBig.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeOutLeftBig from './OutLeftBig';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeOutLeftBig />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/OutRight.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeOutRightAnimation = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n`;\n\nconst FadeOutRight = styled(BaseAnimation)`\n  animation-name: ${FadeOutRightAnimation};\n`;\n\nexport default FadeOutRight;\n"
  },
  {
    "path": "src/Fade/OutRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeOutRight from './OutRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeOutRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/OutRightBig.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeOutRightBigAnimation = keyframes`\n  from {\n   opacity: 1;\n  }\n\n  to {\n   opacity: 0;\n   transform: translate3d(2000px, 0, 0);\n  }\n`;\n\nconst FadeOutRightBig = styled(BaseAnimation)`\n  animation-name: ${FadeOutRightBigAnimation};\n`;\n\nexport default FadeOutRightBig;\n"
  },
  {
    "path": "src/Fade/OutRightBig.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeOutRightBig from './OutRightBig';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeOutRightBig />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/OutUp.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeOutUpAnimation = keyframes`\n  from {\n     opacity: 1;\n   }\n\n   to {\n     opacity: 0;\n     transform: translate3d(0, -100%, 0);\n   }\n`;\n\nconst FadeOutUp = styled(BaseAnimation)`\n  animation-name: ${FadeOutUpAnimation};\n`;\n\nexport default FadeOutUp;\n"
  },
  {
    "path": "src/Fade/OutUp.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeOutUp from './OutUp';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeOutUp />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/OutUpBig.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FadeOutUpBigAnimation = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n`;\n\nconst FadeOutUpBig = styled(BaseAnimation)`\n  animation-name: ${FadeOutUpBigAnimation};\n`;\n\nexport default FadeOutUpBig;\n"
  },
  {
    "path": "src/Fade/OutUpBig.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FadeOutUpBig from './OutUpBig';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FadeOutUpBig />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Fade/__snapshots__/In.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH VWMEu sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/InDown.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH iaRjVJ sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/InDownBig.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH jUFugq sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/InLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gHKinp sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/InLeftBig.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH fkRXsH sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/InRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gKWCbc sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/InRightBig.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH kAMDNL sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/InUp.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH SxGHo sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/InUpBig.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH dPfRka sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/Out.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH vuGJu sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/OutDown.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH iZiabO sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/OutDownBig.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH kimUrg sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/OutLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH cUmjWn sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/OutLeftBig.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH fEzShF sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/OutRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH bLeaRP sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/OutRightBig.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH jaSHcr sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/OutUp.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gALgev sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Fade/__snapshots__/OutUpBig.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH UgbNe sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Flip/InX.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FlipInXAnimation = keyframes`\n  from {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n\n    40% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n\n    60% {\n      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n      opacity: 1;\n    }\n\n    80% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n    }\n\n    to {\n      transform: perspective(400px);\n    }\n`;\n\nconst FlipInX = styled(BaseAnimation)`\n  animation-name: ${FlipInXAnimation};\n  backface-visibility: visible !important;\n`;\n\nexport default FlipInX;\n"
  },
  {
    "path": "src/Flip/InX.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FlipInX from './InX';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FlipInX />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Flip/InY.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FlipInYAnimation = keyframes`\n  from {\n      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n\n    40% {\n      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n\n    60% {\n      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n      opacity: 1;\n    }\n\n    80% {\n      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n    }\n\n    to {\n      transform: perspective(400px);\n    }\n`;\n\nconst FlipInY = styled(BaseAnimation)`\n  animation-name: ${FlipInYAnimation};\n  backface-visibility: visible !important;\n`;\n\nexport default FlipInY;\n"
  },
  {
    "path": "src/Flip/InY.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FlipInY from './InY';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FlipInY />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Flip/OutX.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FlipOutXAnimation = keyframes`\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0;\n  }\n`;\n\nconst FlipOutX = styled(BaseAnimation)`\n  animation-name: ${FlipOutXAnimation};\n  backface-visibility: visible !important;\n`;\n\nexport default FlipOutX;\n"
  },
  {
    "path": "src/Flip/OutX.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FlipOutX from './OutX';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FlipOutX />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Flip/OutY.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FlipOutYAnimation = keyframes`\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    opacity: 0;\n  }\n`;\n\nconst FlipOutY = styled(BaseAnimation)`\n  animation-name: ${FlipOutYAnimation};\n  backface-visibility: visible !important;\n`;\n\nexport default FlipOutY;\n"
  },
  {
    "path": "src/Flip/OutY.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport FlipOutY from './OutY';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<FlipOutY />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Flip/__snapshots__/InX.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH dWHeHe sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Flip/__snapshots__/InY.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH khYAjo sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Flip/__snapshots__/OutX.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH jeHGzf sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Flip/__snapshots__/OutY.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH hnbaec sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Flip/__snapshots__/index.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH iTTiue sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Flip/index.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst FlipAnimation = keyframes`\n  from {\n    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n    animation-timing-function: ease-out;\n  }\n\n  40% {\n    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n    animation-timing-function: ease-out;\n  }\n\n  50% {\n    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n    animation-timing-function: ease-in;\n  }\n\n  80% {\n    transform: perspective(400px) scale3d(.95, .95, .95);\n    animation-timing-function: ease-in;\n  }\n\n  to {\n    transform: perspective(400px);\n    animation-timing-function: ease-in;\n  }\n`;\n\nconst Flip = styled(BaseAnimation)`\n  animation-name: ${FlipAnimation};\n  backface-visibility: visible;\n`;\n\nexport default Flip;\n"
  },
  {
    "path": "src/Flip/index.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport Flip from './index';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<Flip />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/LightSpeed/In.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst LightSpeedInAnimation = keyframes`\n  from {\n    transform: translate3d(100%, 0, 0) skewX(-30deg);\n    opacity: 0;\n  }\n\n  60% {\n    transform: skewX(20deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: skewX(-5deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: none;\n    opacity: 1;\n  }\n`;\n\nconst LightSpeedIn = styled(BaseAnimation)`\n  animation-name: ${LightSpeedInAnimation};\n  animation-timing-function: ease-out;\n`;\n\nexport default LightSpeedIn;\n"
  },
  {
    "path": "src/LightSpeed/In.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport LightSpeedIn from './In';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<LightSpeedIn />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/LightSpeed/Out.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst LightSpeedOutAnimation = keyframes`\n  from {\n     opacity: 1;\n   }\n\n   to {\n     transform: translate3d(100%, 0, 0) skewX(30deg);\n     opacity: 0;\n   }\n`;\n\nconst LightSpeedOut = styled(BaseAnimation)`\n  animation-name: ${LightSpeedOutAnimation};\n  animation-timing-function: ease-in;\n`;\n\nexport default LightSpeedOut;\n"
  },
  {
    "path": "src/LightSpeed/Out.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport LightSpeedOut from './Out';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<LightSpeedOut />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/LightSpeed/__snapshots__/In.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gSzdTs sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/LightSpeed/__snapshots__/Out.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH bLeANT sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Rotate/In.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RotateInAnimation = keyframes`\n  from {\n    transform-origin: center;\n    transform: rotate3d(0, 0, 1, -200deg);\n    opacity: 0;\n  }\n\n  to {\n    transform-origin: center;\n    transform: none;\n    opacity: 1;\n  }\n`;\n\nconst RotateIn = styled(BaseAnimation)`\n  animation-name: ${RotateInAnimation};\n`;\n\nexport default RotateIn;\n"
  },
  {
    "path": "src/Rotate/In.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RotateIn from './In';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RotateIn />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Rotate/InDownLeft.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RotateInDownLeftAnimation = keyframes`\n  from {\n      transform-origin: left bottom;\n      transform: rotate3d(0, 0, 1, -45deg);\n      opacity: 0;\n    }\n\n    to {\n      transform-origin: left bottom;\n      transform: none;\n      opacity: 1;\n    }\n`;\n\nconst RotateInDownLeft = styled(BaseAnimation)`\n  animation-name: ${RotateInDownLeftAnimation};\n`;\n\nexport default RotateInDownLeft;\n"
  },
  {
    "path": "src/Rotate/InDownLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RotateInDownLeft from './InDownLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RotateInDownLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Rotate/InDownRight.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RotateInDownRightAnimation = keyframes`\n  from {\n     transform-origin: right bottom;\n     transform: rotate3d(0, 0, 1, 45deg);\n     opacity: 0;\n   }\n\n   to {\n     transform-origin: right bottom;\n     transform: none;\n     opacity: 1;\n   }\n`;\n\nconst RotateInDownRight = styled(BaseAnimation)`\n  animation-name: ${RotateInDownRightAnimation};\n`;\n\nexport default RotateInDownRight;\n"
  },
  {
    "path": "src/Rotate/InDownRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RotateInDownRight from './InDownRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RotateInDownRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Rotate/InUpLeft.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RotateInUpLeftAnimation = keyframes`\n  from {\n      transform-origin: left bottom;\n      transform: rotate3d(0, 0, 1, 45deg);\n      opacity: 0;\n    }\n\n    to {\n      transform-origin: left bottom;\n      transform: none;\n      opacity: 1;\n    }\n`;\n\nconst RotateInUpLeft = styled(BaseAnimation)`\n  animation-name: ${RotateInUpLeftAnimation};\n`;\n\nexport default RotateInUpLeft;\n"
  },
  {
    "path": "src/Rotate/InUpLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RotateInUpLeft from './InUpLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RotateInUpLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Rotate/InUpRight.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RotateInUpRightAnimation = keyframes`\n  from {\n    transform-origin: right bottom;\n    transform: rotate3d(0, 0, 1, -90deg);\n    opacity: 0;\n  }\n\n  to {\n    transform-origin: right bottom;\n    transform: none;\n    opacity: 1;\n  }\n`;\n\nconst RotateInUpRight = styled(BaseAnimation)`\n  animation-name: ${RotateInUpRightAnimation};\n`;\n\nexport default RotateInUpRight;\n"
  },
  {
    "path": "src/Rotate/InUpRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RotateInUpRight from './InUpRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RotateInUpRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Rotate/Out.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RotateOutAnimation = keyframes`\n  from {\n      transform-origin: center;\n      opacity: 1;\n    }\n\n    to {\n      transform-origin: center;\n      transform: rotate3d(0, 0, 1, 200deg);\n      opacity: 0;\n    }\n`;\n\nconst RotateOut = styled(BaseAnimation)`\n  animation-name: ${RotateOutAnimation};\n`;\n\nexport default RotateOut;\n"
  },
  {
    "path": "src/Rotate/Out.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RotateOut from './Out';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RotateOut />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Rotate/OutDownLeft.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RotateOutDownLeftAnimation = keyframes`\n  from {\n     transform-origin: left bottom;\n     opacity: 1;\n   }\n\n   to {\n     transform-origin: left bottom;\n     transform: rotate3d(0, 0, 1, 45deg);\n     opacity: 0;\n   }\n`;\n\nconst RotateOutDownLeft = styled(BaseAnimation)`\n  animation-name: ${RotateOutDownLeftAnimation};\n`;\n\nexport default RotateOutDownLeft;\n"
  },
  {
    "path": "src/Rotate/OutDownLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RotateOutDownLeft from './OutDownLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RotateOutDownLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Rotate/OutDownRight.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RotateOutDownRightAnimation = keyframes`\n  from {\n      transform-origin: right bottom;\n      opacity: 1;\n    }\n\n    to {\n      transform-origin: right bottom;\n      transform: rotate3d(0, 0, 1, -45deg);\n      opacity: 0;\n    }\n`;\n\nconst RotateOutDownRight = styled(BaseAnimation)`\n  animation-name: ${RotateOutDownRightAnimation};\n`;\n\nexport default RotateOutDownRight;\n"
  },
  {
    "path": "src/Rotate/OutDownRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RotateOutDownRight from './OutDownRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RotateOutDownRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Rotate/OutUpLeft.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RotateOutUpLeftAnimation = keyframes`\n  from {\n    transform-origin: left bottom;\n    opacity: 1;\n  }\n\n  to {\n    transform-origin: left bottom;\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n`;\n\nconst RotateOutUpLeft = styled(BaseAnimation)`\n  animation-name: ${RotateOutUpLeftAnimation};\n`;\n\nexport default RotateOutUpLeft;\n"
  },
  {
    "path": "src/Rotate/OutUpLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RotateOutUpLeft from './OutUpLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RotateOutUpLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Rotate/OutUpRight.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst RotateOutUpRightAnimation = keyframes`\n  from {\n      transform-origin: right bottom;\n      opacity: 1;\n    }\n\n    to {\n      transform-origin: right bottom;\n      transform: rotate3d(0, 0, 1, 90deg);\n      opacity: 0;\n    }\n`;\n\nconst RotateOutUpRight = styled(BaseAnimation)`\n  animation-name: ${RotateOutUpRightAnimation};\n`;\n\nexport default RotateOutUpRight;\n"
  },
  {
    "path": "src/Rotate/OutUpRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport RotateOutUpRight from './OutUpRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<RotateOutUpRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Rotate/__snapshots__/In.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gVkzez sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Rotate/__snapshots__/InDownLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH hXvtXj sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Rotate/__snapshots__/InDownRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH doJkIR sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Rotate/__snapshots__/InUpLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH ffiRMc sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Rotate/__snapshots__/InUpRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH chUXGe sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Rotate/__snapshots__/Out.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH becujY sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Rotate/__snapshots__/OutDownLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH hQtBKR sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Rotate/__snapshots__/OutDownRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH dKEkhe sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Rotate/__snapshots__/OutUpLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH dKMfKs sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Rotate/__snapshots__/OutUpRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH lnSoDT sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Slide/InDown.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst SlideInDownAnimation = keyframes`\n  from {\n      transform: translate3d(0, -100%, 0);\n      visibility: visible;\n    }\n\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n`;\n\nconst SlideInDown = styled(BaseAnimation)`\n  animation-name: ${SlideInDownAnimation};\n`;\n\nexport default SlideInDown;\n"
  },
  {
    "path": "src/Slide/InDown.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport SlideInDown from './InDown';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<SlideInDown />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Slide/InLeft.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst SlideInLeftAnimation = keyframes`\n  from {\n      transform: translate3d(-100%, 0, 0);\n      visibility: visible;\n    }\n\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n`;\n\nconst SlideInLeft = styled(BaseAnimation)`\n  animation-name: ${SlideInLeftAnimation};\n`;\n\nexport default SlideInLeft;\n"
  },
  {
    "path": "src/Slide/InLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport SlideInLeft from './InLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<SlideInLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Slide/InRight.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst SlideInRightAnimation = keyframes`\n  from {\n      transform: translate3d(100%, 0, 0);\n      visibility: visible;\n    }\n\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n`;\n\nconst SlideInRight = styled(BaseAnimation)`\n  animation-name: ${SlideInRightAnimation};\n`;\n\nexport default SlideInRight;\n"
  },
  {
    "path": "src/Slide/InRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport SlideInRight from './InRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<SlideInRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Slide/InUp.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst SlideInUpAnimation = keyframes`\n  from {\n     transform: translate3d(0, 100%, 0);\n     visibility: visible;\n   }\n\n   to {\n     transform: translate3d(0, 0, 0);\n   }\n`;\n\nconst SlideInUp = styled(BaseAnimation)`\n  animation-name: ${SlideInUpAnimation};\n`;\n\nexport default SlideInUp;\n"
  },
  {
    "path": "src/Slide/InUp.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport SlideInUp from './InUp';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<SlideInUp />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Slide/OutDown.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst SlideOutDownAnimation = keyframes`\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 100%, 0);\n  }\n`;\n\nconst SlideOutDown = styled(BaseAnimation)`\n  animation-name: ${SlideOutDownAnimation};\n`;\n\nexport default SlideOutDown;\n"
  },
  {
    "path": "src/Slide/OutDown.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport SlideOutDown from './OutDown';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<SlideOutDown />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Slide/OutLeft.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst SlideOutLeftAnimation = keyframes`\n  from {\n      transform: translate3d(0, 0, 0);\n    }\n\n    to {\n      visibility: hidden;\n      transform: translate3d(-100%, 0, 0);\n    }\n`;\n\nconst SlideOutLeft = styled(BaseAnimation)`\n  animation-name: ${SlideOutLeftAnimation};\n`;\n\nexport default SlideOutLeft;\n"
  },
  {
    "path": "src/Slide/OutLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport SlideOutLeft from './OutLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<SlideOutLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Slide/OutRight.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst SlideOutRightAnimation = keyframes`\n  from {\n      transform: translate3d(0, 0, 0);\n    }\n\n    to {\n      visibility: hidden;\n      transform: translate3d(100%, 0, 0);\n    }\n`;\n\nconst SlideOutRight = styled(BaseAnimation)`\n  animation-name: ${SlideOutRightAnimation};\n`;\n\nexport default SlideOutRight;\n"
  },
  {
    "path": "src/Slide/OutRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport SlideOutRight from './OutRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<SlideOutRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Slide/OutUp.js",
    "content": "import styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst SlideOutUpAnimation = keyframes`\n  from {\n      transform: translate3d(0, 0, 0);\n    }\n\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -100%, 0);\n    }\n`;\n\nconst SlideOutUp = styled(BaseAnimation)`\n  animation-name: ${SlideOutUpAnimation};\n`;\n\nexport default SlideOutUp;\n"
  },
  {
    "path": "src/Slide/OutUp.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport SlideOutUp from './OutUp';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<SlideOutUp />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Slide/__snapshots__/InDown.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH idYGgq sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Slide/__snapshots__/InLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH YCYeo sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Slide/__snapshots__/InRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH fapDVq sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Slide/__snapshots__/InUp.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gWimac sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Slide/__snapshots__/OutDown.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH hmIXPM sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Slide/__snapshots__/OutLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH bVxqXL sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Slide/__snapshots__/OutRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH hYqgvL sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Slide/__snapshots__/OutUp.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH ktgsWQ sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Zoom/In.js",
    "content": "\nimport styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ZoomInAnimation = keyframes`\n  from {\n     opacity: 0;\n     transform: scale3d(.3, .3, .3);\n   }\n\n   50% {\n     opacity: 1;\n   }\n`;\n\nconst ZoomIn = styled(BaseAnimation)`\n  animation-name: ${ZoomInAnimation};\n`;\n\nexport default ZoomIn;\n"
  },
  {
    "path": "src/Zoom/In.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport ZoomIn from './In';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<ZoomIn />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Zoom/InDown.js",
    "content": "\nimport styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ZoomInDownAnimation = keyframes`\n  from {\n     opacity: 0;\n     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\n     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n   }\n\n   60% {\n     opacity: 1;\n     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n   }\n`;\n\nconst ZoomInDown = styled(BaseAnimation)`\n  animation-name: ${ZoomInDownAnimation};\n`;\n\nexport default ZoomInDown;\n"
  },
  {
    "path": "src/Zoom/InDown.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport ZoomInDown from './InDown';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<ZoomInDown />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Zoom/InLeft.js",
    "content": "\nimport styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ZoomInLeftAnimation = keyframes`\n  from {\n      opacity: 0;\n      transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\n      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n    }\n\n    60% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\n      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n    }\n`;\n\nconst ZoomInLeft = styled(BaseAnimation)`\n  animation-name: ${ZoomInLeftAnimation};\n`;\n\nexport default ZoomInLeft;\n"
  },
  {
    "path": "src/Zoom/InLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport ZoomInLeft from './InLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<ZoomInLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Zoom/InRight.js",
    "content": "\nimport styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ZoomInRightAnimation = keyframes`\n  from {\n      opacity: 0;\n      transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\n      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n    }\n\n    60% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\n      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n    }\n`;\n\nconst ZoomInRight = styled(BaseAnimation)`\n  animation-name: ${ZoomInRightAnimation};\n`;\n\nexport default ZoomInRight;\n"
  },
  {
    "path": "src/Zoom/InRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport ZoomInRight from './InRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<ZoomInRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Zoom/InUp.js",
    "content": "\nimport styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ZoomInUpAnimation = keyframes`\n  from {\n      opacity: 0;\n      transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\n      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n    }\n\n    60% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n    }\n`;\n\nconst ZoomInUp = styled(BaseAnimation)`\n  animation-name: ${ZoomInUpAnimation};\n`;\n\nexport default ZoomInUp;\n"
  },
  {
    "path": "src/Zoom/InUp.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport ZoomInUp from './InUp';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<ZoomInUp />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Zoom/Out.js",
    "content": "\nimport styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ZoomOutAnimation = keyframes`\n  from {\n   opacity: 1;\n  }\n\n  50% {\n   opacity: 0;\n   transform: scale3d(.3, .3, .3);\n  }\n\n  to {\n   opacity: 0;\n  }\n`;\n\nconst ZoomOut = styled(BaseAnimation)`\n  animation-name: ${ZoomOutAnimation};\n`;\n\nexport default ZoomOut;\n"
  },
  {
    "path": "src/Zoom/Out.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport ZoomOut from './Out';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<ZoomOut />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Zoom/OutDown.js",
    "content": "\nimport styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ZoomOutDownAnimation = keyframes`\n  40% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n    }\n\n    to {\n      opacity: 0;\n      transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\n      transform-origin: center bottom;\n      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n    }\n`;\n\nconst ZoomOutDown = styled(BaseAnimation)`\n  animation-name: ${ZoomOutDownAnimation};\n`;\n\nexport default ZoomOutDown;\n"
  },
  {
    "path": "src/Zoom/OutDown.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport ZoomOutDown from './OutDown';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<ZoomOutDown />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Zoom/OutLeft.js",
    "content": "\nimport styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ZoomOutLeftAnimation = keyframes`\n  40% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\n    }\n\n    to {\n      opacity: 0;\n      transform: scale(.1) translate3d(-2000px, 0, 0);\n      transform-origin: left center;\n    }\n`;\n\nconst ZoomOutLeft = styled(BaseAnimation)`\n  animation-name: ${ZoomOutLeftAnimation};\n`;\n\nexport default ZoomOutLeft;\n"
  },
  {
    "path": "src/Zoom/OutLeft.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport ZoomOutLeft from './OutLeft';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<ZoomOutLeft />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Zoom/OutRight.js",
    "content": "\nimport styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ZoomOutRightAnimation = keyframes`\n  40% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\n    }\n\n    to {\n      opacity: 0;\n      transform: scale(.1) translate3d(2000px, 0, 0);\n      transform-origin: right center;\n    }\n`;\n\nconst ZoomOutRight = styled(BaseAnimation)`\n  animation-name: ${ZoomOutRightAnimation};\n`;\n\nexport default ZoomOutRight;\n"
  },
  {
    "path": "src/Zoom/OutRight.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport ZoomOutRight from './OutRight';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<ZoomOutRight />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Zoom/OutUp.js",
    "content": "\nimport styled, { keyframes } from 'styled-components';\nimport BaseAnimation from '../BaseAnimation';\n\nconst ZoomOutUpAnimation = keyframes`\n  40% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n    }\n\n    to {\n      opacity: 0;\n      transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\n      transform-origin: center bottom;\n      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n    }\n`;\n\nconst ZoomOutUp = styled(BaseAnimation)`\n  animation-name: ${ZoomOutUpAnimation};\n`;\n\nexport default ZoomOutUp;\n;\n"
  },
  {
    "path": "src/Zoom/OutUp.spec.js",
    "content": "import React from 'react';\nimport renderer from 'react-test-renderer';\nimport ZoomOutUp from './OutUp';\n\nit('renders with default props', () => {\n\tconst tree = renderer.create(\n\t\t<ZoomOutUp />\n\t).toJSON();\n\n\texpect(tree).toMatchSnapshot();\n});\n"
  },
  {
    "path": "src/Zoom/__snapshots__/In.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH deZcqW sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Zoom/__snapshots__/InDown.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gcWUix sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Zoom/__snapshots__/InLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH OhELR sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Zoom/__snapshots__/InRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH jUBzvO sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Zoom/__snapshots__/InUp.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gmRRYs sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Zoom/__snapshots__/Out.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gTQKUC sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Zoom/__snapshots__/OutDown.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH ecdZEQ sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Zoom/__snapshots__/OutLeft.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH iwWAQy sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Zoom/__snapshots__/OutRight.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH gLSzfH sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/Zoom/__snapshots__/OutUp.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bwzfXH czMEMO sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/__snapshots__/BaseAnimation.spec.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders with default props 1`] = `\n<div\n  className=\"sc-bdVaJa dVavXz\"\n  direction=\"normal\"\n  display=\"block\"\n/>\n`;\n"
  },
  {
    "path": "src/index.js",
    "content": "import BaseAnimation from './BaseAnimation';\nimport Flash from './Attention/Flash';\nimport HeadShake from './Attention/HeadShake';\nimport Jello from './Attention/Jello';\nimport Pulse from './Attention/Pulse';\nimport RubberBand from './Attention/RubberBand';\nimport Shake from './Attention/Shake';\nimport Swing from './Attention/Swing';\nimport Tada from './Attention/Tada';\nimport Wobble from './Attention/Wobble';\n\nimport Bounce from './Bounce';\nimport BounceIn from './Bounce/In';\nimport BounceInUp from './Bounce/InUp';\nimport BounceInDown from './Bounce/InDown';\nimport BounceInLeft from './Bounce/InLeft';\nimport BounceInRight from './Bounce/InRight';\n\nimport BounceOut from './Bounce/Out';\nimport BounceOutDown from './Bounce/OutDown';\nimport BounceOutLeft from './Bounce/OutLeft';\nimport BounceOutRight from './Bounce/OutRight';\nimport BounceOutUp from './Bounce/OutUp';\n\nimport FadeIn from './Fade/In';\nimport FadeInDown from './Fade/InDown';\nimport FadeInDownBig from './Fade/InDownBig';\nimport FadeInLeft from './Fade/InLeft';\nimport FadeInLeftBig from './Fade/InLeftBig';\nimport FadeInRight from './Fade/InRight';\nimport FadeInRightBig from './Fade/InRightBig';\nimport FadeInUp from './Fade/InUp';\nimport FadeInUpBig from './Fade/InUpBig';\n\nimport FadeOut from './Fade/Out';\nimport FadeOutDown from './Fade/OutDown';\nimport FadeOutDownBig from './Fade/OutDownBig';\nimport FadeOutLeft from './Fade/OutLeft';\nimport FadeOutLeftBig from './Fade/OutLeftBig';\nimport FadeOutRight from './Fade/OutRight';\nimport FadeOutRightBig from './Fade/OutRightBig';\nimport FadeOutUp from './Fade/OutUp';\nimport FadeOutUpBig from './Fade/OutUpBig';\n\nimport Flip from './Flip';\nimport FlipInX from './Flip/InX';\nimport FlipInY from './Flip/InY';\nimport FlipOutX from './Flip/OutX';\nimport FlipOutY from './Flip/OutY';\n\nimport LightSpeedIn from './LightSpeed/In';\nimport LightSpeedOut from './LightSpeed/Out';\n\nimport RotateIn from './Rotate/In';\nimport RotateInDownLeft from './Rotate/InDownLeft';\nimport RotateInDownRight from './Rotate/InDownRight';\nimport RotateInUpLeft from './Rotate/InUpLeft';\nimport RotateInUpRight from './Rotate/InUpRight';\n\nimport RotateOut from './Rotate/Out';\nimport RotateOutDownLeft from './Rotate/OutDownLeft';\nimport RotateOutDownRight from './Rotate/OutDownRight';\nimport RotateOutUpLeft from './Rotate/OutUpLeft';\nimport RotateOutUpRight from './Rotate/OutUpRight';\n\nimport SlideInDown from './Slide/InDown';\nimport SlideInLeft from './Slide/InLeft';\nimport SlideInRight from './Slide/InRight';\nimport SlideInUp from './Slide/InUp';\n\nimport SlideOutDown from './Slide/OutDown';\nimport SlideOutLeft from './Slide/OutLeft';\nimport SlideOutRight from './Slide/OutRight';\nimport SlideOutUp from './Slide/OutUp';\n\nimport Hinge from './Especials/Hinge';\nimport RollIn from './Especials/RollIn';\nimport RollOut from './Especials/RollOut';\n\nimport ZoomIn from './Zoom/In';\nimport ZoomInDown from './Zoom/InDown';\nimport ZoomInLeft from './Zoom/InLeft';\nimport ZoomInRight from './Zoom/InRight';\nimport ZoomInUp from './Zoom/InUp';\n\nimport ZoomOut from './Zoom/Out';\nimport ZoomOutDown from './Zoom/OutDown';\nimport ZoomOutLeft from './Zoom/OutLeft';\nimport ZoomOutRight from './Zoom/OutRight';\nimport ZoomOutUp from './Zoom/OutUp';\n\nimport Animate from './Animate';\n\nexport {\n  Bounce,\n  Flash,\n  HeadShake,\n  Jello,\n  Pulse,\n  RubberBand,\n  Shake,\n  Swing,\n  Tada,\n  Wobble,\n  BounceIn,\n  BounceInUp,\n  BounceInDown,\n  BounceInLeft,\n  BounceInRight,\n  BounceOut,\n  BounceOutDown,\n  BounceOutLeft,\n  BounceOutRight,\n  BounceOutUp,\n  FadeIn,\n  FadeInDown,\n  FadeInDownBig,\n  FadeInLeft,\n  FadeInLeftBig,\n  FadeInRight,\n  FadeInRightBig,\n  FadeInUp,\n  FadeInUpBig,\n  FadeOut,\n  FadeOutDown,\n  FadeOutDownBig,\n  FadeOutLeft,\n  FadeOutLeftBig,\n  FadeOutRight,\n  FadeOutRightBig,\n  FadeOutUp,\n  FadeOutUpBig,\n  Flip,\n  FlipInX,\n  FlipInY,\n  FlipOutX,\n  FlipOutY,\n  LightSpeedIn,\n  LightSpeedOut,\n  RotateIn,\n  RotateInDownLeft,\n  RotateInDownRight,\n  RotateInUpLeft,\n  RotateInUpRight,\n  RotateOut,\n  RotateOutDownLeft,\n  RotateOutDownRight,\n  RotateOutUpLeft,\n  RotateOutUpRight,\n  SlideInDown,\n  SlideInLeft,\n  SlideInRight,\n  SlideInUp,\n  SlideOutDown,\n  SlideOutLeft,\n  SlideOutRight,\n  SlideOutUp,\n  Hinge,\n  RollIn,\n  RollOut,\n  ZoomIn,\n  ZoomInDown,\n  ZoomInLeft,\n  ZoomInRight,\n  ZoomInUp,\n  ZoomOut,\n  ZoomOutDown,\n  ZoomOutLeft,\n  ZoomOutRight,\n  ZoomOutUp,\n  BaseAnimation\n};\n\nexport default Animate;"
  },
  {
    "path": "src/lcov-report/base.css",
    "content": "body, html {\n  margin:0; padding: 0;\n  height: 100%;\n}\nbody {\n    font-family: Helvetica Neue, Helvetica, Arial;\n    font-size: 14px;\n    color:#333;\n}\n.small { font-size: 12px; }\n*, *:after, *:before {\n  -webkit-box-sizing:border-box;\n     -moz-box-sizing:border-box;\n          box-sizing:border-box;\n  }\nh1 { font-size: 20px; margin: 0;}\nh2 { font-size: 14px; }\npre {\n    font: 12px/1.4 Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n    margin: 0;\n    padding: 0;\n    -moz-tab-size: 2;\n    -o-tab-size:  2;\n    tab-size: 2;\n}\na { color:#0074D9; text-decoration:none; }\na:hover { text-decoration:underline; }\n.strong { font-weight: bold; }\n.space-top1 { padding: 10px 0 0 0; }\n.pad2y { padding: 20px 0; }\n.pad1y { padding: 10px 0; }\n.pad2x { padding: 0 20px; }\n.pad2 { padding: 20px; }\n.pad1 { padding: 10px; }\n.space-left2 { padding-left:55px; }\n.space-right2 { padding-right:20px; }\n.center { text-align:center; }\n.clearfix { display:block; }\n.clearfix:after {\n  content:'';\n  display:block;\n  height:0;\n  clear:both;\n  visibility:hidden;\n  }\n.fl { float: left; }\n@media only screen and (max-width:640px) {\n  .col3 { width:100%; max-width:100%; }\n  .hide-mobile { display:none!important; }\n}\n\n.quiet {\n  color: #7f7f7f;\n  color: rgba(0,0,0,0.5);\n}\n.quiet a { opacity: 0.7; }\n\n.fraction {\n  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;\n  font-size: 10px;\n  color: #555;\n  background: #E8E8E8;\n  padding: 4px 5px;\n  border-radius: 3px;\n  vertical-align: middle;\n}\n\ndiv.path a:link, div.path a:visited { color: #333; }\ntable.coverage {\n  border-collapse: collapse;\n  margin: 10px 0 0 0;\n  padding: 0;\n}\n\ntable.coverage td {\n  margin: 0;\n  padding: 0;\n  vertical-align: top;\n}\ntable.coverage td.line-count {\n    text-align: right;\n    padding: 0 5px 0 20px;\n}\ntable.coverage td.line-coverage {\n    text-align: right;\n    padding-right: 10px;\n    min-width:20px;\n}\n\ntable.coverage td span.cline-any {\n    display: inline-block;\n    padding: 0 5px;\n    width: 100%;\n}\n.missing-if-branch {\n    display: inline-block;\n    margin-right: 5px;\n    border-radius: 3px;\n    position: relative;\n    padding: 0 4px;\n    background: #333;\n    color: yellow;\n}\n\n.skip-if-branch {\n    display: none;\n    margin-right: 10px;\n    position: relative;\n    padding: 0 4px;\n    background: #ccc;\n    color: white;\n}\n.missing-if-branch .typ, .skip-if-branch .typ {\n    color: inherit !important;\n}\n.coverage-summary {\n  border-collapse: collapse;\n  width: 100%;\n}\n.coverage-summary tr { border-bottom: 1px solid #bbb; }\n.keyline-all { border: 1px solid #ddd; }\n.coverage-summary td, .coverage-summary th { padding: 10px; }\n.coverage-summary tbody { border: 1px solid #bbb; }\n.coverage-summary td { border-right: 1px solid #bbb; }\n.coverage-summary td:last-child { border-right: none; }\n.coverage-summary th {\n  text-align: left;\n  font-weight: normal;\n  white-space: nowrap;\n}\n.coverage-summary th.file { border-right: none !important; }\n.coverage-summary th.pct { }\n.coverage-summary th.pic,\n.coverage-summary th.abs,\n.coverage-summary td.pct,\n.coverage-summary td.abs { text-align: right; }\n.coverage-summary td.file { white-space: nowrap;  }\n.coverage-summary td.pic { min-width: 120px !important;  }\n.coverage-summary tfoot td { }\n\n.coverage-summary .sorter {\n    height: 10px;\n    width: 7px;\n    display: inline-block;\n    margin-left: 0.5em;\n    background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;\n}\n.coverage-summary .sorted .sorter {\n    background-position: 0 -20px;\n}\n.coverage-summary .sorted-desc .sorter {\n    background-position: 0 -10px;\n}\n.status-line {  height: 10px; }\n/* dark red */\n.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }\n.low .chart { border:1px solid #C21F39 }\n/* medium red */\n.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }\n/* light red */\n.low, .cline-no { background:#FCE1E5 }\n/* light green */\n.high, .cline-yes { background:rgb(230,245,208) }\n/* medium green */\n.cstat-yes { background:rgb(161,215,106) }\n/* dark green */\n.status-line.high, .high .cover-fill { background:rgb(77,146,33) }\n.high .chart { border:1px solid rgb(77,146,33) }\n\n\n.medium .chart { border:1px solid #666; }\n.medium .cover-fill { background: #666; }\n\n.cbranch-no { background:  yellow !important; color: #111; }\n\n.cstat-skip { background: #ddd; color: #111; }\n.fstat-skip { background: #ddd; color: #111 !important; }\n.cbranch-skip { background: #ddd !important; color: #111; }\n\nspan.cline-neutral { background: #eaeaea; }\n.medium { background: #eaeaea; }\n\n.cover-fill, .cover-empty {\n  display:inline-block;\n  height: 12px;\n}\n.chart {\n  line-height: 0;\n}\n.cover-empty {\n    background: white;\n}\n.cover-full {\n    border-right: none !important;\n}\npre.prettyprint {\n    border: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n.com { color: #999 !important; }\n.ignore-none { color: #999; font-weight: normal; }\n\n.wrapper {\n  min-height: 100%;\n  height: auto !important;\n  height: 100%;\n  margin: 0 auto -48px;\n}\n.footer, .push {\n  height: 48px;\n}\n"
  },
  {
    "path": "src/lcov-report/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for All files</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"prettify.css\" />\n    <link rel=\"stylesheet\" href=\"base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      All files\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0.87% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>10/1156</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/308</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">4.97% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>8/161</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">1.81% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>10/553</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file low\" data-value=\"src\"><a href=\"src/index.html\">src</a></td>\n\t<td data-value=\"4.1\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 4%;\"></div><div class=\"cover-empty\" style=\"width:96%;\"></div></div></td>\n\t<td data-value=\"4.1\" class=\"pct low\">4.1%</td>\n\t<td data-value=\"244\" class=\"abs low\">10/244</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"88.89\" class=\"pct high\">88.89%</td>\n\t<td data-value=\"9\" class=\"abs high\">8/9</td>\n\t<td data-value=\"6.13\" class=\"pct low\">6.13%</td>\n\t<td data-value=\"163\" class=\"abs low\">10/163</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"src/Attention\"><a href=\"src/Attention/index.html\">src/Attention</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"108\" class=\"abs low\">0/108</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"36\" class=\"abs low\">0/36</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"18\" class=\"abs low\">0/18</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"45\" class=\"abs low\">0/45</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"src/Bounce\"><a href=\"src/Bounce/index.html\">src/Bounce</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"132\" class=\"abs low\">0/132</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"44\" class=\"abs low\">0/44</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"22\" class=\"abs low\">0/22</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"55\" class=\"abs low\">0/55</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"src/Especials\"><a href=\"src/Especials/index.html\">src/Especials</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"36\" class=\"abs low\">0/36</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"15\" class=\"abs low\">0/15</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"src/Fade\"><a href=\"src/Fade/index.html\">src/Fade</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"216\" class=\"abs low\">0/216</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"72\" class=\"abs low\">0/72</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"36\" class=\"abs low\">0/36</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"90\" class=\"abs low\">0/90</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"src/Flip\"><a href=\"src/Flip/index.html\">src/Flip</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"60\" class=\"abs low\">0/60</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"20\" class=\"abs low\">0/20</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"10\" class=\"abs low\">0/10</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"25\" class=\"abs low\">0/25</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"src/LightSpeed\"><a href=\"src/LightSpeed/index.html\">src/LightSpeed</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"24\" class=\"abs low\">0/24</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"8\" class=\"abs low\">0/8</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"10\" class=\"abs low\">0/10</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"src/Rotate\"><a href=\"src/Rotate/index.html\">src/Rotate</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"120\" class=\"abs low\">0/120</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"40\" class=\"abs low\">0/40</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"20\" class=\"abs low\">0/20</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"50\" class=\"abs low\">0/50</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"src/Slide\"><a href=\"src/Slide/index.html\">src/Slide</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"96\" class=\"abs low\">0/96</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"32\" class=\"abs low\">0/32</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"16\" class=\"abs low\">0/16</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"40\" class=\"abs low\">0/40</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"src/Zoom\"><a href=\"src/Zoom/index.html\">src/Zoom</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"120\" class=\"abs low\">0/120</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"40\" class=\"abs low\">0/40</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"20\" class=\"abs low\">0/20</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"60\" class=\"abs low\">0/60</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/prettify.css",
    "content": ".pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}\n"
  },
  {
    "path": "src/lcov-report/prettify.js",
    "content": "window.PR_SHOULD_USE_CONTINUATION=true;(function(){var h=[\"break,continue,do,else,for,if,return,while\"];var u=[h,\"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile\"];var p=[u,\"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof\"];var l=[p,\"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where\"];var x=[p,\"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient\"];var R=[x,\"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var\"];var r=\"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes\";var w=[p,\"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN\"];var s=\"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END\";var I=[h,\"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None\"];var f=[h,\"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END\"];var H=[h,\"case,done,elif,esac,eval,fi,function,in,local,set,then,until\"];var A=[l,R,w,s+I,f,H];var e=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\\d*)/;var C=\"str\";var z=\"kwd\";var j=\"com\";var O=\"typ\";var G=\"lit\";var L=\"pun\";var F=\"pln\";var m=\"tag\";var E=\"dec\";var J=\"src\";var P=\"atn\";var n=\"atv\";var N=\"nocode\";var M=\"(?:^^\\\\.?|[+-]|\\\\!|\\\\!=|\\\\!==|\\\\#|\\\\%|\\\\%=|&|&&|&&=|&=|\\\\(|\\\\*|\\\\*=|\\\\+=|\\\\,|\\\\-=|\\\\->|\\\\/|\\\\/=|:|::|\\\\;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\\\?|\\\\@|\\\\[|\\\\^|\\\\^=|\\\\^\\\\^|\\\\^\\\\^=|\\\\{|\\\\||\\\\|=|\\\\|\\\\||\\\\|\\\\|=|\\\\~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\\\s*\";function k(Z){var ad=0;var S=false;var ac=false;for(var V=0,U=Z.length;V<U;++V){var ae=Z[V];if(ae.ignoreCase){ac=true}else{if(/[a-z]/i.test(ae.source.replace(/\\\\u[0-9a-f]{4}|\\\\x[0-9a-f]{2}|\\\\[^ux]/gi,\"\"))){S=true;ac=false;break}}}var Y={b:8,t:9,n:10,v:11,f:12,r:13};function ab(ah){var ag=ah.charCodeAt(0);if(ag!==92){return ag}var af=ah.charAt(1);ag=Y[af];if(ag){return ag}else{if(\"0\"<=af&&af<=\"7\"){return parseInt(ah.substring(1),8)}else{if(af===\"u\"||af===\"x\"){return parseInt(ah.substring(2),16)}else{return ah.charCodeAt(1)}}}}function T(af){if(af<32){return(af<16?\"\\\\x0\":\"\\\\x\")+af.toString(16)}var ag=String.fromCharCode(af);if(ag===\"\\\\\"||ag===\"-\"||ag===\"[\"||ag===\"]\"){ag=\"\\\\\"+ag}return ag}function X(am){var aq=am.substring(1,am.length-1).match(new RegExp(\"\\\\\\\\u[0-9A-Fa-f]{4}|\\\\\\\\x[0-9A-Fa-f]{2}|\\\\\\\\[0-3][0-7]{0,2}|\\\\\\\\[0-7]{1,2}|\\\\\\\\[\\\\s\\\\S]|-|[^-\\\\\\\\]\",\"g\"));var ak=[];var af=[];var ao=aq[0]===\"^\";for(var ar=ao?1:0,aj=aq.length;ar<aj;++ar){var ah=aq[ar];if(/\\\\[bdsw]/i.test(ah)){ak.push(ah)}else{var ag=ab(ah);var al;if(ar+2<aj&&\"-\"===aq[ar+1]){al=ab(aq[ar+2]);ar+=2}else{al=ag}af.push([ag,al]);if(!(al<65||ag>122)){if(!(al<65||ag>90)){af.push([Math.max(65,ag)|32,Math.min(al,90)|32])}if(!(al<97||ag>122)){af.push([Math.max(97,ag)&~32,Math.min(al,122)&~32])}}}}af.sort(function(av,au){return(av[0]-au[0])||(au[1]-av[1])});var ai=[];var ap=[NaN,NaN];for(var ar=0;ar<af.length;++ar){var at=af[ar];if(at[0]<=ap[1]+1){ap[1]=Math.max(ap[1],at[1])}else{ai.push(ap=at)}}var an=[\"[\"];if(ao){an.push(\"^\")}an.push.apply(an,ak);for(var ar=0;ar<ai.length;++ar){var at=ai[ar];an.push(T(at[0]));if(at[1]>at[0]){if(at[1]+1>at[0]){an.push(\"-\")}an.push(T(at[1]))}}an.push(\"]\");return an.join(\"\")}function W(al){var aj=al.source.match(new RegExp(\"(?:\\\\[(?:[^\\\\x5C\\\\x5D]|\\\\\\\\[\\\\s\\\\S])*\\\\]|\\\\\\\\u[A-Fa-f0-9]{4}|\\\\\\\\x[A-Fa-f0-9]{2}|\\\\\\\\[0-9]+|\\\\\\\\[^ux0-9]|\\\\(\\\\?[:!=]|[\\\\(\\\\)\\\\^]|[^\\\\x5B\\\\x5C\\\\(\\\\)\\\\^]+)\",\"g\"));var ah=aj.length;var an=[];for(var ak=0,am=0;ak<ah;++ak){var ag=aj[ak];if(ag===\"(\"){++am}else{if(\"\\\\\"===ag.charAt(0)){var af=+ag.substring(1);if(af&&af<=am){an[af]=-1}}}}for(var ak=1;ak<an.length;++ak){if(-1===an[ak]){an[ak]=++ad}}for(var ak=0,am=0;ak<ah;++ak){var ag=aj[ak];if(ag===\"(\"){++am;if(an[am]===undefined){aj[ak]=\"(?:\"}}else{if(\"\\\\\"===ag.charAt(0)){var af=+ag.substring(1);if(af&&af<=am){aj[ak]=\"\\\\\"+an[am]}}}}for(var ak=0,am=0;ak<ah;++ak){if(\"^\"===aj[ak]&&\"^\"!==aj[ak+1]){aj[ak]=\"\"}}if(al.ignoreCase&&S){for(var ak=0;ak<ah;++ak){var ag=aj[ak];var ai=ag.charAt(0);if(ag.length>=2&&ai===\"[\"){aj[ak]=X(ag)}else{if(ai!==\"\\\\\"){aj[ak]=ag.replace(/[a-zA-Z]/g,function(ao){var ap=ao.charCodeAt(0);return\"[\"+String.fromCharCode(ap&~32,ap|32)+\"]\"})}}}}return aj.join(\"\")}var aa=[];for(var V=0,U=Z.length;V<U;++V){var ae=Z[V];if(ae.global||ae.multiline){throw new Error(\"\"+ae)}aa.push(\"(?:\"+W(ae)+\")\")}return new RegExp(aa.join(\"|\"),ac?\"gi\":\"g\")}function a(V){var U=/(?:^|\\s)nocode(?:\\s|$)/;var X=[];var T=0;var Z=[];var W=0;var S;if(V.currentStyle){S=V.currentStyle.whiteSpace}else{if(window.getComputedStyle){S=document.defaultView.getComputedStyle(V,null).getPropertyValue(\"white-space\")}}var Y=S&&\"pre\"===S.substring(0,3);function aa(ab){switch(ab.nodeType){case 1:if(U.test(ab.className)){return}for(var ae=ab.firstChild;ae;ae=ae.nextSibling){aa(ae)}var ad=ab.nodeName;if(\"BR\"===ad||\"LI\"===ad){X[W]=\"\\n\";Z[W<<1]=T++;Z[(W++<<1)|1]=ab}break;case 3:case 4:var ac=ab.nodeValue;if(ac.length){if(!Y){ac=ac.replace(/[ \\t\\r\\n]+/g,\" \")}else{ac=ac.replace(/\\r\\n?/g,\"\\n\")}X[W]=ac;Z[W<<1]=T;T+=ac.length;Z[(W++<<1)|1]=ab}break}}aa(V);return{sourceCode:X.join(\"\").replace(/\\n$/,\"\"),spans:Z}}function B(S,U,W,T){if(!U){return}var V={sourceCode:U,basePos:S};W(V);T.push.apply(T,V.decorations)}var v=/\\S/;function o(S){var V=undefined;for(var U=S.firstChild;U;U=U.nextSibling){var T=U.nodeType;V=(T===1)?(V?S:U):(T===3)?(v.test(U.nodeValue)?S:V):V}return V===S?undefined:V}function g(U,T){var S={};var V;(function(){var ad=U.concat(T);var ah=[];var ag={};for(var ab=0,Z=ad.length;ab<Z;++ab){var Y=ad[ab];var ac=Y[3];if(ac){for(var ae=ac.length;--ae>=0;){S[ac.charAt(ae)]=Y}}var af=Y[1];var aa=\"\"+af;if(!ag.hasOwnProperty(aa)){ah.push(af);ag[aa]=null}}ah.push(/[\\0-\\uffff]/);V=k(ah)})();var X=T.length;var W=function(ah){var Z=ah.sourceCode,Y=ah.basePos;var ad=[Y,F];var af=0;var an=Z.match(V)||[];var aj={};for(var ae=0,aq=an.length;ae<aq;++ae){var ag=an[ae];var ap=aj[ag];var ai=void 0;var am;if(typeof ap===\"string\"){am=false}else{var aa=S[ag.charAt(0)];if(aa){ai=ag.match(aa[1]);ap=aa[0]}else{for(var ao=0;ao<X;++ao){aa=T[ao];ai=ag.match(aa[1]);if(ai){ap=aa[0];break}}if(!ai){ap=F}}am=ap.length>=5&&\"lang-\"===ap.substring(0,5);if(am&&!(ai&&typeof ai[1]===\"string\")){am=false;ap=J}if(!am){aj[ag]=ap}}var ab=af;af+=ag.length;if(!am){ad.push(Y+ab,ap)}else{var al=ai[1];var ak=ag.indexOf(al);var ac=ak+al.length;if(ai[2]){ac=ag.length-ai[2].length;ak=ac-al.length}var ar=ap.substring(5);B(Y+ab,ag.substring(0,ak),W,ad);B(Y+ab+ak,al,q(ar,al),ad);B(Y+ab+ac,ag.substring(ac),W,ad)}}ah.decorations=ad};return W}function i(T){var W=[],S=[];if(T.tripleQuotedStrings){W.push([C,/^(?:\\'\\'\\'(?:[^\\'\\\\]|\\\\[\\s\\S]|\\'{1,2}(?=[^\\']))*(?:\\'\\'\\'|$)|\\\"\\\"\\\"(?:[^\\\"\\\\]|\\\\[\\s\\S]|\\\"{1,2}(?=[^\\\"]))*(?:\\\"\\\"\\\"|$)|\\'(?:[^\\\\\\']|\\\\[\\s\\S])*(?:\\'|$)|\\\"(?:[^\\\\\\\"]|\\\\[\\s\\S])*(?:\\\"|$))/,null,\"'\\\"\"])}else{if(T.multiLineStrings){W.push([C,/^(?:\\'(?:[^\\\\\\']|\\\\[\\s\\S])*(?:\\'|$)|\\\"(?:[^\\\\\\\"]|\\\\[\\s\\S])*(?:\\\"|$)|\\`(?:[^\\\\\\`]|\\\\[\\s\\S])*(?:\\`|$))/,null,\"'\\\"`\"])}else{W.push([C,/^(?:\\'(?:[^\\\\\\'\\r\\n]|\\\\.)*(?:\\'|$)|\\\"(?:[^\\\\\\\"\\r\\n]|\\\\.)*(?:\\\"|$))/,null,\"\\\"'\"])}}if(T.verbatimStrings){S.push([C,/^@\\\"(?:[^\\\"]|\\\"\\\")*(?:\\\"|$)/,null])}var Y=T.hashComments;if(Y){if(T.cStyleComments){if(Y>1){W.push([j,/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,null,\"#\"])}else{W.push([j,/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\\b|[^\\r\\n]*)/,null,\"#\"])}S.push([C,/^<(?:(?:(?:\\.\\.\\/)*|\\/?)(?:[\\w-]+(?:\\/[\\w-]+)+)?[\\w-]+\\.h|[a-z]\\w*)>/,null])}else{W.push([j,/^#[^\\r\\n]*/,null,\"#\"])}}if(T.cStyleComments){S.push([j,/^\\/\\/[^\\r\\n]*/,null]);S.push([j,/^\\/\\*[\\s\\S]*?(?:\\*\\/|$)/,null])}if(T.regexLiterals){var X=(\"/(?=[^/*])(?:[^/\\\\x5B\\\\x5C]|\\\\x5C[\\\\s\\\\S]|\\\\x5B(?:[^\\\\x5C\\\\x5D]|\\\\x5C[\\\\s\\\\S])*(?:\\\\x5D|$))+/\");S.push([\"lang-regex\",new RegExp(\"^\"+M+\"(\"+X+\")\")])}var V=T.types;if(V){S.push([O,V])}var U=(\"\"+T.keywords).replace(/^ | $/g,\"\");if(U.length){S.push([z,new RegExp(\"^(?:\"+U.replace(/[\\s,]+/g,\"|\")+\")\\\\b\"),null])}W.push([F,/^\\s+/,null,\" \\r\\n\\t\\xA0\"]);S.push([G,/^@[a-z_$][a-z_$@0-9]*/i,null],[O,/^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\\w+_t\\b)/,null],[F,/^[a-z_$][a-z_$@0-9]*/i,null],[G,new RegExp(\"^(?:0x[a-f0-9]+|(?:\\\\d(?:_\\\\d+)*\\\\d*(?:\\\\.\\\\d*)?|\\\\.\\\\d\\\\+)(?:e[+\\\\-]?\\\\d+)?)[a-z]*\",\"i\"),null,\"0123456789\"],[F,/^\\\\[\\s\\S]?/,null],[L,/^.[^\\s\\w\\.$@\\'\\\"\\`\\/\\#\\\\]*/,null]);return g(W,S)}var K=i({keywords:A,hashComments:true,cStyleComments:true,multiLineStrings:true,regexLiterals:true});function Q(V,ag){var U=/(?:^|\\s)nocode(?:\\s|$)/;var ab=/\\r\\n?|\\n/;var ac=V.ownerDocument;var S;if(V.currentStyle){S=V.currentStyle.whiteSpace}else{if(window.getComputedStyle){S=ac.defaultView.getComputedStyle(V,null).getPropertyValue(\"white-space\")}}var Z=S&&\"pre\"===S.substring(0,3);var af=ac.createElement(\"LI\");while(V.firstChild){af.appendChild(V.firstChild)}var W=[af];function ae(al){switch(al.nodeType){case 1:if(U.test(al.className)){break}if(\"BR\"===al.nodeName){ad(al);if(al.parentNode){al.parentNode.removeChild(al)}}else{for(var an=al.firstChild;an;an=an.nextSibling){ae(an)}}break;case 3:case 4:if(Z){var am=al.nodeValue;var aj=am.match(ab);if(aj){var ai=am.substring(0,aj.index);al.nodeValue=ai;var ah=am.substring(aj.index+aj[0].length);if(ah){var ak=al.parentNode;ak.insertBefore(ac.createTextNode(ah),al.nextSibling)}ad(al);if(!ai){al.parentNode.removeChild(al)}}}break}}function ad(ak){while(!ak.nextSibling){ak=ak.parentNode;if(!ak){return}}function ai(al,ar){var aq=ar?al.cloneNode(false):al;var ao=al.parentNode;if(ao){var ap=ai(ao,1);var an=al.nextSibling;ap.appendChild(aq);for(var am=an;am;am=an){an=am.nextSibling;ap.appendChild(am)}}return aq}var ah=ai(ak.nextSibling,0);for(var aj;(aj=ah.parentNode)&&aj.nodeType===1;){ah=aj}W.push(ah)}for(var Y=0;Y<W.length;++Y){ae(W[Y])}if(ag===(ag|0)){W[0].setAttribute(\"value\",ag)}var aa=ac.createElement(\"OL\");aa.className=\"linenums\";var X=Math.max(0,((ag-1))|0)||0;for(var Y=0,T=W.length;Y<T;++Y){af=W[Y];af.className=\"L\"+((Y+X)%10);if(!af.firstChild){af.appendChild(ac.createTextNode(\"\\xA0\"))}aa.appendChild(af)}V.appendChild(aa)}function D(ac){var aj=/\\bMSIE\\b/.test(navigator.userAgent);var am=/\\n/g;var al=ac.sourceCode;var an=al.length;var V=0;var aa=ac.spans;var T=aa.length;var ah=0;var X=ac.decorations;var Y=X.length;var Z=0;X[Y]=an;var ar,aq;for(aq=ar=0;aq<Y;){if(X[aq]!==X[aq+2]){X[ar++]=X[aq++];X[ar++]=X[aq++]}else{aq+=2}}Y=ar;for(aq=ar=0;aq<Y;){var at=X[aq];var ab=X[aq+1];var W=aq+2;while(W+2<=Y&&X[W+1]===ab){W+=2}X[ar++]=at;X[ar++]=ab;aq=W}Y=X.length=ar;var ae=null;while(ah<T){var af=aa[ah];var S=aa[ah+2]||an;var ag=X[Z];var ap=X[Z+2]||an;var W=Math.min(S,ap);var ak=aa[ah+1];var U;if(ak.nodeType!==1&&(U=al.substring(V,W))){if(aj){U=U.replace(am,\"\\r\")}ak.nodeValue=U;var ai=ak.ownerDocument;var ao=ai.createElement(\"SPAN\");ao.className=X[Z+1];var ad=ak.parentNode;ad.replaceChild(ao,ak);ao.appendChild(ak);if(V<S){aa[ah+1]=ak=ai.createTextNode(al.substring(W,S));ad.insertBefore(ak,ao.nextSibling)}}V=W;if(V>=S){ah+=2}if(V>=ap){Z+=2}}}var t={};function c(U,V){for(var S=V.length;--S>=0;){var T=V[S];if(!t.hasOwnProperty(T)){t[T]=U}else{if(window.console){console.warn(\"cannot override language handler %s\",T)}}}}function q(T,S){if(!(T&&t.hasOwnProperty(T))){T=/^\\s*</.test(S)?\"default-markup\":\"default-code\"}return t[T]}c(K,[\"default-code\"]);c(g([],[[F,/^[^<?]+/],[E,/^<!\\w[^>]*(?:>|$)/],[j,/^<\\!--[\\s\\S]*?(?:-\\->|$)/],[\"lang-\",/^<\\?([\\s\\S]+?)(?:\\?>|$)/],[\"lang-\",/^<%([\\s\\S]+?)(?:%>|$)/],[L,/^(?:<[%?]|[%?]>)/],[\"lang-\",/^<xmp\\b[^>]*>([\\s\\S]+?)<\\/xmp\\b[^>]*>/i],[\"lang-js\",/^<script\\b[^>]*>([\\s\\S]*?)(<\\/script\\b[^>]*>)/i],[\"lang-css\",/^<style\\b[^>]*>([\\s\\S]*?)(<\\/style\\b[^>]*>)/i],[\"lang-in.tag\",/^(<\\/?[a-z][^<>]*>)/i]]),[\"default-markup\",\"htm\",\"html\",\"mxml\",\"xhtml\",\"xml\",\"xsl\"]);c(g([[F,/^[\\s]+/,null,\" \\t\\r\\n\"],[n,/^(?:\\\"[^\\\"]*\\\"?|\\'[^\\']*\\'?)/,null,\"\\\"'\"]],[[m,/^^<\\/?[a-z](?:[\\w.:-]*\\w)?|\\/?>$/i],[P,/^(?!style[\\s=]|on)[a-z](?:[\\w:-]*\\w)?/i],[\"lang-uq.val\",/^=\\s*([^>\\'\\\"\\s]*(?:[^>\\'\\\"\\s\\/]|\\/(?=\\s)))/],[L,/^[=<>\\/]+/],[\"lang-js\",/^on\\w+\\s*=\\s*\\\"([^\\\"]+)\\\"/i],[\"lang-js\",/^on\\w+\\s*=\\s*\\'([^\\']+)\\'/i],[\"lang-js\",/^on\\w+\\s*=\\s*([^\\\"\\'>\\s]+)/i],[\"lang-css\",/^style\\s*=\\s*\\\"([^\\\"]+)\\\"/i],[\"lang-css\",/^style\\s*=\\s*\\'([^\\']+)\\'/i],[\"lang-css\",/^style\\s*=\\s*([^\\\"\\'>\\s]+)/i]]),[\"in.tag\"]);c(g([],[[n,/^[\\s\\S]+/]]),[\"uq.val\"]);c(i({keywords:l,hashComments:true,cStyleComments:true,types:e}),[\"c\",\"cc\",\"cpp\",\"cxx\",\"cyc\",\"m\"]);c(i({keywords:\"null,true,false\"}),[\"json\"]);c(i({keywords:R,hashComments:true,cStyleComments:true,verbatimStrings:true,types:e}),[\"cs\"]);c(i({keywords:x,cStyleComments:true}),[\"java\"]);c(i({keywords:H,hashComments:true,multiLineStrings:true}),[\"bsh\",\"csh\",\"sh\"]);c(i({keywords:I,hashComments:true,multiLineStrings:true,tripleQuotedStrings:true}),[\"cv\",\"py\"]);c(i({keywords:s,hashComments:true,multiLineStrings:true,regexLiterals:true}),[\"perl\",\"pl\",\"pm\"]);c(i({keywords:f,hashComments:true,multiLineStrings:true,regexLiterals:true}),[\"rb\"]);c(i({keywords:w,cStyleComments:true,regexLiterals:true}),[\"js\"]);c(i({keywords:r,hashComments:3,cStyleComments:true,multilineStrings:true,tripleQuotedStrings:true,regexLiterals:true}),[\"coffee\"]);c(g([],[[C,/^[\\s\\S]+/]]),[\"regex\"]);function d(V){var U=V.langExtension;try{var S=a(V.sourceNode);var T=S.sourceCode;V.sourceCode=T;V.spans=S.spans;V.basePos=0;q(U,T)(V);D(V)}catch(W){if(\"console\" in window){console.log(W&&W.stack?W.stack:W)}}}function y(W,V,U){var S=document.createElement(\"PRE\");S.innerHTML=W;if(U){Q(S,U)}var T={langExtension:V,numberLines:U,sourceNode:S};d(T);return S.innerHTML}function b(ad){function Y(af){return document.getElementsByTagName(af)}var ac=[Y(\"pre\"),Y(\"code\"),Y(\"xmp\")];var T=[];for(var aa=0;aa<ac.length;++aa){for(var Z=0,V=ac[aa].length;Z<V;++Z){T.push(ac[aa][Z])}}ac=null;var W=Date;if(!W.now){W={now:function(){return +(new Date)}}}var X=0;var S;var ab=/\\blang(?:uage)?-([\\w.]+)(?!\\S)/;var ae=/\\bprettyprint\\b/;function U(){var ag=(window.PR_SHOULD_USE_CONTINUATION?W.now()+250:Infinity);for(;X<T.length&&W.now()<ag;X++){var aj=T[X];var ai=aj.className;if(ai.indexOf(\"prettyprint\")>=0){var ah=ai.match(ab);var am;if(!ah&&(am=o(aj))&&\"CODE\"===am.tagName){ah=am.className.match(ab)}if(ah){ah=ah[1]}var al=false;for(var ak=aj.parentNode;ak;ak=ak.parentNode){if((ak.tagName===\"pre\"||ak.tagName===\"code\"||ak.tagName===\"xmp\")&&ak.className&&ak.className.indexOf(\"prettyprint\")>=0){al=true;break}}if(!al){var af=aj.className.match(/\\blinenums\\b(?::(\\d+))?/);af=af?af[1]&&af[1].length?+af[1]:true:false;if(af){Q(aj,af)}S={langExtension:ah,sourceNode:aj,numberLines:af};d(S)}}}if(X<T.length){setTimeout(U,250)}else{if(ad){ad()}}}U()}window.prettyPrintOne=y;window.prettyPrint=b;window.PR={createSimpleLexer:g,registerLangHandler:c,sourceDecorator:i,PR_ATTRIB_NAME:P,PR_ATTRIB_VALUE:n,PR_COMMENT:j,PR_DECLARATION:E,PR_KEYWORD:z,PR_LITERAL:G,PR_NOCODE:N,PR_PLAIN:F,PR_PUNCTUATION:L,PR_SOURCE:J,PR_STRING:C,PR_TAG:m,PR_TYPE:O}})();PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_DECLARATION,/^<!\\w[^>]*(?:>|$)/],[PR.PR_COMMENT,/^<\\!--[\\s\\S]*?(?:-\\->|$)/],[PR.PR_PUNCTUATION,/^(?:<[%?]|[%?]>)/],[\"lang-\",/^<\\?([\\s\\S]+?)(?:\\?>|$)/],[\"lang-\",/^<%([\\s\\S]+?)(?:%>|$)/],[\"lang-\",/^<xmp\\b[^>]*>([\\s\\S]+?)<\\/xmp\\b[^>]*>/i],[\"lang-handlebars\",/^<script\\b[^>]*type\\s*=\\s*['\"]?text\\/x-handlebars-template['\"]?\\b[^>]*>([\\s\\S]*?)(<\\/script\\b[^>]*>)/i],[\"lang-js\",/^<script\\b[^>]*>([\\s\\S]*?)(<\\/script\\b[^>]*>)/i],[\"lang-css\",/^<style\\b[^>]*>([\\s\\S]*?)(<\\/style\\b[^>]*>)/i],[\"lang-in.tag\",/^(<\\/?[a-z][^<>]*>)/i],[PR.PR_DECLARATION,/^{{[#^>/]?\\s*[\\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{&?\\s*[\\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{{>?\\s*[\\w.][^}]*}}}/],[PR.PR_COMMENT,/^{{![^}]*}}/]]),[\"handlebars\",\"hbs\"]);PR.registerLangHandler(PR.createSimpleLexer([[PR.PR_PLAIN,/^[ \\t\\r\\n\\f]+/,null,\" \\t\\r\\n\\f\"]],[[PR.PR_STRING,/^\\\"(?:[^\\n\\r\\f\\\\\\\"]|\\\\(?:\\r\\n?|\\n|\\f)|\\\\[\\s\\S])*\\\"/,null],[PR.PR_STRING,/^\\'(?:[^\\n\\r\\f\\\\\\']|\\\\(?:\\r\\n?|\\n|\\f)|\\\\[\\s\\S])*\\'/,null],[\"lang-css-str\",/^url\\(([^\\)\\\"\\']*)\\)/i],[PR.PR_KEYWORD,/^(?:url|rgb|\\!important|@import|@page|@media|@charset|inherit)(?=[^\\-\\w]|$)/i,null],[\"lang-css-kw\",/^(-?(?:[_a-z]|(?:\\\\[0-9a-f]+ ?))(?:[_a-z0-9\\-]|\\\\(?:\\\\[0-9a-f]+ ?))*)\\s*:/i],[PR.PR_COMMENT,/^\\/\\*[^*]*\\*+(?:[^\\/*][^*]*\\*+)*\\//],[PR.PR_COMMENT,/^(?:<!--|-->)/],[PR.PR_LITERAL,/^(?:\\d+|\\d*\\.\\d+)(?:%|[a-z]+)?/i],[PR.PR_LITERAL,/^#(?:[0-9a-f]{3}){1,2}/i],[PR.PR_PLAIN,/^-?(?:[_a-z]|(?:\\\\[\\da-f]+ ?))(?:[_a-z\\d\\-]|\\\\(?:\\\\[\\da-f]+ ?))*/i],[PR.PR_PUNCTUATION,/^[^\\s\\w\\'\\\"]+/]]),[\"css\"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_KEYWORD,/^-?(?:[_a-z]|(?:\\\\[\\da-f]+ ?))(?:[_a-z\\d\\-]|\\\\(?:\\\\[\\da-f]+ ?))*/i]]),[\"css-kw\"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_STRING,/^[^\\)\\\"\\']+/]]),[\"css-str\"]);\n"
  },
  {
    "path": "src/lcov-report/sorter.js",
    "content": "var addSorting = (function () {\n    \"use strict\";\n    var cols,\n        currentSort = {\n            index: 0,\n            desc: false\n        };\n\n    // returns the summary table element\n    function getTable() { return document.querySelector('.coverage-summary'); }\n    // returns the thead element of the summary table\n    function getTableHeader() { return getTable().querySelector('thead tr'); }\n    // returns the tbody element of the summary table\n    function getTableBody() { return getTable().querySelector('tbody'); }\n    // returns the th element for nth column\n    function getNthColumn(n) { return getTableHeader().querySelectorAll('th')[n]; }\n\n    // loads all columns\n    function loadColumns() {\n        var colNodes = getTableHeader().querySelectorAll('th'),\n            colNode,\n            cols = [],\n            col,\n            i;\n\n        for (i = 0; i < colNodes.length; i += 1) {\n            colNode = colNodes[i];\n            col = {\n                key: colNode.getAttribute('data-col'),\n                sortable: !colNode.getAttribute('data-nosort'),\n                type: colNode.getAttribute('data-type') || 'string'\n            };\n            cols.push(col);\n            if (col.sortable) {\n                col.defaultDescSort = col.type === 'number';\n                colNode.innerHTML = colNode.innerHTML + '<span class=\"sorter\"></span>';\n            }\n        }\n        return cols;\n    }\n    // attaches a data attribute to every tr element with an object\n    // of data values keyed by column name\n    function loadRowData(tableRow) {\n        var tableCols = tableRow.querySelectorAll('td'),\n            colNode,\n            col,\n            data = {},\n            i,\n            val;\n        for (i = 0; i < tableCols.length; i += 1) {\n            colNode = tableCols[i];\n            col = cols[i];\n            val = colNode.getAttribute('data-value');\n            if (col.type === 'number') {\n                val = Number(val);\n            }\n            data[col.key] = val;\n        }\n        return data;\n    }\n    // loads all row data\n    function loadData() {\n        var rows = getTableBody().querySelectorAll('tr'),\n            i;\n\n        for (i = 0; i < rows.length; i += 1) {\n            rows[i].data = loadRowData(rows[i]);\n        }\n    }\n    // sorts the table using the data for the ith column\n    function sortByIndex(index, desc) {\n        var key = cols[index].key,\n            sorter = function (a, b) {\n                a = a.data[key];\n                b = b.data[key];\n                return a < b ? -1 : a > b ? 1 : 0;\n            },\n            finalSorter = sorter,\n            tableBody = document.querySelector('.coverage-summary tbody'),\n            rowNodes = tableBody.querySelectorAll('tr'),\n            rows = [],\n            i;\n\n        if (desc) {\n            finalSorter = function (a, b) {\n                return -1 * sorter(a, b);\n            };\n        }\n\n        for (i = 0; i < rowNodes.length; i += 1) {\n            rows.push(rowNodes[i]);\n            tableBody.removeChild(rowNodes[i]);\n        }\n\n        rows.sort(finalSorter);\n\n        for (i = 0; i < rows.length; i += 1) {\n            tableBody.appendChild(rows[i]);\n        }\n    }\n    // removes sort indicators for current column being sorted\n    function removeSortIndicators() {\n        var col = getNthColumn(currentSort.index),\n            cls = col.className;\n\n        cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');\n        col.className = cls;\n    }\n    // adds sort indicators for current column being sorted\n    function addSortIndicators() {\n        getNthColumn(currentSort.index).className += currentSort.desc ? ' sorted-desc' : ' sorted';\n    }\n    // adds event listeners for all sorter widgets\n    function enableUI() {\n        var i,\n            el,\n            ithSorter = function ithSorter(i) {\n                var col = cols[i];\n\n                return function () {\n                    var desc = col.defaultDescSort;\n\n                    if (currentSort.index === i) {\n                        desc = !currentSort.desc;\n                    }\n                    sortByIndex(i, desc);\n                    removeSortIndicators();\n                    currentSort.index = i;\n                    currentSort.desc = desc;\n                    addSortIndicators();\n                };\n            };\n        for (i =0 ; i < cols.length; i += 1) {\n            if (cols[i].sortable) {\n                // add the click event handler on the th so users\n                // dont have to click on those tiny arrows\n                el = getNthColumn(i).querySelector('.sorter').parentElement;\n                if (el.addEventListener) {\n                    el.addEventListener('click', ithSorter(i));\n                } else {\n                    el.attachEvent('onclick', ithSorter(i));\n                }\n            }\n        }\n    }\n    // adds sorting functionality to the UI\n    return function () {\n        if (!getTable()) {\n            return;\n        }\n        cols = loadColumns();\n        loadData(cols);\n        addSortIndicators();\n        enableUI();\n    };\n})();\n\nwindow.addEventListener('load', addSorting);\n"
  },
  {
    "path": "src/lcov-report/src/Attention/Flash.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Attention/Flash.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Attention</a> Flash.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst flashAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from, 50%, to {\n     opacity: 1;\n   }\n&nbsp;\n   25%, 75% {\n     opacity: 0;\n   }\n`;\n&nbsp;\nconst Flash <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name<span class=\"cstat-no\" title=\"statement not covered\" >: ${flashAnimation};</span>\n`;\n&nbsp;\nexport default Flash;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Attention/HeadShake.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Attention/HeadShake.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Attention</a> HeadShake.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst HeadShakeAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  0% {\n     transform: translateX(0);\n   }\n&nbsp;\n   6.5% {\n     transform: translateX(-6px) rotateY(-9deg);\n   }\n&nbsp;\n   18.5% {\n     transform: translateX(5px) rotateY(7deg);\n   }\n&nbsp;\n   31.5% {\n     transform: translateX(-3px) rotateY(-5deg);\n   }\n&nbsp;\n   43.5% {\n     transform: translateX(2px) rotateY(3deg);\n   }\n&nbsp;\n   50% {\n     transform: translateX(0);\n   }\n`;\n&nbsp;\nconst HeadShake <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${<span class=\"cstat-no\" title=\"statement not covered\" >HeadShakeAnimation};</span>\n  animation-timing-function: ease-in-out;\n`;\n&nbsp;\nexport default HeadShake;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Attention/Jello.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Attention/Jello.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Attention</a> Jello.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38\n39\n40\n41\n42\n43\n44</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst jelloAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from, 11.1%, to {\n     transform: none;\n   }\n&nbsp;\n   22.2% {\n     transform: skewX(-12.5deg) skewY(-12.5deg);\n   }\n&nbsp;\n   33.3% {\n     transform: skewX(6.25deg) skewY(6.25deg);\n   }\n&nbsp;\n   44.4% {\n     transform: skewX(-3.125deg) skewY(-3.125deg);\n   }\n&nbsp;\n   55.5% {\n     transform: skewX(1.5625deg) skewY(1.5625deg);\n   }\n&nbsp;\n   66.6% {\n     transform: skewX(-0.78125deg) skewY(-0.78125deg);\n   }\n&nbsp;\n   77.7% {\n     transform: skewX(0.390625deg) skewY(0.390625deg);\n   }\n&nbsp;\n   88.8% {\n     transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n   }\n`;\n&nbsp;\nconst Jello <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name<span class=\"cstat-no\" title=\"statement not covered\" >: ${jelloAnimation};</span>\n  transform-origin: center;\n`;\n&nbsp;\nexport default Jello;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Attention/Pulse.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Attention/Pulse.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Attention</a> Pulse.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst PulseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n&nbsp;\n  50% {\n    transform: scale3d(1.05, 1.05, 1.05);\n  }\n&nbsp;\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n`;\n&nbsp;\nconst Pulse <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name<span class=\"cstat-no\" title=\"statement not covered\" >: ${PulseAnimation};</span>\n`;\n&nbsp;\nexport default Pulse;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Attention/RubberBand.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Attention/RubberBand.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Attention</a> RubberBand.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38\n39</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RubberBandAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform: scale3d(1, 1, 1);\n    }\n&nbsp;\n    30% {\n      transform: scale3d(1.25, 0.75, 1);\n    }\n&nbsp;\n    40% {\n      transform: scale3d(0.75, 1.25, 1);\n    }\n&nbsp;\n    50% {\n      transform: scale3d(1.15, 0.85, 1);\n    }\n&nbsp;\n    65% {\n      transform: scale3d(.95, 1.05, 1);\n    }\n&nbsp;\n    75% {\n      transform: scale3d(1.05, .95, 1);\n    }\n&nbsp;\n    to {\n      transform: scale3d(1, 1, 1);\n    }\n`;\n&nbsp;\nconst RubberBand <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${R<span class=\"cstat-no\" title=\"statement not covered\" >ubberBandAnimation};</span>\n`;\n&nbsp;\nexport default RubberBand;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Attention/Shake.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Attention/Shake.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Attention</a> Shake.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ShakeAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from, to {\n   transform: translate3d(0, 0, 0);\n  }\n&nbsp;\n  10%, 30%, 50%, 70%, 90% {\n   transform: translate3d(-10px, 0, 0);\n  }\n&nbsp;\n  20%, 40%, 60%, 80% {\n   transform: translate3d(10px, 0, 0);\n  }\n`;\n&nbsp;\nconst Shake <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name<span class=\"cstat-no\" title=\"statement not covered\" >: ${ShakeAnimation};</span>\n`;\n&nbsp;\nexport default Shake;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Attention/Swing.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Attention/Swing.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Attention</a> Swing.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst SwingAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  20% {\n    transform: rotate3d(0, 0, 1, 15deg);\n  }\n&nbsp;\n  40% {\n    transform: rotate3d(0, 0, 1, -10deg);\n  }\n&nbsp;\n  60% {\n    transform: rotate3d(0, 0, 1, 5deg);\n  }\n&nbsp;\n  80% {\n    transform: rotate3d(0, 0, 1, -5deg);\n  }\n&nbsp;\n  to {\n    transform: rotate3d(0, 0, 1, 0deg);\n  }\n`;\n&nbsp;\nconst Swing <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name<span class=\"cstat-no\" title=\"statement not covered\" >: ${SwingAnimation};</span>\n  transform-origin: top center;\n`;\n&nbsp;\nexport default Swing;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Attention/Tada.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Attention/Tada.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Attention</a> Tada.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst TadaAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n&nbsp;\n  10%, 20% {\n    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\n  }\n&nbsp;\n  30%, 50%, 70%, 90% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n  }\n&nbsp;\n  40%, 60%, 80% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n  }\n&nbsp;\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n`;\n&nbsp;\nconst Tada <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-nam<span class=\"cstat-no\" title=\"statement not covered\" >e: ${TadaAnimation};</span>\n`;\n&nbsp;\nexport default Tada;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Attention/Wobble.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Attention/Wobble.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Attention</a> Wobble.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38\n39</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst WobbleAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform: none;\n  }\n&nbsp;\n  15% {\n    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n  }\n&nbsp;\n  30% {\n    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n  }\n&nbsp;\n  45% {\n    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n  }\n&nbsp;\n  60% {\n    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n  }\n&nbsp;\n  75% {\n    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n  }\n&nbsp;\n  to {\n    transform: none;\n  }\n`;\n&nbsp;\nconst Wobble <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name:<span class=\"cstat-no\" title=\"statement not covered\" > ${WobbleAnimation};</span>\n`;\n&nbsp;\nexport default Wobble;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Attention/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Attention</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> src/Attention\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/108</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/36</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/18</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/45</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file low\" data-value=\"Flash.js\"><a href=\"Flash.js.html\">Flash.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"HeadShake.js\"><a href=\"HeadShake.js.html\">HeadShake.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Jello.js\"><a href=\"Jello.js.html\">Jello.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Pulse.js\"><a href=\"Pulse.js.html\">Pulse.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"RubberBand.js\"><a href=\"RubberBand.js.html\">RubberBand.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Shake.js\"><a href=\"Shake.js.html\">Shake.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Swing.js\"><a href=\"Swing.js.html\">Swing.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Tada.js\"><a href=\"Tada.js.html\">Tada.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Wobble.js\"><a href=\"Wobble.js.html\">Wobble.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/BaseAnimation.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/BaseAnimation.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../index.html\">All files</a> / <a href=\"index.html\">src</a> BaseAnimation.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">100% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>10/10</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">100% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/0</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">100% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>8/8</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">100% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>10/10</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line high'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-yes\">1x</span>\n<span class=\"cline-any cline-yes\">1x</span>\n<span class=\"cline-any cline-yes\">1x</span>\n<span class=\"cline-any cline-yes\">1x</span>\n<span class=\"cline-any cline-yes\">1x</span>\n<span class=\"cline-any cline-yes\">1x</span>\n<span class=\"cline-any cline-yes\">1x</span>\n<span class=\"cline-any cline-yes\">1x</span>\n<span class=\"cline-any cline-yes\">1x</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-yes\">1x</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled from 'styled-components';\n&nbsp;\nconst BaseAnimation = styled.div`\n  animation-duration: ${props =&gt; props.duration};\n  animation-timing-function: ${props =&gt; props.timingFunction};\n  animation-delay: ${props =&gt; props.delay};\n  animation-iteration-count: ${props =&gt; props.iterationCount};\n  animation-direction: ${props =&gt; props.direction};\n  animation-fill-mode: ${props =&gt; props.fillMode};\n  animation-play-state:  ${props =&gt; props.playState};\n  display: ${props =&gt; props.display};\n`;\n&nbsp;\nBaseAnimation.defaultProps = {\n  duration: '1s',\n  timingFunction: 'ease',\n  delay: '0s',\n  iterationCount: '1',\n  direction: 'normal',\n  fillMode: 'both',\n  playState: 'running',\n  display: 'block'\n}\n&nbsp;\nexport default BaseAnimation;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/In.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/In.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> In.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38\n39\n40\n41\n42</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceInAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from, 20%, 40%, 60%, 80%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n  }\n&nbsp;\n  0% {\n    opacity: 0;\n    transform: scale3d(.3, .3, .3);\n  }\n&nbsp;\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n&nbsp;\n  40% {\n    transform: scale3d(.9, .9, .9);\n  }\n&nbsp;\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n&nbsp;\n  80% {\n    transform: scale3d(.97, .97, .97);\n  }\n&nbsp;\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n`;\n&nbsp;\nconst BounceIn <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: $<span class=\"cstat-no\" title=\"statement not covered\" >{bounceInAnimation};</span>\n`;\n&nbsp;\nexport default BounceIn;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/InDown.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/InDown.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> InDown.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceInDownAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from, 60%, 75%, 90%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n  }\n&nbsp;\n  0% {\n    opacity: 0;\n    transform: translate3d(0, -3000px, 0);\n  }\n&nbsp;\n  60% {\n    opacity: 1;\n    transform: translate3d(0, 25px, 0);\n  }\n&nbsp;\n  75% {\n    transform: translate3d(0, -10px, 0);\n  }\n&nbsp;\n  90% {\n    transform: translate3d(0, 5px, 0);\n  }\n&nbsp;\n  to {\n    transform: none;\n  }\n`;\n&nbsp;\nconst BounceInDown <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${bou<span class=\"cstat-no\" title=\"statement not covered\" >nceInDownAnimation};</span>\n`;\n&nbsp;\nexport default BounceInDown;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/InLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/InLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> InLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceInLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from, 60%, 75%, 90%, to {\n   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n  }\n&nbsp;\n  0% {\n   opacity: 0;\n   transform: translate3d(-3000px, 0, 0);\n  }\n&nbsp;\n  60% {\n   opacity: 1;\n   transform: translate3d(25px, 0, 0);\n  }\n&nbsp;\n  75% {\n   transform: translate3d(-10px, 0, 0);\n  }\n&nbsp;\n  90% {\n   transform: translate3d(5px, 0, 0);\n  }\n&nbsp;\n  to {\n   transform: none;\n  }\n`;\n&nbsp;\nconst BounceInLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${bou<span class=\"cstat-no\" title=\"statement not covered\" >nceInLeftAnimation};</span>\n`;\n&nbsp;\nexport default BounceInLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/InRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/InRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> InRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceInRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from, 60%, 75%, 90%, to {\n     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n   }\n&nbsp;\n   from {\n     opacity: 0;\n     transform: translate3d(3000px, 0, 0);\n   }\n&nbsp;\n   60% {\n     opacity: 1;\n     transform: translate3d(-25px, 0, 0);\n   }\n&nbsp;\n   75% {\n     transform: translate3d(10px, 0, 0);\n   }\n&nbsp;\n   90% {\n     transform: translate3d(-5px, 0, 0);\n   }\n&nbsp;\n   to {\n     transform: none;\n   }\n`;\n&nbsp;\nconst BounceInRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${boun<span class=\"cstat-no\" title=\"statement not covered\" >ceInRightAnimation};</span>\n`;\n&nbsp;\nexport default BounceInRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/InUp.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/InUp.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> InUp.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceInUpAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from, 60%, 75%, 90%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n  }\n&nbsp;\n  from {\n    opacity: 0;\n    transform: translate3d(0, 3000px, 0);\n  }\n&nbsp;\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0);\n  }\n&nbsp;\n  75% {\n    transform: translate3d(0, 10px, 0);\n  }\n&nbsp;\n  90% {\n    transform: translate3d(0, -5px, 0);\n  }\n&nbsp;\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n&nbsp;\nconst BounceInUp <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${b<span class=\"cstat-no\" title=\"statement not covered\" >ounceInUpAnimation};</span>\n`;\n&nbsp;\nexport default BounceInUp;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/Out.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/Out.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> Out.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceOutAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  20% {\n   transform: scale3d(.9, .9, .9);\n  }\n&nbsp;\n  50%, 55% {\n   opacity: 1;\n   transform: scale3d(1.1, 1.1, 1.1);\n  }\n&nbsp;\n  to {\n   opacity: 0;\n   transform: scale3d(.3, .3, .3);\n  }\n`;\n&nbsp;\nconst BounceOut <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${<span class=\"cstat-no\" title=\"statement not covered\" >bounceOutAnimation};</span>\n`;\n&nbsp;\nexport default BounceOut;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/OutDown.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/OutDown.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> OutDown.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceOutDownAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  20% {\n    transform: translate3d(0, 10px, 0);\n  }\n&nbsp;\n  40%, 45% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0);\n  }\n&nbsp;\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n`;\n&nbsp;\nconst BounceOutDown <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${boun<span class=\"cstat-no\" title=\"statement not covered\" >ceOutDownAnimation};</span>\n`;\n&nbsp;\nexport default BounceOutDown;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/OutLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/OutLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> OutLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceOutLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  20% {\n    opacity: 1;\n    transform: translate3d(20px, 0, 0);\n  }\n&nbsp;\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n`;\n&nbsp;\nconst BounceOutLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${boun<span class=\"cstat-no\" title=\"statement not covered\" >ceOutLeftAnimation};</span>\n`;\n&nbsp;\nexport default BounceOutLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/OutRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/OutRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> OutRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceOutRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  20% {\n    opacity: 1;\n    transform: translate3d(-20px, 0, 0);\n  }\n&nbsp;\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n`;\n&nbsp;\nconst BounceOutRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${bounc<span class=\"cstat-no\" title=\"statement not covered\" >eOutRightAnimation};</span>\n`;\n&nbsp;\nexport default BounceOutRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/OutUp.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/OutUp.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> OutUp.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceOutUpAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  20% {\n    transform: translate3d(0, -10px, 0);\n  }\n&nbsp;\n  40%, 45% {\n    opacity: 1;\n    transform: translate3d(0, 20px, 0);\n  }\n&nbsp;\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n`;\n&nbsp;\nconst BounceOutUp <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${bo<span class=\"cstat-no\" title=\"statement not covered\" >unceOutUpAnimation};</span>\n`;\n&nbsp;\nexport default BounceOutUp;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> src/Bounce\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/132</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/44</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/22</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/55</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file low\" data-value=\"In.js\"><a href=\"In.js.html\">In.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InDown.js\"><a href=\"InDown.js.html\">InDown.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InLeft.js\"><a href=\"InLeft.js.html\">InLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InRight.js\"><a href=\"InRight.js.html\">InRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InUp.js\"><a href=\"InUp.js.html\">InUp.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Out.js\"><a href=\"Out.js.html\">Out.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutDown.js\"><a href=\"OutDown.js.html\">OutDown.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutLeft.js\"><a href=\"OutLeft.js.html\">OutLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutRight.js\"><a href=\"OutRight.js.html\">OutRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutUp.js\"><a href=\"OutUp.js.html\">OutUp.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"index.js\"><a href=\"index.js.html\">index.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Bounce/index.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Bounce/index.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Bounce</a> index.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst bounceAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from, 20%, 53%, 80%, to {\n   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n   transform: translate3d(0,0,0);\n  }\n&nbsp;\n  40%, 43% {\n   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n   transform: translate3d(0, -30px, 0);\n  }\n&nbsp;\n  70% {\n   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n   transform: translate3d(0, -15px, 0);\n  }\n&nbsp;\n  90% {\n   transform: translate3d(0,-4px,0);\n  }\n`;\n&nbsp;\nconst Bounce <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name:<span class=\"cstat-no\" title=\"statement not covered\" > ${bounceAnimation};</span>\n`;\n&nbsp;\nexport default Bounce;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Especials/Hinge.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Especials/Hinge.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Especials</a> Hinge.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst HingeAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  0% {\n    transform-origin: top left;\n    animation-timing-function: ease-in-out;\n  }\n&nbsp;\n  20%, 60% {\n    transform: rotate3d(0, 0, 1, 80deg);\n    transform-origin: top left;\n    animation-timing-function: ease-in-out;\n  }\n&nbsp;\n  40%, 80% {\n    transform: rotate3d(0, 0, 1, 60deg);\n    transform-origin: top left;\n    animation-timing-function: ease-in-out;\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    transform: translate3d(0, 700px, 0);\n    opacity: 0;\n  }\n`;\n&nbsp;\nconst Hinge <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name<span class=\"cstat-no\" title=\"statement not covered\" >: ${HingeAnimation};</span>\n`;\n&nbsp;\nexport default Hinge;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Especials/RollIn.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Especials/RollIn.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Especials</a> RollIn.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RollInAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      opacity: 0;\n      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n    }\n&nbsp;\n    to {\n      opacity: 1;\n      transform: none;\n    }\n`;\n&nbsp;\nconst RollIn <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name:<span class=\"cstat-no\" title=\"statement not covered\" > ${RollInAnimation};</span>\n`;\n&nbsp;\nexport default RollIn;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Especials/RollOut.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Especials/RollOut.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Especials</a> RollOut.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RollOutAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n  }\n`;\n&nbsp;\nconst RollOut <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: <span class=\"cstat-no\" title=\"statement not covered\" >${RollOutAnimation};</span>\n`;\n&nbsp;\nexport default RollOut;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Especials/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Especials</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> src/Especials\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/36</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/6</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/15</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file low\" data-value=\"Hinge.js\"><a href=\"Hinge.js.html\">Hinge.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"RollIn.js\"><a href=\"RollIn.js.html\">RollIn.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"RollOut.js\"><a href=\"RollOut.js.html\">RollOut.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/In.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/In.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> In.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeInAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 0;\n  }\n&nbsp;\n  to {\n    opacity: 1;\n  }\n`;\n&nbsp;\nconst FadeIn <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name:<span class=\"cstat-no\" title=\"statement not covered\" > ${FadeInAnimation};</span>\n`;\n&nbsp;\nexport default FadeIn;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/InDown.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/InDown.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> InDown.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeInDownAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n     opacity: 0;\n     transform: translate3d(0, -100%, 0);\n   }\n&nbsp;\n   to {\n     opacity: 1;\n     transform: none;\n   }\n`;\n&nbsp;\nconst FadeInDown <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${F<span class=\"cstat-no\" title=\"statement not covered\" >adeInDownAnimation};</span>\n`;\n&nbsp;\nexport default FadeInDown;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/InDownBig.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/InDownBig.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> InDownBig.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeInDownBigAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n&nbsp;\n  to {\n    opacity: 1;\n    transform: none;\n  }\n`;\n&nbsp;\nconst FadeInDownBig <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Fade<span class=\"cstat-no\" title=\"statement not covered\" >InDownBigAnimation};</span>\n`;\n&nbsp;\nexport default FadeInDownBig;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/InLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/InLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> InLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeInLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n&nbsp;\n  to {\n    opacity: 1;\n    transform: none;\n  }\n`;\n&nbsp;\nconst FadeInLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${F<span class=\"cstat-no\" title=\"statement not covered\" >adeInLeftAnimation};</span>\n`;\n&nbsp;\nexport default FadeInLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/InLeftBig.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/InLeftBig.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> InLeftBig.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeInLeftBigAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n&nbsp;\n  to {\n    opacity: 1;\n    transform: none;\n  }\n`;\n&nbsp;\nconst FadeInLeftBig <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Fade<span class=\"cstat-no\" title=\"statement not covered\" >InLeftBigAnimation};</span>\n`;\n&nbsp;\nexport default FadeInLeftBig;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/InRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/InRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> InRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeInRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n     opacity: 0;\n     transform: translate3d(100%, 0, 0);\n   }\n&nbsp;\n   to {\n     opacity: 1;\n     transform: none;\n   }\n`;\n&nbsp;\nconst FadeInRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Fa<span class=\"cstat-no\" title=\"statement not covered\" >deInRightAnimation};</span>\n`;\n&nbsp;\nexport default FadeInRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/InRightBig.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/InRightBig.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> InRightBig.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeInRightBigAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n   opacity: 0;\n   transform: translate3d(2000px, 0, 0);\n  }\n&nbsp;\n  to {\n   opacity: 1;\n   transform: none;\n  }\n`;\n&nbsp;\nconst FadeInRightBig <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${FadeI<span class=\"cstat-no\" title=\"statement not covered\" >nRightBigAnimation};</span>\n`;\n&nbsp;\nexport default FadeInRightBig;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/InUp.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/InUp.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> InUp.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeInUpAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n   opacity: 0;\n   transform: translate3d(0, 100%, 0);\n  }\n&nbsp;\n  to {\n   opacity: 1;\n   transform: none;\n  }\n`;\n&nbsp;\nconst FadeInUp <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: $<span class=\"cstat-no\" title=\"statement not covered\" >{FadeInUpAnimation};</span>\n`;\n&nbsp;\nexport default FadeInUp;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/InUpBig.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/InUpBig.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> InUpBig.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeInUpBigAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n&nbsp;\n  to {\n    opacity: 1;\n    transform: none;\n  }\n`;\n&nbsp;\nconst FadeInUpBig <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Fa<span class=\"cstat-no\" title=\"statement not covered\" >deInUpBigAnimation};</span>\n`;\n&nbsp;\nexport default FadeInUpBig;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/Out.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/Out.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> Out.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeOutAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    opacity: 0;\n  }\n`;\n&nbsp;\nconst FadeOut <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: <span class=\"cstat-no\" title=\"statement not covered\" >${FadeOutAnimation};</span>\n`;\n&nbsp;\nexport default FadeOut;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/OutDown.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/OutDown.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> OutDown.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeOutDownAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n     opacity: 1;\n   }\n&nbsp;\n   to {\n     opacity: 0;\n     transform: translate3d(0, 100%, 0);\n   }\n`;\n&nbsp;\nconst FadeOutDown <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Fa<span class=\"cstat-no\" title=\"statement not covered\" >deOutDownAnimation};</span>\n`;\n&nbsp;\nexport default FadeOutDown;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/OutDownBig.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/OutDownBig.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> OutDownBig.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeOutDownBigAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n   opacity: 1;\n  }\n&nbsp;\n  to {\n   opacity: 0;\n   transform: translate3d(0, 2000px, 0);\n  }\n`;\n&nbsp;\nconst FadeOutDownBig <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${FadeO<span class=\"cstat-no\" title=\"statement not covered\" >utDownBigAnimation};</span>\n`;\n&nbsp;\nexport default FadeOutDownBig;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/OutLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/OutLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> OutLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeOutLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n`;\n&nbsp;\nconst FadeOutLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Fa<span class=\"cstat-no\" title=\"statement not covered\" >deOutLeftAnimation};</span>\n`;\n&nbsp;\nexport default FadeOutLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/OutLeftBig.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/OutLeftBig.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> OutLeftBig.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeOutLeftBigAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n`;\n&nbsp;\nconst FadeOutLeftBig <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${FadeO<span class=\"cstat-no\" title=\"statement not covered\" >utLeftBigAnimation};</span>\n`;\n&nbsp;\nexport default FadeOutLeftBig;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/OutRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/OutRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> OutRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeOutRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n`;\n&nbsp;\nconst FadeOutRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Fad<span class=\"cstat-no\" title=\"statement not covered\" >eOutRightAnimation};</span>\n`;\n&nbsp;\nexport default FadeOutRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/OutRightBig.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/OutRightBig.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> OutRightBig.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeOutRightBigAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n   opacity: 1;\n  }\n&nbsp;\n  to {\n   opacity: 0;\n   transform: translate3d(2000px, 0, 0);\n  }\n`;\n&nbsp;\nconst FadeOutRightBig <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${FadeOu<span class=\"cstat-no\" title=\"statement not covered\" >tRightBigAnimation};</span>\n`;\n&nbsp;\nexport default FadeOutRightBig;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/OutUp.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/OutUp.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> OutUp.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeOutUpAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n     opacity: 1;\n   }\n&nbsp;\n   to {\n     opacity: 0;\n     transform: translate3d(0, -100%, 0);\n   }\n`;\n&nbsp;\nconst FadeOutUp <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${<span class=\"cstat-no\" title=\"statement not covered\" >FadeOutUpAnimation};</span>\n`;\n&nbsp;\nexport default FadeOutUp;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/OutUpBig.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade/OutUpBig.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Fade</a> OutUpBig.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FadeOutUpBigAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n`;\n&nbsp;\nconst FadeOutUpBig <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Fad<span class=\"cstat-no\" title=\"statement not covered\" >eOutUpBigAnimation};</span>\n`;\n&nbsp;\nexport default FadeOutUpBig;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Fade/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Fade</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> src/Fade\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/216</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/72</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/36</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/90</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file low\" data-value=\"In.js\"><a href=\"In.js.html\">In.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InDown.js\"><a href=\"InDown.js.html\">InDown.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InDownBig.js\"><a href=\"InDownBig.js.html\">InDownBig.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InLeft.js\"><a href=\"InLeft.js.html\">InLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InLeftBig.js\"><a href=\"InLeftBig.js.html\">InLeftBig.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InRight.js\"><a href=\"InRight.js.html\">InRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InRightBig.js\"><a href=\"InRightBig.js.html\">InRightBig.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InUp.js\"><a href=\"InUp.js.html\">InUp.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InUpBig.js\"><a href=\"InUpBig.js.html\">InUpBig.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Out.js\"><a href=\"Out.js.html\">Out.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutDown.js\"><a href=\"OutDown.js.html\">OutDown.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutDownBig.js\"><a href=\"OutDownBig.js.html\">OutDownBig.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutLeft.js\"><a href=\"OutLeft.js.html\">OutLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutLeftBig.js\"><a href=\"OutLeftBig.js.html\">OutLeftBig.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutRight.js\"><a href=\"OutRight.js.html\">OutRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutRightBig.js\"><a href=\"OutRightBig.js.html\">OutRightBig.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutUp.js\"><a href=\"OutUp.js.html\">OutUp.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutUpBig.js\"><a href=\"OutUpBig.js.html\">OutUpBig.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Flip/InX.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Flip/InX.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Flip</a> InX.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FlipInXAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n&nbsp;\n    40% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n&nbsp;\n    60% {\n      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n      opacity: 1;\n    }\n&nbsp;\n    80% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n    }\n&nbsp;\n    to {\n      transform: perspective(400px);\n    }\n`;\n&nbsp;\nconst FlipInX <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: <span class=\"cstat-no\" title=\"statement not covered\" >${FlipInXAnimation};</span>\n  backface-visibility: visible !important;\n`;\n&nbsp;\nexport default FlipInX;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Flip/InY.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Flip/InY.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Flip</a> InY.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FlipInYAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n&nbsp;\n    40% {\n      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n&nbsp;\n    60% {\n      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n      opacity: 1;\n    }\n&nbsp;\n    80% {\n      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n    }\n&nbsp;\n    to {\n      transform: perspective(400px);\n    }\n`;\n&nbsp;\nconst FlipInY <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: <span class=\"cstat-no\" title=\"statement not covered\" >${FlipInYAnimation};</span>\n  backface-visibility: visible !important;\n`;\n&nbsp;\nexport default FlipInY;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Flip/OutX.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Flip/OutX.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Flip</a> OutX.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FlipOutXAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform: perspective(400px);\n  }\n&nbsp;\n  30% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0;\n  }\n`;\n&nbsp;\nconst FlipOutX <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: $<span class=\"cstat-no\" title=\"statement not covered\" >{FlipOutXAnimation};</span>\n  backface-visibility: visible !important;\n`;\n&nbsp;\nexport default FlipOutX;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Flip/OutY.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Flip/OutY.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Flip</a> OutY.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FlipOutYAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform: perspective(400px);\n  }\n&nbsp;\n  30% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    opacity: 0;\n  }\n`;\n&nbsp;\nconst FlipOutY <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: $<span class=\"cstat-no\" title=\"statement not covered\" >{FlipOutYAnimation};</span>\n  backface-visibility: visible !important;\n`;\n&nbsp;\nexport default FlipOutY;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Flip/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Flip</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> src/Flip\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/60</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/20</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/10</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/25</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file low\" data-value=\"InX.js\"><a href=\"InX.js.html\">InX.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InY.js\"><a href=\"InY.js.html\">InY.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutX.js\"><a href=\"OutX.js.html\">OutX.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutY.js\"><a href=\"OutY.js.html\">OutY.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"index.js\"><a href=\"index.js.html\">index.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Flip/index.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Flip/index.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Flip</a> index.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst FlipAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n    animation-timing-function: ease-out;\n  }\n&nbsp;\n  40% {\n    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n    animation-timing-function: ease-out;\n  }\n&nbsp;\n  50% {\n    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n    animation-timing-function: ease-in;\n  }\n&nbsp;\n  80% {\n    transform: perspective(400px) scale3d(.95, .95, .95);\n    animation-timing-function: ease-in;\n  }\n&nbsp;\n  to {\n    transform: perspective(400px);\n    animation-timing-function: ease-in;\n  }\n`;\n&nbsp;\nconst Flip <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-nam<span class=\"cstat-no\" title=\"statement not covered\" >e: ${FlipAnimation};</span>\n  backface-visibility: visible;\n`;\n&nbsp;\nexport default Flip;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/LightSpeed/In.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/LightSpeed/In.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/LightSpeed</a> In.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst LightSpeedInAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform: translate3d(100%, 0, 0) skewX(-30deg);\n    opacity: 0;\n  }\n&nbsp;\n  60% {\n    transform: skewX(20deg);\n    opacity: 1;\n  }\n&nbsp;\n  80% {\n    transform: skewX(-5deg);\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    transform: none;\n    opacity: 1;\n  }\n`;\n&nbsp;\nconst LightSpeedIn <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Lig<span class=\"cstat-no\" title=\"statement not covered\" >htSpeedInAnimation};</span>\n  animation-timing-function: ease-out;\n`;\n&nbsp;\nexport default LightSpeedIn;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/LightSpeed/Out.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/LightSpeed/Out.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/LightSpeed</a> Out.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst LightSpeedOutAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n     opacity: 1;\n   }\n&nbsp;\n   to {\n     transform: translate3d(100%, 0, 0) skewX(30deg);\n     opacity: 0;\n   }\n`;\n&nbsp;\nconst LightSpeedOut <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Ligh<span class=\"cstat-no\" title=\"statement not covered\" >tSpeedOutAnimation};</span>\n  animation-timing-function: ease-in;\n`;\n&nbsp;\nexport default LightSpeedOut;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/LightSpeed/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/LightSpeed</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> src/LightSpeed\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/24</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/8</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/10</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file low\" data-value=\"In.js\"><a href=\"In.js.html\">In.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Out.js\"><a href=\"Out.js.html\">Out.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/In.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate/In.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Rotate</a> In.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RotateInAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform-origin: center;\n    transform: rotate3d(0, 0, 1, -200deg);\n    opacity: 0;\n  }\n&nbsp;\n  to {\n    transform-origin: center;\n    transform: none;\n    opacity: 1;\n  }\n`;\n&nbsp;\nconst RotateIn <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: $<span class=\"cstat-no\" title=\"statement not covered\" >{RotateInAnimation};</span>\n`;\n&nbsp;\nexport default RotateIn;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/InDownLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate/InDownLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Rotate</a> InDownLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RotateInDownLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform-origin: left bottom;\n      transform: rotate3d(0, 0, 1, -45deg);\n      opacity: 0;\n    }\n&nbsp;\n    to {\n      transform-origin: left bottom;\n      transform: none;\n      opacity: 1;\n    }\n`;\n&nbsp;\nconst RotateInDownLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${RotateI<span class=\"cstat-no\" title=\"statement not covered\" >nDownLeftAnimation};</span>\n`;\n&nbsp;\nexport default RotateInDownLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/InDownRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate/InDownRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Rotate</a> InDownRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RotateInDownRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n     transform-origin: right bottom;\n     transform: rotate3d(0, 0, 1, 45deg);\n     opacity: 0;\n   }\n&nbsp;\n   to {\n     transform-origin: right bottom;\n     transform: none;\n     opacity: 1;\n   }\n`;\n&nbsp;\nconst RotateInDownRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${RotateIn<span class=\"cstat-no\" title=\"statement not covered\" >DownRightAnimation};</span>\n`;\n&nbsp;\nexport default RotateInDownRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/InUpLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate/InUpLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Rotate</a> InUpLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RotateInUpLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform-origin: left bottom;\n      transform: rotate3d(0, 0, 1, 45deg);\n      opacity: 0;\n    }\n&nbsp;\n    to {\n      transform-origin: left bottom;\n      transform: none;\n      opacity: 1;\n    }\n`;\n&nbsp;\nconst RotateInUpLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Rotat<span class=\"cstat-no\" title=\"statement not covered\" >eInUpLeftAnimation};</span>\n`;\n&nbsp;\nexport default RotateInUpLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/InUpRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate/InUpRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Rotate</a> InUpRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RotateInUpRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform-origin: right bottom;\n    transform: rotate3d(0, 0, 1, -90deg);\n    opacity: 0;\n  }\n&nbsp;\n  to {\n    transform-origin: right bottom;\n    transform: none;\n    opacity: 1;\n  }\n`;\n&nbsp;\nconst RotateInUpRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Rotate<span class=\"cstat-no\" title=\"statement not covered\" >InUpRightAnimation};</span>\n`;\n&nbsp;\nexport default RotateInUpRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/Out.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate/Out.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Rotate</a> Out.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RotateOutAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform-origin: center;\n      opacity: 1;\n    }\n&nbsp;\n    to {\n      transform-origin: center;\n      transform: rotate3d(0, 0, 1, 200deg);\n      opacity: 0;\n    }\n`;\n&nbsp;\nconst RotateOut <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${<span class=\"cstat-no\" title=\"statement not covered\" >RotateOutAnimation};</span>\n`;\n&nbsp;\nexport default RotateOut;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/OutDownLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate/OutDownLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Rotate</a> OutDownLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RotateOutDownLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n     transform-origin: left bottom;\n     opacity: 1;\n   }\n&nbsp;\n   to {\n     transform-origin: left bottom;\n     transform: rotate3d(0, 0, 1, 45deg);\n     opacity: 0;\n   }\n`;\n&nbsp;\nconst RotateOutDownLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${RotateOu<span class=\"cstat-no\" title=\"statement not covered\" >tDownLeftAnimation};</span>\n`;\n&nbsp;\nexport default RotateOutDownLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/OutDownRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate/OutDownRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Rotate</a> OutDownRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RotateOutDownRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform-origin: right bottom;\n      opacity: 1;\n    }\n&nbsp;\n    to {\n      transform-origin: right bottom;\n      transform: rotate3d(0, 0, 1, -45deg);\n      opacity: 0;\n    }\n`;\n&nbsp;\nconst RotateOutDownRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${RotateOut<span class=\"cstat-no\" title=\"statement not covered\" >DownRightAnimation};</span>\n`;\n&nbsp;\nexport default RotateOutDownRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/OutUpLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate/OutUpLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Rotate</a> OutUpLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RotateOutUpLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform-origin: left bottom;\n    opacity: 1;\n  }\n&nbsp;\n  to {\n    transform-origin: left bottom;\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n`;\n&nbsp;\nconst RotateOutUpLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Rotate<span class=\"cstat-no\" title=\"statement not covered\" >OutUpLeftAnimation};</span>\n`;\n&nbsp;\nexport default RotateOutUpLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/OutUpRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate/OutUpRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Rotate</a> OutUpRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst RotateOutUpRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform-origin: right bottom;\n      opacity: 1;\n    }\n&nbsp;\n    to {\n      transform-origin: right bottom;\n      transform: rotate3d(0, 0, 1, 90deg);\n      opacity: 0;\n    }\n`;\n&nbsp;\nconst RotateOutUpRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${RotateO<span class=\"cstat-no\" title=\"statement not covered\" >utUpRightAnimation};</span>\n`;\n&nbsp;\nexport default RotateOutUpRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Rotate/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Rotate</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> src/Rotate\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/120</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/40</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/20</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/50</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file low\" data-value=\"In.js\"><a href=\"In.js.html\">In.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InDownLeft.js\"><a href=\"InDownLeft.js.html\">InDownLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InDownRight.js\"><a href=\"InDownRight.js.html\">InDownRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InUpLeft.js\"><a href=\"InUpLeft.js.html\">InUpLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InUpRight.js\"><a href=\"InUpRight.js.html\">InUpRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Out.js\"><a href=\"Out.js.html\">Out.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutDownLeft.js\"><a href=\"OutDownLeft.js.html\">OutDownLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutDownRight.js\"><a href=\"OutDownRight.js.html\">OutDownRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutUpLeft.js\"><a href=\"OutUpLeft.js.html\">OutUpLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutUpRight.js\"><a href=\"OutUpRight.js.html\">OutUpRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Slide/InDown.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Slide/InDown.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Slide</a> InDown.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst SlideInDownAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform: translate3d(0, -100%, 0);\n      visibility: visible;\n    }\n&nbsp;\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n`;\n&nbsp;\nconst SlideInDown <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Sl<span class=\"cstat-no\" title=\"statement not covered\" >ideInDownAnimation};</span>\n`;\n&nbsp;\nexport default SlideInDown;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Slide/InLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Slide/InLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Slide</a> InLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst SlideInLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform: translate3d(-100%, 0, 0);\n      visibility: visible;\n    }\n&nbsp;\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n`;\n&nbsp;\nconst SlideInLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Sl<span class=\"cstat-no\" title=\"statement not covered\" >ideInLeftAnimation};</span>\n`;\n&nbsp;\nexport default SlideInLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Slide/InRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Slide/InRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Slide</a> InRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst SlideInRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform: translate3d(100%, 0, 0);\n      visibility: visible;\n    }\n&nbsp;\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n`;\n&nbsp;\nconst SlideInRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Sli<span class=\"cstat-no\" title=\"statement not covered\" >deInRightAnimation};</span>\n`;\n&nbsp;\nexport default SlideInRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Slide/InUp.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Slide/InUp.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Slide</a> InUp.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst SlideInUpAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n     transform: translate3d(0, 100%, 0);\n     visibility: visible;\n   }\n&nbsp;\n   to {\n     transform: translate3d(0, 0, 0);\n   }\n`;\n&nbsp;\nconst SlideInUp <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${<span class=\"cstat-no\" title=\"statement not covered\" >SlideInUpAnimation};</span>\n`;\n&nbsp;\nexport default SlideInUp;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Slide/OutDown.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Slide/OutDown.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Slide</a> OutDown.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst SlideOutDownAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n&nbsp;\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 100%, 0);\n  }\n`;\n&nbsp;\nconst SlideOutDown <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Sli<span class=\"cstat-no\" title=\"statement not covered\" >deOutDownAnimation};</span>\n`;\n&nbsp;\nexport default SlideOutDown;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Slide/OutLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Slide/OutLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Slide</a> OutLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst SlideOutLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform: translate3d(0, 0, 0);\n    }\n&nbsp;\n    to {\n      visibility: hidden;\n      transform: translate3d(-100%, 0, 0);\n    }\n`;\n&nbsp;\nconst SlideOutLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Sli<span class=\"cstat-no\" title=\"statement not covered\" >deOutLeftAnimation};</span>\n`;\n&nbsp;\nexport default SlideOutLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Slide/OutRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Slide/OutRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Slide</a> OutRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst SlideOutRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform: translate3d(0, 0, 0);\n    }\n&nbsp;\n    to {\n      visibility: hidden;\n      transform: translate3d(100%, 0, 0);\n    }\n`;\n&nbsp;\nconst SlideOutRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Slid<span class=\"cstat-no\" title=\"statement not covered\" >eOutRightAnimation};</span>\n`;\n&nbsp;\nexport default SlideOutRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Slide/OutUp.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Slide/OutUp.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Slide</a> OutUp.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/5</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import styled<span class=\"cstat-no\" title=\"statement not covered\" >, { keyframes } from 'styled-components';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst SlideOutUpAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      transform: translate3d(0, 0, 0);\n    }\n&nbsp;\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -100%, 0);\n    }\n`;\n&nbsp;\nconst SlideOutUp <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${S<span class=\"cstat-no\" title=\"statement not covered\" >lideOutUpAnimation};</span>\n`;\n&nbsp;\nexport default SlideOutUp;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Slide/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Slide</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> src/Slide\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/96</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/32</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/16</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/40</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file low\" data-value=\"InDown.js\"><a href=\"InDown.js.html\">InDown.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InLeft.js\"><a href=\"InLeft.js.html\">InLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InRight.js\"><a href=\"InRight.js.html\">InRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InUp.js\"><a href=\"InUp.js.html\">InUp.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutDown.js\"><a href=\"OutDown.js.html\">OutDown.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutLeft.js\"><a href=\"OutLeft.js.html\">OutLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutRight.js\"><a href=\"OutRight.js.html\">OutRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutUp.js\"><a href=\"OutUp.js.html\">OutUp.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"5\" class=\"abs low\">0/5</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/In.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom/In.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Zoom</a> In.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/6</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\"><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span>\nimport styled, { keyfram<span class=\"cstat-no\" title=\"statement not covered\" >es } from 'styled-components'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ZoomInAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n     opacity: 0;\n     transform: scale3d(.3, .3, .3);\n   }\n&nbsp;\n   50% {\n     opacity: 1;\n   }\n`;\n&nbsp;\nconst ZoomIn <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name:<span class=\"cstat-no\" title=\"statement not covered\" > ${ZoomInAnimation};</span>\n`;\n&nbsp;\nexport default ZoomIn;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/InDown.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom/InDown.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Zoom</a> InDown.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/6</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\"><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span>\nimport styled, { keyfram<span class=\"cstat-no\" title=\"statement not covered\" >es } from 'styled-components'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ZoomInDownAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n     opacity: 0;\n     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\n     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n   }\n&nbsp;\n   60% {\n     opacity: 1;\n     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n   }\n`;\n&nbsp;\nconst ZoomInDown <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Z<span class=\"cstat-no\" title=\"statement not covered\" >oomInDownAnimation};</span>\n`;\n&nbsp;\nexport default ZoomInDown;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/InLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom/InLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Zoom</a> InLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/6</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\"><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span>\nimport styled, { keyfram<span class=\"cstat-no\" title=\"statement not covered\" >es } from 'styled-components'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ZoomInLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      opacity: 0;\n      transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\n      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n    }\n&nbsp;\n    60% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\n      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n    }\n`;\n&nbsp;\nconst ZoomInLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Z<span class=\"cstat-no\" title=\"statement not covered\" >oomInLeftAnimation};</span>\n`;\n&nbsp;\nexport default ZoomInLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/InRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom/InRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Zoom</a> InRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/6</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\"><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span>\nimport styled, { keyfram<span class=\"cstat-no\" title=\"statement not covered\" >es } from 'styled-components'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ZoomInRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      opacity: 0;\n      transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\n      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n    }\n&nbsp;\n    60% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\n      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n    }\n`;\n&nbsp;\nconst ZoomInRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Zo<span class=\"cstat-no\" title=\"statement not covered\" >omInRightAnimation};</span>\n`;\n&nbsp;\nexport default ZoomInRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/InUp.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom/InUp.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Zoom</a> InUp.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/6</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\"><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span>\nimport styled, { keyfram<span class=\"cstat-no\" title=\"statement not covered\" >es } from 'styled-components'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ZoomInUpAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n      opacity: 0;\n      transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\n      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n    }\n&nbsp;\n    60% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n    }\n`;\n&nbsp;\nconst ZoomInUp <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: $<span class=\"cstat-no\" title=\"statement not covered\" >{ZoomInUpAnimation};</span>\n`;\n&nbsp;\nexport default ZoomInUp;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/Out.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom/Out.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Zoom</a> Out.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/6</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\"><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span>\nimport styled, { keyfram<span class=\"cstat-no\" title=\"statement not covered\" >es } from 'styled-components'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ZoomOutAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  from {\n   opacity: 1;\n  }\n&nbsp;\n  50% {\n   opacity: 0;\n   transform: scale3d(.3, .3, .3);\n  }\n&nbsp;\n  to {\n   opacity: 0;\n  }\n`;\n&nbsp;\nconst ZoomOut <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: <span class=\"cstat-no\" title=\"statement not covered\" >${ZoomOutAnimation};</span>\n`;\n&nbsp;\nexport default ZoomOut;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/OutDown.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom/OutDown.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Zoom</a> OutDown.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/6</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\"><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span>\nimport styled, { keyfram<span class=\"cstat-no\" title=\"statement not covered\" >es } from 'styled-components'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ZoomOutDownAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  40% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n    }\n&nbsp;\n    to {\n      opacity: 0;\n      transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\n      transform-origin: center bottom;\n      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n    }\n`;\n&nbsp;\nconst ZoomOutDown <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Zo<span class=\"cstat-no\" title=\"statement not covered\" >omOutDownAnimation};</span>\n`;\n&nbsp;\nexport default ZoomOutDown;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/OutLeft.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom/OutLeft.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Zoom</a> OutLeft.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/6</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\"><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span>\nimport styled, { keyfram<span class=\"cstat-no\" title=\"statement not covered\" >es } from 'styled-components'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ZoomOutLeftAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  40% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\n    }\n&nbsp;\n    to {\n      opacity: 0;\n      transform: scale(.1) translate3d(-2000px, 0, 0);\n      transform-origin: left center;\n    }\n`;\n&nbsp;\nconst ZoomOutLeft <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Zo<span class=\"cstat-no\" title=\"statement not covered\" >omOutLeftAnimation};</span>\n`;\n&nbsp;\nexport default ZoomOutLeft;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/OutRight.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom/OutRight.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Zoom</a> OutRight.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/6</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\"><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span>\nimport styled, { keyfram<span class=\"cstat-no\" title=\"statement not covered\" >es } from 'styled-components'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ZoomOutRightAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  40% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\n    }\n&nbsp;\n    to {\n      opacity: 0;\n      transform: scale(.1) translate3d(2000px, 0, 0);\n      transform-origin: right center;\n    }\n`;\n&nbsp;\nconst ZoomOutRight <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${Zoo<span class=\"cstat-no\" title=\"statement not covered\" >mOutRightAnimation};</span>\n`;\n&nbsp;\nexport default ZoomOutRight;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/OutUp.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom/OutUp.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> / <a href=\"index.html\">src/Zoom</a> OutUp.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/12</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/2</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/6</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\"><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span>\nimport styled, { keyfram<span class=\"cstat-no\" title=\"statement not covered\" >es } from 'styled-components'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BaseAnimation <span class=\"cstat-no\" title=\"statement not covered\" >from '../BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span></span>\n&nbsp;\nconst ZoomOutUpAnimation <span class=\"cstat-no\" title=\"statement not covered\" >= keyframes`</span>\n  40% {\n      opacity: 1;\n      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n    }\n&nbsp;\n    to {\n      opacity: 0;\n      transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\n      transform-origin: center bottom;\n      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\n    }\n`;\n&nbsp;\nconst ZoomOutUp <span class=\"cstat-no\" title=\"statement not covered\" >= styled(BaseAnimation)`</span>\n  animation-name: ${<span class=\"cstat-no\" title=\"statement not covered\" >ZoomOutUpAnimation};</span>\n`;\n&nbsp;\nexport default ZoomOutUp;\n;\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/Zoom/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/Zoom</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../../index.html\">All files</a> src/Zoom\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/120</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/40</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/20</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/60</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file low\" data-value=\"In.js\"><a href=\"In.js.html\">In.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InDown.js\"><a href=\"InDown.js.html\">InDown.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InLeft.js\"><a href=\"InLeft.js.html\">InLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InRight.js\"><a href=\"InRight.js.html\">InRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"InUp.js\"><a href=\"InUp.js.html\">InUp.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"Out.js\"><a href=\"Out.js.html\">Out.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutDown.js\"><a href=\"OutDown.js.html\">OutDown.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutLeft.js\"><a href=\"OutLeft.js.html\">OutLeft.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutRight.js\"><a href=\"OutRight.js.html\">OutRight.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"OutUp.js\"><a href=\"OutUp.js.html\">OutUp.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"12\" class=\"abs low\">0/12</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"2\" class=\"abs low\">0/2</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"6\" class=\"abs low\">0/6</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../index.html\">All files</a> src\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">4.1% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>10/244</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">88.89% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>8/9</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">6.13% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>10/163</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<div class=\"pad1\">\n<table class=\"coverage-summary\">\n<thead>\n<tr>\n   <th data-col=\"file\" data-fmt=\"html\" data-html=\"true\" class=\"file\">File</th>\n   <th data-col=\"pic\" data-type=\"number\" data-fmt=\"html\" data-html=\"true\" class=\"pic\"></th>\n   <th data-col=\"statements\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Statements</th>\n   <th data-col=\"statements_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"branches\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Branches</th>\n   <th data-col=\"branches_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"functions\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Functions</th>\n   <th data-col=\"functions_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n   <th data-col=\"lines\" data-type=\"number\" data-fmt=\"pct\" class=\"pct\">Lines</th>\n   <th data-col=\"lines_raw\" data-type=\"number\" data-fmt=\"html\" class=\"abs\"></th>\n</tr>\n</thead>\n<tbody><tr>\n\t<td class=\"file high\" data-value=\"BaseAnimation.js\"><a href=\"BaseAnimation.js.html\">BaseAnimation.js</a></td>\n\t<td data-value=\"100\" class=\"pic high\"><div class=\"chart\"><div class=\"cover-fill cover-full\" style=\"width: 100%;\"></div><div class=\"cover-empty\" style=\"width:0%;\"></div></div></td>\n\t<td data-value=\"100\" class=\"pct high\">100%</td>\n\t<td data-value=\"10\" class=\"abs high\">10/10</td>\n\t<td data-value=\"100\" class=\"pct high\">100%</td>\n\t<td data-value=\"0\" class=\"abs high\">0/0</td>\n\t<td data-value=\"100\" class=\"pct high\">100%</td>\n\t<td data-value=\"8\" class=\"abs high\">8/8</td>\n\t<td data-value=\"100\" class=\"pct high\">100%</td>\n\t<td data-value=\"10\" class=\"abs high\">10/10</td>\n\t</tr>\n\n<tr>\n\t<td class=\"file low\" data-value=\"index.js\"><a href=\"index.js.html\">index.js</a></td>\n\t<td data-value=\"0\" class=\"pic low\"><div class=\"chart\"><div class=\"cover-fill\" style=\"width: 0%;\"></div><div class=\"cover-empty\" style=\"width:100%;\"></div></div></td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"234\" class=\"abs low\">0/234</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"4\" class=\"abs low\">0/4</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"1\" class=\"abs low\">0/1</td>\n\t<td data-value=\"0\" class=\"pct low\">0%</td>\n\t<td data-value=\"153\" class=\"abs low\">0/153</td>\n\t</tr>\n\n</tbody>\n</table>\n</div><div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "src/lcov-report/src/index.js.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Code coverage report for src/index.js</title>\n    <meta charset=\"utf-8\" />\n    <link rel=\"stylesheet\" href=\"../prettify.css\" />\n    <link rel=\"stylesheet\" href=\"../base.css\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type='text/css'>\n        .coverage-summary .sorter {\n            background-image: url(../sort-arrow-sprite.png);\n        }\n    </style>\n</head>\n<body>\n<div class='wrapper'>\n  <div class='pad1'>\n    <h1>\n      <a href=\"../index.html\">All files</a> / <a href=\"index.html\">src</a> index.js\n    </h1>\n    <div class='clearfix'>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Statements</span>\n        <span class='fraction'>0/234</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Branches</span>\n        <span class='fraction'>0/4</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Functions</span>\n        <span class='fraction'>0/1</span>\n      </div>\n      <div class='fl pad1y space-right2'>\n        <span class=\"strong\">0% </span>\n        <span class=\"quiet\">Lines</span>\n        <span class='fraction'>0/153</span>\n      </div>\n    </div>\n  </div>\n  <div class='status-line low'></div>\n<pre><table class=\"coverage\">\n<tr><td class=\"line-count quiet\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38\n39\n40\n41\n42\n43\n44\n45\n46\n47\n48\n49\n50\n51\n52\n53\n54\n55\n56\n57\n58\n59\n60\n61\n62\n63\n64\n65\n66\n67\n68\n69\n70\n71\n72\n73\n74\n75\n76\n77\n78\n79\n80\n81\n82\n83\n84\n85\n86\n87\n88\n89\n90\n91\n92\n93\n94\n95\n96\n97\n98\n99\n100\n101\n102\n103\n104\n105\n106\n107\n108\n109\n110\n111\n112\n113\n114\n115\n116\n117\n118\n119\n120\n121\n122\n123\n124\n125\n126\n127\n128\n129\n130\n131\n132\n133\n134\n135\n136\n137\n138\n139\n140\n141\n142\n143\n144\n145\n146\n147\n148\n149\n150\n151\n152\n153\n154\n155\n156\n157\n158\n159\n160\n161\n162\n163\n164\n165\n166\n167\n168\n169\n170\n171</td><td class=\"line-coverage quiet\"><span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-no\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span>\n<span class=\"cline-any cline-neutral\">&nbsp;</span></td><td class=\"text\"><pre class=\"prettyprint lang-js\">import BaseAn<span class=\"cstat-no\" title=\"statement not covered\" >imation from './BaseAnimation';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ></span></span></span></span>\nimport Flash <span class=\"cstat-no\" title=\"statement not covered\" >from './Attention/Flash';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport HeadShake <span class=\"cstat-no\" title=\"statement not covered\" >from './Attention/HeadShake';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport Jello <span class=\"cstat-no\" title=\"statement not covered\" >from './Attention/Jello';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport Pulse <span class=\"cstat-no\" title=\"statement not covered\" >from './Attention/Pulse';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport RubberBand <span class=\"cstat-no\" title=\"statement not covered\" >from './Attention/RubberBand';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport Shake <span class=\"cstat-no\" title=\"statement not covered\" >from './Attention/Shake';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport Swing <span class=\"cstat-no\" title=\"statement not covered\" >from './Attention/Swing';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport Tada <span class=\"cstat-no\" title=\"statement not covered\" >from './Attention/Tada';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport Wobble <span class=\"cstat-no\" title=\"statement not covered\" >from './Attention/Wobble';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\n&nbsp;\nimport Bounce <span class=\"cstat-no\" title=\"statement not covered\" >from './Bounce';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport Bou<span class=\"cstat-no\" title=\"statement not covered\" >nceIn from './Bounce/In</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport Bounc<span class=\"cstat-no\" title=\"statement not covered\" >eInUp from './Bounce/InUp</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BounceI<span class=\"cstat-no\" title=\"statement not covered\" >nDown from './Bounce/InDown</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BounceI<span class=\"cstat-no\" title=\"statement not covered\" >nLeft from './Bounce/InLeft</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BounceIn<span class=\"cstat-no\" title=\"statement not covered\" >Right from './Bounce/InRight</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n&nbsp;\nimport Boun<span class=\"cstat-no\" title=\"statement not covered\" >ceOut from './Bounce/Out</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BounceOu<span class=\"cstat-no\" title=\"statement not covered\" >tDown from './Bounce/OutDown</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BounceOu<span class=\"cstat-no\" title=\"statement not covered\" >tLeft from './Bounce/OutLeft</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport BounceOut<span class=\"cstat-no\" title=\"statement not covered\" >Right from './Bounce/OutRight</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport Bounce<span class=\"cstat-no\" title=\"statement not covered\" >OutUp from './Bounce/OutUp</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n&nbsp;\nimport Fade<span class=\"cstat-no\" title=\"statement not covered\" >In from './Fade/In';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeInDo<span class=\"cstat-no\" title=\"statement not covered\" >wn from './Fade/InDown';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeInDown<span class=\"cstat-no\" title=\"statement not covered\" >Big from './Fade/InDownBig';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeInLe<span class=\"cstat-no\" title=\"statement not covered\" >ft from './Fade/InLeft';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeInLeft<span class=\"cstat-no\" title=\"statement not covered\" >Big from './Fade/InLeftBig';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeInRig<span class=\"cstat-no\" title=\"statement not covered\" >ht from './Fade/InRight';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeInRight<span class=\"cstat-no\" title=\"statement not covered\" >Big from './Fade/InRightBig';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeIn<span class=\"cstat-no\" title=\"statement not covered\" >Up from './Fade/InUp';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeInUp<span class=\"cstat-no\" title=\"statement not covered\" >Big from './Fade/InUpBig';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\n&nbsp;\nimport FadeO<span class=\"cstat-no\" title=\"statement not covered\" >ut from './Fade/Out';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeOutDo<span class=\"cstat-no\" title=\"statement not covered\" >wn from './Fade/OutDown';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeOutDown<span class=\"cstat-no\" title=\"statement not covered\" >Big from './Fade/OutDownBig';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeOutLe<span class=\"cstat-no\" title=\"statement not covered\" >ft from './Fade/OutLeft';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeOutLeft<span class=\"cstat-no\" title=\"statement not covered\" >Big from './Fade/OutLeftBig';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeOutRig<span class=\"cstat-no\" title=\"statement not covered\" >ht from './Fade/OutRight';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeOutRight<span class=\"cstat-no\" title=\"statement not covered\" >Big from './Fade/OutRightBig';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeOut<span class=\"cstat-no\" title=\"statement not covered\" >Up from './Fade/OutUp';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FadeOutUp<span class=\"cstat-no\" title=\"statement not covered\" >Big from './Fade/OutUpBig';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\n&nbsp;\nimport Flip <span class=\"cstat-no\" title=\"statement not covered\" >from './Flip';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport Flip<span class=\"cstat-no\" title=\"statement not covered\" >InX from './Flip/InX';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport Flip<span class=\"cstat-no\" title=\"statement not covered\" >InY from './Flip/InY';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FlipO<span class=\"cstat-no\" title=\"statement not covered\" >utX from './Flip/OutX';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport FlipO<span class=\"cstat-no\" title=\"statement not covered\" >utY from './Flip/OutY';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\n&nbsp;\nimport Ligh<span class=\"cstat-no\" title=\"statement not covered\" >tSpeedIn from './LightSpeed</span>/In';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport Light<span class=\"cstat-no\" title=\"statement not covered\" >SpeedOut from './LightSpeed/</span>Out';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n&nbsp;\nimport Rota<span class=\"cstat-no\" title=\"statement not covered\" >teIn from './Rotate/In'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport RotateInDow<span class=\"cstat-no\" title=\"statement not covered\" >nLeft from './Rotate/InDownLeft</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport RotateInDown<span class=\"cstat-no\" title=\"statement not covered\" >Right from './Rotate/InDownRight</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport RotateInU<span class=\"cstat-no\" title=\"statement not covered\" >pLeft from './Rotate/InUpLeft</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport RotateInUp<span class=\"cstat-no\" title=\"statement not covered\" >Right from './Rotate/InUpRight</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n&nbsp;\nimport Rotat<span class=\"cstat-no\" title=\"statement not covered\" >eOut from './Rotate/Out'</span>;<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport RotateOutDow<span class=\"cstat-no\" title=\"statement not covered\" >nLeft from './Rotate/OutDownLeft</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport RotateOutDown<span class=\"cstat-no\" title=\"statement not covered\" >Right from './Rotate/OutDownRight</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport RotateOutU<span class=\"cstat-no\" title=\"statement not covered\" >pLeft from './Rotate/OutUpLeft</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\nimport RotateOutUp<span class=\"cstat-no\" title=\"statement not covered\" >Right from './Rotate/OutUpRight</span>';<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n&nbsp;\nimport SlideInD<span class=\"cstat-no\" title=\"statement not covered\" >own from './Slide/InDown';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport SlideInL<span class=\"cstat-no\" title=\"statement not covered\" >eft from './Slide/InLeft';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport SlideInRi<span class=\"cstat-no\" title=\"statement not covered\" >ght from './Slide/InRight';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport SlideI<span class=\"cstat-no\" title=\"statement not covered\" >nUp from './Slide/InUp';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\n&nbsp;\nimport SlideOutD<span class=\"cstat-no\" title=\"statement not covered\" >own from './Slide/OutDown';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport SlideOutL<span class=\"cstat-no\" title=\"statement not covered\" >eft from './Slide/OutLeft';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport SlideOutRi<span class=\"cstat-no\" title=\"statement not covered\" >ght from './Slide/OutRight';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport SlideOu<span class=\"cstat-no\" title=\"statement not covered\" >tUp from './Slide/OutUp';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\n&nbsp;\nimport Hinge <span class=\"cstat-no\" title=\"statement not covered\" >from './Especials/Hinge';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport RollIn <span class=\"cstat-no\" title=\"statement not covered\" >from './Especials/RollIn';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport RollOut <span class=\"cstat-no\" title=\"statement not covered\" >from './Especials/RollOut';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\n&nbsp;\nimport Zoom<span class=\"cstat-no\" title=\"statement not covered\" >In from './Zoom/In';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport ZoomInDo<span class=\"cstat-no\" title=\"statement not covered\" >wn from './Zoom/InDown';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport ZoomInLe<span class=\"cstat-no\" title=\"statement not covered\" >ft from './Zoom/InLeft';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport ZoomInRig<span class=\"cstat-no\" title=\"statement not covered\" >ht from './Zoom/InRight';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport ZoomIn<span class=\"cstat-no\" title=\"statement not covered\" >Up from './Zoom/InUp';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\n&nbsp;\nimport ZoomO<span class=\"cstat-no\" title=\"statement not covered\" >ut from './Zoom/Out';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport ZoomOutDo<span class=\"cstat-no\" title=\"statement not covered\" >wn from './Zoom/OutDown';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport ZoomOutLe<span class=\"cstat-no\" title=\"statement not covered\" >ft from './Zoom/OutLeft';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport ZoomOutRig<span class=\"cstat-no\" title=\"statement not covered\" >ht from './Zoom/OutRight';<span class=\"cstat-no\" title=\"statement not covered\" ></span></span>\nimport ZoomOut<span class=\"cstat-no\" title=\"statement not covered\" >Up from './Zoom/OutUp';<span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"cstat-no\" title=\"statement not covered\" ><span class=\"fstat-no\" title=\"function not covered\" ></span></span></span></span></span>\n&nbsp;\nexport {\n  Bounce,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  Flash,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  HeadShake,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  Jello,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  Pulse,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RubberBand,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  Shake,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  Swing,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  Tada,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  Wobble,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BounceIn,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BounceInUp,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BounceInDown,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BounceInLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BounceInRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BounceOut,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BounceOutDown,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BounceOutLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BounceOutRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BounceOutUp,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeIn,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeInDown,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeInDownBig,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeInLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeInLeftBig,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeInRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeInRightBig,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeInUp,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeInUpBig,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeOut,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeOutDown,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeOutDownBig,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeOutLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeOutLeftBig,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeOutRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeOutRightBig,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeOutUp,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FadeOutUpBig,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  Flip,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FlipInX,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FlipInY,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FlipOutX,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  FlipOutY,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  LightSpeedIn,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  LightSpeedOut,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RotateIn,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RotateInDownLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RotateInDownRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RotateInUpLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RotateInUpRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RotateOut,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RotateOutDownLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RotateOutDownRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RotateOutUpLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RotateOutUpRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  SlideInDown,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  SlideInLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  SlideInRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  SlideInUp,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  SlideOutDown,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  SlideOutLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  SlideOutRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  SlideOutUp,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  Hinge,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RollIn,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  RollOut,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  ZoomIn,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  ZoomInDown,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  ZoomInLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  ZoomInRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  ZoomInUp,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  ZoomOut,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  ZoomOutDown,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  ZoomOutLeft,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  ZoomOutRight,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  ZoomOutUp,<span class=\"cstat-no\" title=\"statement not covered\" ></span>\n  BaseAnimation\n};\n&nbsp;</pre></td></tr>\n</table></pre>\n<div class='push'></div><!-- for sticky footer -->\n</div><!-- /wrapper -->\n<div class='footer quiet pad2 space-top1 center small'>\n  Code coverage\n  generated by <a href=\"https://istanbul.js.org/\" target=\"_blank\">istanbul</a> at Sun Jul 09 2017 23:18:01 GMT-0300 (-03)\n</div>\n</div>\n<script src=\"../prettify.js\"></script>\n<script>\nwindow.onload = function () {\n        if (typeof prettyPrint === 'function') {\n            prettyPrint();\n        }\n};\n</script>\n<script src=\"../sorter.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "stories/Animate.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport FullView from '../Example/FullView';\nimport Card from '../Example/Card';\nimport Animate, {\n    Flash,\n    Bounce,\n    FadeOut,\n    FadeIn\n} from '../src';\n\n\nstoriesOf('Animate (HOC)', module)\n    .add('Multiple Animations', () => (\n        <FullView center>\n            <Animate Animation={[Flash, Bounce, FadeOut, FadeIn]} duration=\"0.8s\" delay=\"0.2s\">\n                <Card rounded width=\"100px\" height=\"100px\">\n                    card content...\n                </Card>\n            </Animate>\n        </FullView>\n    ))\n    .add('Multiple Animations with diferent times and delays', () => (\n        <FullView center>\n            <Animate Animation={[Flash, Bounce, FadeOut, FadeIn]} duration={[\"0.8s\", \"3s\", \"2s\", \"0.4s\"]} delay={[\"0.2s\", \"0.1s\", \"0.5s\", \"1s\"]}>\n                <Card rounded width=\"100px\" height=\"100px\">\n                    card content...\n                </Card>\n            </Animate>\n        </FullView>\n    ));"
  },
  {
    "path": "stories/Attention.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport FullView from '../Example/FullView';\nimport Card from '../Example/Card';\nimport {\n  Flash,\n  HeadShake,\n  Jello,\n  Pulse,\n  RubberBand,\n  Shake,\n  Swing,\n  Tada,\n  Wobble\n} from '../src';\n\n\nstoriesOf('Attention', module)\n  .add('Flash', () => (\n    <FullView center>\n      <Flash duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </Flash>\n    </FullView>\n  ))\n  .add('HeadShake', () => (\n    <FullView center>\n      <HeadShake duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </HeadShake>\n    </FullView>\n  ))\n  .add('Jello', () => (\n    <FullView center>\n      <Jello duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </Jello>\n    </FullView>\n  ))\n  .add('Pulse', () => (\n    <FullView center>\n      <Pulse duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </Pulse>\n    </FullView>\n  ))\n  .add('RubberBand', () => (\n    <FullView center>\n      <RubberBand duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RubberBand>\n    </FullView>\n  ))\n  .add('Shake', () => (\n    <FullView center>\n      <Shake duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </Shake>\n    </FullView>\n  ))\n  .add('Swing', () => (\n    <FullView center>\n      <Swing duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </Swing>\n    </FullView>\n  ))\n  .add('Tada', () => (\n    <FullView center>\n      <Tada duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </Tada>\n    </FullView>\n  ))\n  .add('Wobble', () => (\n    <FullView center>\n      <Wobble duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </Wobble>\n    </FullView>\n  ));\n"
  },
  {
    "path": "stories/Bounce.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport FullView from '../Example/FullView';\nimport Card from '../Example/Card';\nimport {\n  Bounce,\n  BounceIn,\n  BounceInDown,\n  BounceInLeft,\n  BounceInRight,\n  BounceInUp,\n  BounceOut,\n  BounceOutDown,\n  BounceOutLeft,\n  BounceOutRight,\n  BounceOutUp\n} from '../src';\n\n\nstoriesOf('Bounce', module)\n.add('Bounce', () => (\n  <FullView center>\n    <Bounce duration=\"0.8s\" delay=\"0.2s\">\n      <Card rounded width=\"100px\" height=\"100px\">\n        card content...\n      </Card>\n    </Bounce>\n  </FullView>\n))\n  .add('BounceIn', () => (\n    <FullView center>\n      <BounceIn duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </BounceIn>\n    </FullView>\n  ))\n  .add('BounceInDown', () => (\n    <FullView center>\n      <BounceInDown duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </BounceInDown>\n    </FullView>\n  ))\n  .add('BounceInLeft', () => (\n    <FullView center>\n      <BounceInLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </BounceInLeft>\n    </FullView>\n  ))\n  .add('BounceInRight', () => (\n    <FullView center>\n      <BounceInRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </BounceInRight>\n    </FullView>\n  ))\n  .add('BounceInUp', () => (\n    <FullView center>\n      <BounceInUp duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </BounceInUp>\n    </FullView>\n  ))\n  .add('BounceOut', () => (\n    <FullView center>\n      <BounceOut duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </BounceOut>\n    </FullView>\n  ))\n  .add('BounceOutDown', () => (\n    <FullView center>\n      <BounceOutDown duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </BounceOutDown>\n    </FullView>\n  ))\n  .add('BounceOutLeft', () => (\n    <FullView center>\n      <BounceOutLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </BounceOutLeft>\n    </FullView>\n  ))\n  .add('BounceOutRight', () => (\n    <FullView center>\n      <BounceOutRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </BounceOutRight>\n    </FullView>\n  ))\n  .add('BounceOutUp', () => (\n    <FullView center>\n      <BounceOutUp duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </BounceOutUp>\n    </FullView>\n  ));\n"
  },
  {
    "path": "stories/Especials.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport FullView from '../Example/FullView';\nimport Card from '../Example/Card';\nimport {\n  Hinge,\n  RollIn,\n  RollOut\n} from '../src';\n\n\nstoriesOf('Especials', module)\n.add('Hinge', () => (\n  <FullView center>\n    <Hinge duration=\"0.8s\" delay=\"0.2s\">\n      <Card rounded width=\"100px\" height=\"100px\">\n        card content...\n      </Card>\n    </Hinge>\n  </FullView>\n))\n  .add('RollIn', () => (\n    <FullView center>\n      <RollIn duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RollIn>\n    </FullView>\n  ))\n  .add('RollOut', () => (\n    <FullView center>\n      <RollOut duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RollOut>\n    </FullView>\n  ));\n"
  },
  {
    "path": "stories/Fade.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport FullView from '../Example/FullView';\nimport Card from '../Example/Card';\nimport {\n  FadeIn,\n  FadeInDown,\n  FadeInDownBig,\n  FadeInLeft,\n  FadeInLeftBig,\n  FadeInRight,\n  FadeInRightBig,\n  FadeInUp,\n  FadeInUpBig,\n  FadeOut,\n  FadeOutDown,\n  FadeOutDownBig,\n  FadeOutLeft,\n  FadeOutLeftBig,\n  FadeOutRight,\n  FadeOutRightBig,\n  FadeOutUp,\n  FadeOutUpBig\n} from '../src';\n\n\nstoriesOf('Fade', module)\n.add('FadeIn', () => (\n  <FullView center>\n    <FadeIn duration=\"0.8s\" delay=\"0.2s\">\n      <Card rounded width=\"100px\" height=\"100px\">\n        card content...\n      </Card>\n    </FadeIn>\n  </FullView>\n))\n  .add('FadeInDown', () => (\n    <FullView center>\n      <FadeInDown duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeInDown>\n    </FullView>\n  ))\n  .add('FadeInDownBig', () => (\n    <FullView center>\n      <FadeInDownBig duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeInDownBig>\n    </FullView>\n  ))\n  .add('FadeInLeft', () => (\n    <FullView center>\n      <FadeInLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeInLeft>\n    </FullView>\n  ))\n  .add('FadeInLeftBig', () => (\n    <FullView center>\n      <FadeInLeftBig duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeInLeftBig>\n    </FullView>\n  ))\n  .add('FadeInRight', () => (\n    <FullView center>\n      <FadeInRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeInRight>\n    </FullView>\n  ))\n  .add('FadeInRightBig', () => (\n    <FullView center>\n      <FadeInRightBig duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeInRightBig>\n    </FullView>\n  ))\n  .add('FadeInUp', () => (\n    <FullView center>\n      <FadeInUp duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeInUp>\n    </FullView>\n  ))\n  .add('FadeInUpBig', () => (\n    <FullView center>\n      <FadeInUpBig duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeInUpBig>\n    </FullView>\n  ))\n  .add('FadeOut', () => (\n    <FullView center>\n      <FadeOut duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeOut>\n    </FullView>\n  ))\n  .add('FadeOutDown', () => (\n    <FullView center>\n      <FadeOutDown duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeOutDown>\n    </FullView>\n  ))\n  .add('FadeOutDownBig', () => (\n    <FullView center>\n      <FadeOutDownBig duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeOutDownBig>\n    </FullView>\n  ))\n  .add('FadeOutLeft', () => (\n    <FullView center>\n      <FadeOutLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeOutLeft>\n    </FullView>\n  ))\n  .add('FadeOutLeftBig', () => (\n    <FullView center>\n      <FadeOutLeftBig duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeOutLeftBig>\n    </FullView>\n  ))\n  .add('FadeOutRight', () => (\n    <FullView center>\n      <FadeOutRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeOutRight>\n    </FullView>\n  ))\n  .add('FadeOutRightBig', () => (\n    <FullView center>\n      <FadeOutRightBig duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeOutRightBig>\n    </FullView>\n  ))\n  .add('FadeOutUp', () => (\n    <FullView center>\n      <FadeOutUp duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeOutUp>\n    </FullView>\n  ))\n  .add('FadeOutUpBig', () => (\n    <FullView center>\n      <FadeOutUpBig duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FadeOutUpBig>\n    </FullView>\n  ));\n"
  },
  {
    "path": "stories/Flip.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport FullView from '../Example/FullView';\nimport Card from '../Example/Card';\nimport {\n  Flip,\n  FlipInX,\n  FlipInY,\n  FlipOutX,\n  FlipOutY\n} from '../src';\n\n\nstoriesOf('Flip', module)\n.add('Flip', () => (\n  <FullView center>\n    <Flip duration=\"0.8s\" delay=\"0.2s\">\n      <Card rounded width=\"100px\" height=\"100px\">\n        card content...\n      </Card>\n    </Flip>\n  </FullView>\n))\n  .add('FlipInX', () => (\n    <FullView center>\n      <FlipInX duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FlipInX>\n    </FullView>\n  ))\n  .add('FlipInY', () => (\n    <FullView center>\n      <FlipInY duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FlipInY>\n    </FullView>\n  ))\n  .add('FlipOutX', () => (\n    <FullView center>\n      <FlipOutX duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FlipOutX>\n    </FullView>\n  ))\n  .add('FlipOutY', () => (\n    <FullView center>\n      <FlipOutY duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </FlipOutY>\n    </FullView>\n  ));\n"
  },
  {
    "path": "stories/LightSpeed.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport FullView from '../Example/FullView';\nimport Card from '../Example/Card';\nimport {\n  LightSpeedIn,\n  LightSpeedOut\n} from '../src';\n\n\nstoriesOf('LightSpeed', module)\n.add('LightSpeedIn', () => (\n  <FullView center>\n    <LightSpeedIn duration=\"0.8s\" delay=\"0.2s\">\n      <Card rounded width=\"100px\" height=\"100px\">\n        card content...\n      </Card>\n    </LightSpeedIn>\n  </FullView>\n))\n  .add('LightSpeedOut', () => (\n    <FullView center>\n      <LightSpeedOut duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </LightSpeedOut>\n    </FullView>\n  ));\n"
  },
  {
    "path": "stories/Rotate.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport FullView from '../Example/FullView';\nimport Card from '../Example/Card';\nimport {\n  RotateIn,\n  RotateInDownLeft,\n  RotateInDownRight,\n  RotateInUpLeft,\n  RotateInUpRight,\n  RotateOut,\n  RotateOutDownLeft,\n  RotateOutDownRight,\n  RotateOutUpLeft,\n  RotateOutUpRight\n} from '../src';\n\n\nstoriesOf('Rotate', module)\n  .add('RotateIn', () => (\n    <FullView center>\n      <RotateIn duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RotateIn>\n    </FullView>\n  ))\n  .add('RotateInDownLeft', () => (\n    <FullView center>\n      <RotateInDownLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RotateInDownLeft>\n    </FullView>\n  ))\n  .add('RotateInDownRight', () => (\n    <FullView center>\n      <RotateInDownRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RotateInDownRight>\n    </FullView>\n  ))\n  .add('RotateInUpLeft', () => (\n    <FullView center>\n      <RotateInUpLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RotateInUpLeft>\n    </FullView>\n  ))\n  .add('RotateInUpRight', () => (\n    <FullView center>\n      <RotateInUpRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RotateInUpRight>\n    </FullView>\n  ))\n  .add('RotateOut', () => (\n    <FullView center>\n      <RotateOut duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RotateOut>\n    </FullView>\n  ))\n  .add('RotateOutDownLeft', () => (\n    <FullView center>\n      <RotateOutDownLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RotateOutDownLeft>\n    </FullView>\n  ))\n  .add('RotateOutDownRight', () => (\n    <FullView center>\n      <RotateOutDownRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RotateOutDownRight>\n    </FullView>\n  ))\n  .add('RotateOutUpLeft', () => (\n    <FullView center>\n      <RotateOutUpLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RotateOutUpLeft>\n    </FullView>\n  ))\n  .add('RotateOutUpRight', () => (\n    <FullView center>\n      <RotateOutUpRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </RotateOutUpRight>\n    </FullView>\n  ));\n"
  },
  {
    "path": "stories/Slide.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport FullView from '../Example/FullView';\nimport Card from '../Example/Card';\nimport {\n  SlideInDown,\n  SlideInLeft,\n  SlideInRight,\n  SlideInUp,\n  SlideOutDown,\n  SlideOutLeft,\n  SlideOutRight,\n  SlideOutUp\n} from '../src';\n\n\nstoriesOf('Slide', module)\n  .add('SlideInDown', () => (\n    <FullView center>\n      <SlideInDown duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </SlideInDown>\n    </FullView>\n  ))\n  .add('SlideInLeft', () => (\n    <FullView center>\n      <SlideInLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </SlideInLeft>\n    </FullView>\n  ))\n  .add('SlideInRight', () => (\n    <FullView center>\n      <SlideInRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </SlideInRight>\n    </FullView>\n  ))\n  .add('SlideInUp', () => (\n    <FullView center>\n      <SlideInUp duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </SlideInUp>\n    </FullView>\n  ))\n  .add('SlideOutDown', () => (\n    <FullView center>\n      <SlideOutDown duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </SlideOutDown>\n    </FullView>\n  ))\n  .add('SlideOutLeft', () => (\n    <FullView center>\n      <SlideOutLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </SlideOutLeft>\n    </FullView>\n  ))\n  .add('SlideOutRight', () => (\n    <FullView center>\n      <SlideOutRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </SlideOutRight>\n    </FullView>\n  ))\n  .add('SlideOutUp', () => (\n    <FullView center>\n      <SlideOutUp duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </SlideOutUp>\n    </FullView>\n  ));\n"
  },
  {
    "path": "stories/Zoom.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport FullView from '../Example/FullView';\nimport Card from '../Example/Card';\nimport {\n  ZoomIn,\n  ZoomInDown,\n  ZoomInLeft,\n  ZoomInRight,\n  ZoomInUp,\n  ZoomOut,\n  ZoomOutDown,\n  ZoomOutLeft,\n  ZoomOutRight,\n  ZoomOutUp\n} from '../src';\n\n\nstoriesOf('Zoom', module)\n  .add('ZoomIn', () => (\n    <FullView center>\n      <ZoomIn duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </ZoomIn>\n    </FullView>\n  ))\n  .add('ZoomInDown', () => (\n    <FullView center>\n      <ZoomInDown duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </ZoomInDown>\n    </FullView>\n  ))\n  .add('ZoomInLeft', () => (\n    <FullView center>\n      <ZoomInLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </ZoomInLeft>\n    </FullView>\n  ))\n  .add('ZoomInRight', () => (\n    <FullView center>\n      <ZoomInRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </ZoomInRight>\n    </FullView>\n  ))\n  .add('ZoomInUp', () => (\n    <FullView center>\n      <ZoomInUp duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </ZoomInUp>\n    </FullView>\n  ))\n  .add('ZoomOut', () => (\n    <FullView center>\n      <ZoomOut duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </ZoomOut>\n    </FullView>\n  ))\n  .add('ZoomOutDown', () => (\n    <FullView center>\n      <ZoomOutDown duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </ZoomOutDown>\n    </FullView>\n  ))\n  .add('ZoomOutLeft', () => (\n    <FullView center>\n      <ZoomOutLeft duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </ZoomOutLeft>\n    </FullView>\n  ))\n  .add('ZoomOutRight', () => (\n    <FullView center>\n      <ZoomOutRight duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </ZoomOutRight>\n    </FullView>\n  ))\n  .add('ZoomOutUp', () => (\n    <FullView center>\n      <ZoomOutUp duration=\"0.8s\" delay=\"0.2s\">\n        <Card rounded width=\"100px\" height=\"100px\">\n          card content...\n        </Card>\n      </ZoomOutUp>\n    </FullView>\n  ));\n"
  }
]