{"version":3,"sources":["webpack:///./src/components/extension/TransitionExpand.vue?bdac","webpack:///./src/components/extension/TransitionExpand.vue?b855","webpack:///src/components/extension/TransitionExpand.vue","webpack:///./src/components/extension/TransitionExpand.vue?3a4f","webpack:///./src/components/extension/TransitionExpand.vue?72ea"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","beforeEnter","enter","afterEnter","beforeLeave","leave","_t","staticRenderFns","name","props","minHeight","type","Number","default","data","state","singleElement","closeHeight","repaintHeight","methods","element","classList","remove","add","style","width","position","visibility","height","getComputedStyle","requestAnimationFrame","overflow","display","mounted","$el","component"],"mappings":"qJAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,eAAeP,EAAIQ,YAAY,MAAQR,EAAIS,MAAM,cAAcT,EAAIU,WAAW,eAAeV,EAAIW,YAAY,MAAQX,EAAIY,QAAQ,CAACZ,EAAIa,GAAG,YAAY,IAC9RC,EAAkB,GCatB,G,UAAA,CACEC,KAAM,mBACNC,MAAO,CACLC,UAAW,CACTC,KAAMC,OACNC,QAAS,IAGbC,KARF,WASI,MAAO,CACLC,OAAO,EACPC,cAAetB,KAAKgB,UAAY,EAChCO,YAAa,GAAnB,4BACMC,cAAe,IAGnBC,QAAS,CACPlB,YADJ,SACA,GACMP,KAAKqB,OAASrB,KAAKqB,MAEfrB,KAAKsB,gBACPI,EAAQC,UAAUC,OAAO,oBAAqB,uBAEzC5B,KAAKqB,QACRK,EAAQC,UAAUC,OAAO,gBACzBF,EAAQC,UAAUE,IAAI,mBAI5BrB,MAbJ,SAaA,cACUR,KAAKsB,gBAAkBtB,KAAKqB,QAC9BK,EAAQC,UAAUC,OAAO,uBACzBF,EAAQC,UAAUE,IAAI,wBAGxB,IAAN,4BAEMH,EAAQI,MAAMC,MAAQA,EACtBL,EAAQI,MAAME,SAAW,WACzBN,EAAQI,MAAMG,WAAa,SAC3BP,EAAQI,MAAMI,OAAS,OAEvB,IAAN,6BAEMR,EAAQI,MAAMC,MAAQ,KACtBL,EAAQI,MAAME,SAAW,KACzBN,EAAQI,MAAMG,WAAa,KAEvBjC,KAAKsB,cACPI,EAAQI,MAAMI,OAASlC,KAAKqB,MAAQrB,KAAKuB,YAAcW,EAEvDR,EAAQI,MAAMI,OAAS,EAKzBlC,KAAKwB,cAAgBW,iBAAiBT,GAASQ,OAO/CE,uBAAsB,WAChB,EAAZ,yBACUV,EAAQI,MAAMI,OAAS,EAAjC,sBAEUE,uBAAsB,WACpBV,EAAQC,UAAUC,OAAO,mBACzBF,EAAQC,UAAUE,IAAI,mBACtBH,EAAQC,UAAUC,OAAO,oBAG3BF,EAAQI,MAAMI,OAASA,MAI7BzB,WA7DJ,SA6DA,GACUT,KAAKsB,eACPI,EAAQC,UAAUE,IAAI,gBAA9B,oCAEY7B,KAAKqB,OACPK,EAAQI,MAAMO,SAAW,KACzBX,EAAQI,MAAMI,OAAS,SAEvBR,EAAQI,MAAMO,SAAW,SACzBX,EAAQI,MAAMI,OAASlC,KAAKuB,YAC5BG,EAAQC,UAAUC,OAAO,sBAAuB,qBAGlDF,EAAQI,MAAMI,OAAS,QAG3BxB,YA7EJ,SA6EA,GACUV,KAAKsB,gBACPI,EAAQI,MAAMQ,QAAU,SAG5B3B,MAlFJ,SAkFA,cACA,6BAEMe,EAAQI,MAAMI,OAASA,EAIvBlC,KAAKwB,cAAgBW,iBAAiBT,GAASQ,OAE/CE,uBAAsB,WACpBV,EAAQI,MAAMI,OAAS,EAA/B,iBAIEK,QAhHF,WAiHQvC,KAAKsB,eACPtB,KAAKS,WAAWT,KAAKwC,QChI8U,I,wBCQrWC,EAAY,eACd,EACA3C,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAA4B,E","file":"js/extension-transitionexpand.cddcb258.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TransitionExpand.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"expand\"},on:{\"before-enter\":_vm.beforeEnter,\"enter\":_vm.enter,\"after-enter\":_vm.afterEnter,\"before-leave\":_vm.beforeLeave,\"leave\":_vm.leave}},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <transition\r\n    name=\"expand\"\r\n    @before-enter=\"beforeEnter\"\r\n    @enter=\"enter\"\r\n    @after-enter=\"afterEnter\"\r\n    @before-leave=\"beforeLeave\"\r\n    @leave=\"leave\"\r\n  >\r\n    <slot/>\r\n  </transition>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'TransitionExpand',\r\n  props: {\r\n    minHeight: {\r\n      type: Number,\r\n      default: 0\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      state: false,\r\n      singleElement: this.minHeight > 0,\r\n      closeHeight: `${this.minHeight}px`,\r\n      repaintHeight: 0\r\n    }\r\n  },\r\n  methods: {\r\n    beforeEnter (element) {\r\n      this.state = !this.state\r\n\r\n      if (this.singleElement) {\r\n        element.classList.remove('expand-state-open', 'expand-state-closed')\r\n\r\n        if (!this.state) {\r\n          element.classList.remove('expand-enter')\r\n          element.classList.add('expand-leave')\r\n        }\r\n      }\r\n    },\r\n    enter (element) {\r\n      if (this.singleElement && !this.state) {\r\n        element.classList.remove('expand-enter-active')\r\n        element.classList.add('expand-leave-active')\r\n      }\r\n\r\n      const width = getComputedStyle(element).width\r\n\r\n      element.style.width = width\r\n      element.style.position = 'absolute'\r\n      element.style.visibility = 'hidden'\r\n      element.style.height = 'auto'\r\n\r\n      const height = getComputedStyle(element).height\r\n\r\n      element.style.width = null\r\n      element.style.position = null\r\n      element.style.visibility = null\r\n\r\n      if (this.singleElement) {\r\n        element.style.height = this.state ? this.closeHeight : height\r\n      } else {\r\n        element.style.height = 0\r\n      }\r\n\r\n      // Force repaint to make sure the\r\n      // animation is triggered correctly.\r\n      this.repaintHeight = getComputedStyle(element).height\r\n\r\n      // Trigger the animation.\r\n      // We use `requestAnimationFrame` because we need\r\n      // to make sure the browser has finished\r\n      // painting after setting the `height`\r\n      // to `0` in the line above.\r\n      requestAnimationFrame(() => {\r\n        if (this.singleElement && !this.state) {\r\n          element.style.height = this.state ? height : this.closeHeight\r\n\r\n          requestAnimationFrame(() => {\r\n            element.classList.remove('expand-enter-to')\r\n            element.classList.add('expand-leave-to')\r\n            element.classList.remove('expand-leave')\r\n          })\r\n        } else {\r\n          element.style.height = height\r\n        }\r\n      })\r\n    },\r\n    afterEnter (element) {\r\n      if (this.singleElement) {\r\n        element.classList.add(`expand-state-${this.state ? 'open' : 'closed'}`)\r\n\r\n        if (this.state) {\r\n          element.style.overflow = null\r\n          element.style.height = 'auto'\r\n        } else {\r\n          element.style.overflow = 'hidden'\r\n          element.style.height = this.closeHeight\r\n          element.classList.remove('expand-leave-active', 'expand-leave-to')\r\n        }\r\n      } else {\r\n        element.style.height = 'auto'\r\n      }\r\n    },\r\n    beforeLeave (element) {\r\n      if (this.singleElement) {\r\n        element.style.display = 'none'\r\n      }\r\n    },\r\n    leave (element) {\r\n      const height = getComputedStyle(element).height\r\n\r\n      element.style.height = height\r\n\r\n      // Force repaint to make sure the\r\n      // animation is triggered correctly.\r\n      this.repaintHeight = getComputedStyle(element).height\r\n\r\n      requestAnimationFrame(() => {\r\n        element.style.height = this.closeHeight\r\n      })\r\n    }\r\n  },\r\n  mounted () {\r\n    if (this.singleElement) {\r\n      this.afterEnter(this.$el)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.expand-enter-active,\r\n.expand-leave-active {\r\n  overflow: hidden;\r\n  transition: height ease-out 500ms;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TransitionExpand.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TransitionExpand.vue?vue&type=template&id=8a46a9d6&\"\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&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}