text: (window.webpackJsonp=window.webpackJsonp||[]).push([[890],{1003: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":"collapse-width.vue.js","sources":["../../../../src/components/animations/collapse-width.vue"],"sourcesContent":["<template>\\n  <transition\\n    v-on=\\"$listeners\\"\\n    @enter=\\"expand\\"\\n    @after-enter=\\"cleanUpAnimationStyles\\"\\n    @leave=\\"collapse\\"\\n    appear\\n    name=\\"x-collapse-width-\\"\\n  >\\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  import { createCollapseAnimationMixin } from \'./animations.mixin\';\\n\\n  /**\\n   * Renders a transition wrapping the element passed in the default slot and animating\\n   * it with a width animation.\\n   *\\n   * @public\\n   */\\n  @Component({\\n    mixins: [createCollapseAnimationMixin(\'width\')]\\n  })\\n  export default class CollapseWidth extends Vue {}\\n<\/script>\\n\\n<style lang=\\"scss\\" scoped>\\n  .x-collapse-width {\\n    &--enter-active,\\n    &--leave-active {\\n      transition: width 0.3s ease-out;\\n      overflow: hidden;\\n    }\\n  }\\n</style>\\n\\n<docs lang=\\"mdx\\">\\n## Examples\\n\\nThe CollapseWidth component is intended to be used as animation to wrap an element with v-if or\\nv-show and animate it. The animation consists on scale its width size from 0 to auto. This\\ntransition does not work with components that have horizontal margin, padding or border. It also is\\ndependant of the width of the child elements and not the root element.\\n\\nUsed wrapping a component:\\n\\n```vue\\n<CollapseWidth>\\n  <ComponentOrElement v-if=\\"open\\"/>\\n</CollapseWidth>\\n```\\n</docs>\\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}')}}]);