{"version":3,"sources":["webpack:///./src/components/transitions/transition-view.vue?8dc0","webpack:///src/components/transitions/transition-view.vue","webpack:///./src/components/transitions/transition-view.vue?ff1a","webpack:///./src/components/transitions/transition-view.vue?3948","webpack:///./src/components/transitions/transition-image-editor.vue?ec7c","webpack:///src/components/transitions/transition-image-editor.vue","webpack:///./src/components/transitions/transition-image-editor.vue?3b2d","webpack:///./src/components/transitions/transition-image-editor.vue?a60f","webpack:///./src/components/transitions/transition-expand.vue?ec8d","webpack:///src/components/transitions/transition-expand.vue","webpack:///./src/components/transitions/transition-expand.vue?edd9","webpack:///./src/components/transitions/transition-expand.vue?00c0","webpack:///./src/components/transitions/transition-expand.vue?bfdc","webpack:///./src/components/transitions/transition-view.vue?c715","webpack:///./src/components/transitions/transition-image-editor.vue?f2f5","webpack:///./src/components/transitions/transition-fade.vue?02b6","webpack:///./src/components/transitions/transition-fade.vue?41f6","webpack:///src/components/transitions/transition-fade.vue","webpack:///./src/components/transitions/transition-fade.vue?ac42","webpack:///./src/components/transitions/transition-fade.vue?2ab1"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","mode","_t","staticRenderFns","name","props","type","String","default","component","on","enter","afterEnter","leave","methods","element","style","width","position","visibility","height","getComputedStyle","requestAnimationFrame","duration","Object"],"mappings":"sHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,OAAO,KAAON,EAAIO,OAAO,CAACP,EAAIQ,GAAG,YAAY,IACxKC,EAAkB,GCStB,GACEC,KAAM,iBACNC,MAAO,CACLJ,KAAM,CACJK,KAAMC,OACNC,QAAS,YCfyV,I,wBCQpWC,EAAY,eACd,EACAhB,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,oDCnBf,IAAIhB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,UAAU,CAACN,EAAIQ,GAAG,YAAY,IACzJC,EAAkB,GCOtB,GACEC,KAAM,yBCTwW,I,wBCQ5WK,EAAY,eACd,EACAhB,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,oDCnBf,IAAIhB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,UAAUU,GAAG,CAAC,MAAQhB,EAAIiB,MAAM,cAAcjB,EAAIkB,WAAW,MAAQlB,EAAImB,QAAQ,CAACnB,EAAIQ,GAAG,YAAY,IAChOC,EAAkB,GCWtB,GACEC,KAAM,mBACNU,QAAS,CACPH,MADJ,SACA,GACM,IAAN,4BAEMI,EAAQC,MAAMC,MAAQA,EACtBF,EAAQC,MAAME,SAAW,WACzBH,EAAQC,MAAMG,WAAa,SAC3BJ,EAAQC,MAAMI,OAAS,OAEvB,IAAN,6BAEML,EAAQC,MAAMC,MAAQ,KACtBF,EAAQC,MAAME,SAAW,KACzBH,EAAQC,MAAMG,WAAa,KAC3BJ,EAAQC,MAAMI,OAAS,EAIvBC,iBAAiBN,GAASK,OAO1BE,uBAAsB,WACpBP,EAAQC,MAAMI,OAASA,MAG3BR,WA7BJ,SA6BA,GACMG,EAAQC,MAAMI,OAAS,QAEzBP,MAhCJ,SAgCA,GACM,IAAN,6BAEME,EAAQC,MAAMI,OAASA,EAIvBC,iBAAiBN,GAASK,OAE1BE,uBAAsB,WACpBP,EAAQC,MAAMI,OAAS,QCxD2U,I,wBCQtWX,EAAY,eACd,EACAhB,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,6CCnBf,W,oCCAA,W,yDCAA,W,yDCAA,W,gECAA,IAAIhB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,OAAO,KAAO,SAAS,SAAWN,EAAI6B,WAAW,CAAC7B,EAAIQ,GAAG,YAAY,IAChMC,EAAkB,GCUtB,GACEC,KAAM,iBACNC,MAAO,CACLJ,KAAM,CACJK,KAAMC,OACNC,QAAS,IAEXe,SAAU,CACRjB,KAAMkB,OACNhB,QAAS,WAAf,OACA,UACA,eCtBwW,I,wBCQpWC,EAAY,eACd,EACAhB,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAM,E","file":"js/transitions.90198b64.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"view\",\"mode\":_vm.mode}},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition \n    name=\"view\"\n    :mode=\"mode\"\n  >\n    <slot/>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'TransitionView',\n  props: {\n    mode: {\n      type: String,\n      default: 'out-in'\n    }\n  }\n}\n</script>\n\n<style scoped>\n  .view-enter-active, .view-leave-active {\n    transition: opacity .2s;\n  }\n  .view-enter, .view-leave-to {\n    opacity: 0;\n  }\n</style>","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!./transition-view.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!./transition-view.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./transition-view.vue?vue&type=template&id=22a05826&scoped=true&\"\nimport script from \"./transition-view.vue?vue&type=script&lang=js&\"\nexport * from \"./transition-view.vue?vue&type=script&lang=js&\"\nimport style0 from \"./transition-view.vue?vue&type=style&index=0&id=22a05826&scoped=true&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  \"22a05826\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"slide\"}},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition name=\"slide\">\n    <slot ref=\"slot\" />\n  </transition>\n</template>\n\n<script>\n\nexport default {\n  name: 'TransitionImageEditor',\n}\n</script>\n\n<style scoped>\n.slide-enter-active, .slide-leave-active {\n  transition: transform 0.25s ease;\n}\n\n.slide-enter,\n.slide-leave-to {\n  transform: translateY(105%);\n}\n</style>\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!./transition-image-editor.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!./transition-image-editor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./transition-image-editor.vue?vue&type=template&id=073e8b8f&scoped=true&\"\nimport script from \"./transition-image-editor.vue?vue&type=script&lang=js&\"\nexport * from \"./transition-image-editor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./transition-image-editor.vue?vue&type=style&index=0&id=073e8b8f&scoped=true&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  \"073e8b8f\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"expand\"},on:{\"enter\":_vm.enter,\"after-enter\":_vm.afterEnter,\"leave\":_vm.leave}},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition\n    name=\"expand\"\n    @enter=\"enter\"\n    @after-enter=\"afterEnter\"\n    @leave=\"leave\"\n  >\n    <slot/>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'TransitionExpand',\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      requestAnimationFrame(() => {\n        element.style.height = height;\n      });\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      requestAnimationFrame(() => {\n        element.style.height = 0;\n      });\n    },\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\n.expand-enter-active,\n.expand-leave-active {\n  transition: height .30s cubic-bezier(0.32, 0.0, 0.68, 1.0);\n  overflow: hidden;\n}\n\n.expand-enter,\n.expand-leave-to {\n  height: 0;\n}\n</style>","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!./transition-expand.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!./transition-expand.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./transition-expand.vue?vue&type=template&id=b030556a&scoped=true&\"\nimport script from \"./transition-expand.vue?vue&type=script&lang=js&\"\nexport * from \"./transition-expand.vue?vue&type=script&lang=js&\"\nimport style0 from \"./transition-expand.vue?vue&type=style&index=0&id=b030556a&scoped=true&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  \"b030556a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./transition-expand.vue?vue&type=style&index=0&id=b030556a&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./transition-view.vue?vue&type=style&index=0&id=22a05826&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./transition-image-editor.vue?vue&type=style&index=0&id=073e8b8f&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./transition-fade.vue?vue&type=style&index=0&id=33a7528e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\",\"duration\":_vm.duration}},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition \n    name=\"fade\"\n    mode=\"out-in\"\n    :duration=\"duration\"\n  >\n    <slot/>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'TransitionFade',\n  props: {\n    mode: {\n      type: String,\n      default: ''\n    },\n    duration: {\n      type: Object,\n      default: () => ({\n        enter: 500,\n        leave: 500\n      })\n    },\n  }\n}\n</script>\n\n<style scoped>\n  .fade-enter-active, .fade-leave-active {\n    transition: opacity .5s ease;\n  }\n  .fade-enter, .fade-leave-to {\n    opacity: 0;\n  }\n</style>","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!./transition-fade.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!./transition-fade.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./transition-fade.vue?vue&type=template&id=33a7528e&scoped=true&\"\nimport script from \"./transition-fade.vue?vue&type=script&lang=js&\"\nexport * from \"./transition-fade.vue?vue&type=script&lang=js&\"\nimport style0 from \"./transition-fade.vue?vue&type=style&index=0&id=33a7528e&scoped=true&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  \"33a7528e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}