{"version":3,"sources":["webpack:///./src/components/Transitions/ExpandTransition.vue","webpack:///src/components/Transitions/ExpandTransition.vue","webpack:///./src/components/Transitions/ExpandTransition.vue?594a","webpack:///./src/components/Transitions/ExpandTransition.vue?d9db","webpack:///./src/components/Transitions/ExpandTransition.vue?0724"],"names":["render","_vm","this","_c","_self","attrs","on","enter","afterEnter","leave","_t","staticRenderFns","name","components","mixins","props","data","computed","watch","created","mounted","beforeDestroy","methods","element","setTimeout","requestAnimationFrame","beforeRouteEnter","to","from","next","beforeRouteLeave","component"],"mappings":"yJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,qBAAqBC,GAAG,CAAC,MAAQL,EAAIM,MAAM,cAAcN,EAAIO,WAAW,MAAQP,EAAIQ,QAAQ,CAACR,EAAIS,GAAG,YAAY,IAE9MC,EAAkB,GCQP,GACfC,wBACAC,cACAC,UACAC,SACAC,gBACA,UAEAC,YACAC,SACAC,QAVA,aAWAC,QAXA,aAYAC,cAZA,aAaAC,SACAf,MADA,SACAgB,GACA,gCAEAA,gBACAA,4BACAA,4BACAA,sBAEA,iCAEAA,mBACAA,sBACAA,wBACAA,iBAWAC,uBACAC,kCACAF,sBAEA,KAEAf,WA/BA,SA+BAe,GACAA,uBAEAd,MAlCA,SAkCAc,GACA,iCAEAA,iBAMAC,uBACAC,kCACAF,sBAEA,MAGAG,iBA/DA,SA+DAC,EAAAC,EAAAC,KACAC,iBAhEA,SAgEAH,EAAAC,EAAAC,MC1EwW,I,wBCQpWE,EAAY,eACd,EACA/B,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAoB,E,2CCnBf","file":"static/js/common-components-chunk.5a9adf86.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"expand-transition\"},on:{\"enter\":_vm.enter,\"after-enter\":_vm.afterEnter,\"leave\":_vm.leave}},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition name=\"expand-transition\"\n    @enter=\"enter\"\n    @after-enter=\"afterEnter\"\n    @leave=\"leave\">\n    <slot />\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'ExpandTransition',\n  components: {},\n  mixins: [],\n  props: {},\n  data: () => {\n    return {}\n  },\n  computed: {},\n  watch: {},\n  created() {},\n  mounted() {},\n  beforeDestroy() {},\n  methods: {\n    enter(element) {\n      const width = getComputedStyle(element).width\n\n      element.style.width = width\n      element.style.position = 'absolute'\n      element.style.visibility = 'hidden'\n      element.style.height = 'auto'\n\n      const height = getComputedStyle(element).height\n\n      element.style.width = null\n      element.style.position = null\n      element.style.visibility = null\n      element.style.height = 0\n\n      // Force repaint to make sure the\n      // animation is triggered correctly.\n      // getComputedStyle(element).height\n\n      // Trigger the animation.\n      // We use `requestAnimationFrame` because we need\n      // to make sure the browser has finished\n      // painting after setting the `height`\n      // to `0` in the line above.\n      setTimeout(() => {\n        requestAnimationFrame(() => {\n          element.style.height = height\n        })\n      }, 20)\n    },\n    afterEnter(element) {\n      element.style.height = 'auto'\n    },\n    leave(element) {\n      const height = getComputedStyle(element).height\n\n      element.style.height = height\n\n      // Force repaint to make sure the\n      // animation is triggered correctly.\n      // getComputedStyle(element).height\n\n      setTimeout(() => {\n        requestAnimationFrame(() => {\n          element.style.height = 0\n        })\n      }, 20)\n    }\n  },\n  beforeRouteEnter (to, from, next) {},\n  beforeRouteLeave (to, from, next) {}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.expand-transition-enter-active,\n.expand-transition-leave-active {\n  transition: height 300ms ease-in-out;\n  overflow: hidden;\n}\n\n.expand-transition-enter,\n.expand-transition-leave-to {\n  height: 0;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExpandTransition.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExpandTransition.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ExpandTransition.vue?vue&type=template&id=b0ab5d8c&scoped=true\"\nimport script from \"./ExpandTransition.vue?vue&type=script&lang=js\"\nexport * from \"./ExpandTransition.vue?vue&type=script&lang=js\"\nimport style0 from \"./ExpandTransition.vue?vue&type=style&index=0&id=b0ab5d8c&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b0ab5d8c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExpandTransition.vue?vue&type=style&index=0&id=b0ab5d8c&prod&lang=scss&scoped=true\""],"sourceRoot":""}