{"version":3,"sources":["webpack:///./src/components/component/FloatingStep.vue?e927","webpack:///./src/components/component/FloatingStep.vue?aacc","webpack:///src/components/component/FloatingStep.vue","webpack:///./src/components/component/FloatingStep.vue?abf4","webpack:///./src/components/component/FloatingStep.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","displayStep","on","$event","$emit","_v","_s","textPrev","attrs","_e","staticStyle","_f","totalPrice","textNext","staticRenderFns","component"],"mappings":"2IAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+CAA+CC,MAAM,CAAC,OAAUP,EAAIQ,YAAc,IAAI,CAACJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,SAAS,CAACE,YAAY,SAASG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,WAAW,CAACX,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIc,aAAcd,EAAIQ,YAAY,EAAGJ,EAAG,WAAW,CAACE,YAAY,iBAAiBS,MAAM,CAAC,cAAcf,EAAIQ,YAAY,YAAY,KAAKR,EAAIgB,MAAM,GAAGZ,EAAG,MAAM,CAACa,YAAY,CAAC,eAAe,WAAW,CAACjB,EAAIY,GAAG,gBAAgBR,EAAG,OAAO,CAACE,YAAY,qDAAqDG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,WAAW,CAACX,EAAIY,GAAG,YAAYR,EAAG,MAAM,CAACE,YAAY,cAAc,CAAoB,IAAlBN,EAAIQ,YAAiBJ,EAAG,WAAW,CAACW,MAAM,CAAC,cAAcf,EAAIQ,YAAY,YAAY,KAAKR,EAAIgB,KAAMhB,EAAIQ,YAAY,EAAGJ,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACN,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIkB,GAAG,WAAPlB,CAAmBA,EAAImB,gBAAgBnB,EAAIgB,KAAKZ,EAAG,SAAS,CAACE,YAAY,mCAAmCG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,WAAW,CAACX,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIoB,cAAc,MAC3nCC,EAAkB,G,sDCiBtB,GACE,KAAF,eACE,WAAF,CAAI,QAAJ,cACE,MAAF,CACI,KAAJ,CACM,KAAN,QAEI,QAAJ,CACM,KAAN,SAGE,KAXF,WAYI,MAAJ,CACM,KAAN,CACQ,KAAR,MACQ,KAAR,MAEM,YAAN,IAGE,QApBF,WAqBI,KAAJ,kBAEE,QAAF,CACI,eADJ,WAEM,IAAN,YAEQ,EADR,MACA,EAEA,KACA,EAGA,EAEM,KAAN,gBAGE,SAAF,CACI,SADJ,WAEM,OAAN,0BAEI,SAJJ,WAKM,IAAN,8DACM,OAAN,wCAEI,WARJ,WASM,IAAN,wDACM,OAAN,aACA,EAGA,mBACQ,OAAR,iBACA,sBACQ,OAAR,SAIE,MAAF,CACI,KADJ,WAEM,KAAN,oBC/EqW,I,wBCQjWC,EAAY,eACd,EACAvB,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-ef58039e.cbb78355.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FloatingStep.vue?vue&type=style&index=0&id=73d113e2&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"floting-container flex-align justify-between\",class:{'shadow': _vm.displayStep > 1}},[_c('div',{staticClass:\"flex-align\"},[_c('button',{staticClass:\"button\",on:{\"click\":function($event){return _vm.$emit('prev')}}},[_vm._v(_vm._s(_vm.textPrev))]),(_vm.displayStep>1)?_c('box-step',{staticClass:\"margin-left-12\",attrs:{\"start-value\":_vm.displayStep,\"end-value\":3}}):_vm._e()],1),_c('div',{staticStyle:{\"margin-right\":\"-140px\"}},[_vm._v(\"나중에 하시겠습니까? \"),_c('span',{staticClass:\"text-underline font-primary unselect margin-left-4\",on:{\"click\":function($event){return _vm.$emit('temp')}}},[_vm._v(\"임시저장\")])]),_c('div',{staticClass:\"flex-align\"},[(_vm.displayStep===1)?_c('box-step',{attrs:{\"start-value\":_vm.displayStep,\"end-value\":3}}):_vm._e(),(_vm.displayStep>1)?_c('div',{staticClass:\"size-22 weight-600 margin-right-8\"},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.totalPrice)))]):_vm._e(),_c('button',{staticClass:\"button is-primary margin-left-12\",on:{\"click\":function($event){return _vm.$emit('next')}}},[_vm._v(_vm._s(_vm.textNext))])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"floting-container flex-align justify-between\" :class=\"{'shadow': displayStep > 1}\">\r\n    <div class=\"flex-align\">\r\n      <button class=\"button\" @click=\"$emit('prev')\">{{ textPrev }}</button>\r\n      <box-step class=\"margin-left-12\" v-if=\"displayStep>1\" :start-value=\"displayStep\" :end-value=\"3\"></box-step>\r\n    </div>\r\n    <div style=\"margin-right:-140px\">나중에 하시겠습니까?\r\n      <span class=\"text-underline font-primary unselect margin-left-4\" @click=\"$emit('temp')\">임시저장</span></div>\r\n    <div class=\"flex-align\">\r\n      <box-step v-if=\"displayStep===1\" :start-value=\"displayStep\" :end-value=\"3\"></box-step>\r\n      <div v-if=\"displayStep>1\" class=\"size-22 weight-600 margin-right-8\">{{ totalPrice|currency }}</div>\r\n      <button class=\"button is-primary margin-left-12\" @click=\"$emit('next')\">{{ textNext }}</button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import BoxStep from \"./BoxStep\";\r\n  export default {\r\n    name: \"FloatingStep\",\r\n    components: {BoxStep},\r\n    props: {\r\n      step: {\r\n        type: Number\r\n      },\r\n      service: {\r\n        type: Object\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        text: {\r\n          prev: '나가기',\r\n          next: '다음'\r\n        },\r\n        displayStep: 1\r\n      }\r\n    },\r\n    created() {\r\n      this.setDisplayStep();\r\n    },\r\n    methods: {\r\n      setDisplayStep() {\r\n        let n = this.step;\r\n        if(n === 1) {\r\n          n = 1;\r\n        }\r\n        else if(n <= 3) {\r\n          n = 2;\r\n        }\r\n        else {\r\n          n = 3;\r\n        }\r\n        this.displayStep = n;\r\n      },\r\n    },\r\n    computed: {\r\n      textPrev() {\r\n        return this.step === 1 ? '나가기' : '이전';\r\n      },\r\n      textNext() {\r\n        let count = this.service.conversions.length + this.service.plugins.length;\r\n        return this.step === 3 ? `다음(${count})` : '다음';\r\n      },\r\n      totalPrice() {\r\n        let arr = this.service.conversions.concat(this.service.plugins);\r\n        if(arr.length === 0) {\r\n          return 0;\r\n        }\r\n\r\n        return arr.map(item => {\r\n          return item.price.price;\r\n        }).reduce((acc, cur) =>{\r\n          return acc + cur\r\n        });\r\n      }\r\n    },\r\n    watch: {\r\n      step() {\r\n        this.setDisplayStep();\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .floting-container\r\n    position fixed\r\n    left 50%\r\n    bottom 6%\r\n    transform translateX(-50%)\r\n    width 70%\r\n    padding 16px\r\n    z-index 10\r\n  .shadow\r\n    background-color white\r\n    box-shadow 0 4px 7px #d4d4d4\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!./FloatingStep.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!./FloatingStep.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FloatingStep.vue?vue&type=template&id=73d113e2&scoped=true&\"\nimport script from \"./FloatingStep.vue?vue&type=script&lang=js&\"\nexport * from \"./FloatingStep.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FloatingStep.vue?vue&type=style&index=0&id=73d113e2&lang=stylus&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  \"73d113e2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}