text: (window.webpackJsonp=window.webpackJsonp||[]).push([[1023],{1015:function(n,e){throw new Error('Module parse failed: Unexpected token (1:10)\nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n> {"version":3,"file":"translate-from-right.vue.js","sources":["../../../../src/components/animations/translate-from-right.vue"],"sourcesContent":["<template>\\n  <transition v-on=\\"$listeners\\" appear name=\\"x-translate-from-right-\\">\\n    \x3c!-- @slot (Required) to add content to the transition --\x3e\\n    <slot />\\n  </transition>\\n</template>\\n\\n<script lang=\\"ts\\">\\n  import Vue from \'vue\';\\n  import { Component } from \'vue-property-decorator\';\\n\\n  /**\\n   * Renders a transition wrapping the element passed in the default slot and moving it to its\\n   * desired position.\\n   *\\n   * @public\\n   */\\n  @Component\\n  export default class TranslateFromRight extends Vue {}\\n<\/script>\\n\\n<style lang=\\"scss\\" scoped>\\n  .x-translate-from-right {\\n    &--enter-active,\\n    &--leave-active {\\n      transition: transform 0.3s ease-out;\\n    }\\n\\n    &--leave-to,\\n    &--enter {\\n      transform: translateX(100%);\\n    }\\n  }\\n</style>\\n\\n<docs lang=\\"mdx\\">\\n## Example\\n\\nThe `TranslateFromRight` component is intended to be used as animation to wrap an element with v-if\\nor v-show and animate it. The animation translates the item from/to right 100%.\\n\\nUsed wrapping a component:\\n\\n```vue\\n<TranslateFromRight>\\n  <ComponentOrElement v-if=\\"open\\"/>\\n</TranslateFromRight>\\n```\\n</docs>\\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}')}}]);