{"version":3,"sources":["webpack:///src/components/UI/TransitionExpand.vue","webpack:///./src/components/UI/TransitionExpand.vue","webpack:///./src/components/UI/TransitionExpand.vue?7c9b","webpack:///./src/components/UI/TransitionExpand.vue?08db","webpack:///./src/components/UI/TransitionExpand.vue?cdc1"],"names":["render","staticRenderFns","name","functional","createElement","context","data","props","on","afterEnter","element","style","height","enter","_getComputedStyle","getComputedStyle","width","position","visibility","_getComputedStyle2","setTimeout","leave","_getComputedStyle3","children","component"],"mappings":"yHACe,ICDXA,EAAQC,EDCG,GACfC,KAAA,mBACAC,YAAA,EACAH,OAAA,SAAAI,EAAAC,GACA,IAAAC,EAAA,CACAC,MAAA,CACAL,KAAA,UAEAM,GAAA,CACAC,WAAA,SAAAC,GAEAA,EAAAC,MAAAC,OAAA,QAEAC,MAAA,SAAAH,GACA,IAAAI,EAAAC,iBAAAL,GAAAM,EAAAF,EAAAE,MAEAN,EAAAC,MAAAK,QACAN,EAAAC,MAAAM,SAAA,WACAP,EAAAC,MAAAO,WAAA,SACAR,EAAAC,MAAAC,OAAA,OAEA,IAAAO,EAAAJ,iBAAAL,GAAAE,EAAAO,EAAAP,OAEAF,EAAAC,MAAAK,MAAA,KACAN,EAAAC,MAAAM,SAAA,KACAP,EAAAC,MAAAO,WAAA,KACAR,EAAAC,MAAAC,OAAA,EAKAG,iBAAAL,GAAAE,OACAQ,YAAA,WAEAV,EAAAC,MAAAC,aAGAS,MAAA,SAAAX,GACA,IAAAY,EAAAP,iBAAAL,GAAAE,EAAAU,EAAAV,OAEAF,EAAAC,MAAAC,SAIAG,iBAAAL,GAAAE,OACAQ,YAAA,WAEAV,EAAAC,MAAAC,OAAA,QAKA,OAAAR,EAAA,aAAAE,EAAAD,EAAAkB,YErDwW,I,kCDSpWC,EAAY,eACd,EACAxB,EACAC,GACA,EACA,KACA,WACA,MAIa,aAAAuB,E,oEEpBf,W,2DCAA","file":"js/chunk-12bdb343.js?id=941d5fd26d2e9f635bae","sourcesContent":["<script>\nexport default {\n  name: `TransitionExpand`,\n  functional: true,\n  render(createElement, context) {\n    const data = {\n      props: {\n        name: `expand`\n      },\n      on: {\n        afterEnter(element) {\n          // eslint-disable-next-line no-param-reassign\n          element.style.height = `auto`\n        },\n        enter(element) {\n          const { width } = getComputedStyle(element)\n          /* eslint-disable no-param-reassign */\n          element.style.width = width\n          element.style.position = `absolute`\n          element.style.visibility = `hidden`\n          element.style.height = `auto`\n          /* eslint-enable */\n          const { height } = getComputedStyle(element)\n          /* eslint-disable no-param-reassign */\n          element.style.width = null\n          element.style.position = null\n          element.style.visibility = null\n          element.style.height = 0\n          /* eslint-enable */\n          // Force repaint to make sure the\n          // animation is triggered correctly.\n          // eslint-disable-next-line no-unused-expressions\n          getComputedStyle(element).height\n          setTimeout(() => {\n            // eslint-disable-next-line no-param-reassign\n            element.style.height = height\n          })\n        },\n        leave(element) {\n          const { height } = getComputedStyle(element)\n          // eslint-disable-next-line no-param-reassign\n          element.style.height = height\n          // Force repaint to make sure the\n          // animation is triggered correctly.\n          // eslint-disable-next-line no-unused-expressions\n          getComputedStyle(element).height\n          setTimeout(() => {\n            // eslint-disable-next-line no-param-reassign\n            element.style.height = 0\n          })\n        }\n      }\n    }\n    return createElement(`transition`, data, context.children)\n  }\n}\n</script>\n\n<style scoped>\n* {\n  will-change: height;\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  perspective: 1000px;\n}\n</style>\n\n<style>\n.expand-enter-active,\n.expand-leave-active {\n  transition: height 0.3s ease-in-out;\n  overflow: hidden;\n}\n.expand-enter,\n.expand-leave-to {\n  height: 0;\n}\n</style>\n","var render, staticRenderFns\nimport script from \"./TransitionExpand.vue?vue&type=script&lang=js\"\nexport * from \"./TransitionExpand.vue?vue&type=script&lang=js\"\nimport style0 from \"./TransitionExpand.vue?vue&type=style&index=0&id=3deb10ec&prod&scoped=true&lang=css\"\nimport style1 from \"./TransitionExpand.vue?vue&type=style&index=1&id=3deb10ec&prod&lang=css\"\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  \"3deb10ec\",\n  null\n  \n)\n\nexport default component.exports","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!./TransitionExpand.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!./TransitionExpand.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TransitionExpand.vue?vue&type=style&index=1&id=3deb10ec&prod&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TransitionExpand.vue?vue&type=style&index=0&id=3deb10ec&prod&scoped=true&lang=css\""],"sourceRoot":""}