{"version":3,"sources":["webpack:///./src/components/component/SelectHosting.vue?d922","webpack:///./src/components/component/SelectHosting.vue?efbc","webpack:///src/components/component/SelectHosting.vue","webpack:///./src/components/component/SelectHosting.vue?fc06","webpack:///./src/components/component/SelectHosting.vue?83b7"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_m","_v","_l","item","key","class","inputValue","id","on","$event","selectItem","_s","name","price_type","_e","_f","price","price_text","desc","staticRenderFns","component"],"mappings":"2IAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBC,YAAY,CAAC,cAAc,UAAUP,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACN,EAAIS,GAAG,uEAAuEL,EAAG,MAAM,CAACE,YAAY,oCAAoCF,EAAG,MAAM,CAACE,YAAY,8BAA8BN,EAAIU,GAAIV,EAAQ,MAAE,SAASW,GAAM,OAAOP,EAAG,MAAM,CAACQ,IAAK,WAAcD,EAAO,GAAGL,YAAY,qBAAqBO,MAAM,CAAC,gBAAiBb,EAAIc,YAAcH,EAAKI,KAAOf,EAAIc,WAAWC,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,WAAWP,MAAS,CAACP,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,IAAI,CAACE,YAAY,sBAAsBO,MAAM,CAAC,SAAWb,EAAIc,YAAcH,EAAKI,KAAOf,EAAIc,WAAWC,KAAK,CAACf,EAAIS,GAAG,IAAIT,EAAImB,GAAGnB,EAAIc,YAAcH,EAAKI,KAAOf,EAAIc,WAAWC,GAAK,uBAAuB,6BAA6BX,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIS,GAAGT,EAAImB,GAAGR,EAAKS,MAAM,KAAwB,IAAlBT,EAAKU,WAAgBjB,EAAG,OAAO,CAACJ,EAAIS,GAAG,WAAWT,EAAIsB,SAASlB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAoB,IAAlBK,EAAKU,WAAgBjB,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIS,GAAGT,EAAImB,GAAGnB,EAAIuB,GAAG,cAAPvB,CAAsBW,EAAKa,WAAWpB,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACN,EAAIS,GAAG,OAAOL,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIS,GAAG,OAAOL,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACN,EAAIS,GAAG,SAASL,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAIS,GAAGT,EAAImB,GAAGR,EAAKc,iBAAiBrB,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAGT,EAAImB,GAAGR,EAAKe,SAAStB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAGT,EAAImB,GAAe,UAAZR,EAAKS,KAAgB,aAAa,cAAa,KAAKhB,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIS,GAAG,uEAAuEL,EAAG,MAAM,CAACE,YAAY,6BAA6BN,EAAIU,GAAIV,EAAQ,MAAE,SAASW,GAAM,OAAOP,EAAG,MAAM,CAACQ,IAAK,WAAcD,EAAO,GAAGL,YAAY,qBAAqBO,MAAM,CAAC,gBAAiBb,EAAIc,YAAcH,EAAKI,KAAOf,EAAIc,WAAWC,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,WAAWP,MAAS,CAACP,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIS,GAAGT,EAAImB,GAAGR,EAAKS,MAAM,KAAwB,IAAlBT,EAAKU,WAAgBjB,EAAG,OAAO,CAACJ,EAAIS,GAAG,WAAWT,EAAIsB,OAAOlB,EAAG,MAAM,CAAoB,IAAlBO,EAAKU,WAAgBjB,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIS,GAAGT,EAAImB,GAAGnB,EAAIuB,GAAG,cAAPvB,CAAsBW,EAAKa,WAAWpB,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIS,GAAG,OAAOL,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIS,GAAG,UAAUL,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIS,GAAGT,EAAImB,GAAGR,EAAKc,mBAAmBrB,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAGT,EAAImB,GAAGR,EAAKe,SAAStB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAGT,EAAImB,GAAe,UAAZR,EAAKS,KAAgB,aAAa,cAAa,QACv0FO,EAAkB,CAAC,WAAa,IAAI3B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIS,GAAG,SAASL,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACN,EAAIS,GAAG,iCAAiC,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAIS,GAAG,SAASL,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACN,EAAIS,GAAG,kCCsE3iB,GACE,KAAF,gBACE,MAAF,CACI,MAAJ,CACM,KAAN,SAGE,QAPF,WAQI,KAAJ,WAEE,KAVF,WAWI,MAAJ,CACM,KAAN,GACM,gBAAN,IAGE,QAAF,CACI,WADJ,SACA,GACM,KAAN,aACM,KAAN,uCAEI,QALJ,WAKM,IAAN,OACM,KAAN,0DACQ,EAAR,YACA,0CACQ,EAAR,sCChGsW,I,wBCQlWmB,EAAY,eACd,EACA7B,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-ad8bea72.6cca3ed2.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!./SelectHosting.vue?vue&type=style&index=0&id=59a70b63&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"lp-divider-main\",staticStyle:{\"padding-top\":\"96px\"}}),_vm._m(0),_c('div',{staticClass:\"body2 sub3 margin-top-8\"},[_vm._v(\"서비스를 가동하는데 필요한 서버 및 관리 비용에 해당하는 비용으로 AWS 서비스 기반의 지속성과 안정성을 보장합니다.\")]),_c('div',{staticClass:\"lp-divider-gray2 padding-top-16\"}),_c('div',{staticClass:\"card-wrapper margin-top-52\"},_vm._l((_vm.list),function(item){return _c('div',{key:(\"hosting-\" + (item.id)),staticClass:\"card-info unselect\",class:{'selected-card': _vm.inputValue && item.id === _vm.inputValue.id},on:{\"click\":function($event){return _vm.selectItem(item)}}},[_c('div',{staticClass:\"flex-align\"},[_c('i',{staticClass:\"material-icons gray\",class:{'selected':_vm.inputValue && item.id === _vm.inputValue.id}},[_vm._v(\" \"+_vm._s(_vm.inputValue && item.id === _vm.inputValue.id ? 'radio_button_checked':'radio_button_unchecked'))]),_c('div',{staticClass:\"body2 margin-left-8\"},[_vm._v(_vm._s(item.name)+\" \"),(item.price_type===0)?_c('span',[_vm._v(\"(월결제)\")]):_vm._e()])]),_c('div',{staticClass:\"margin-top-4\"},[(item.price_type===0)?_c('div',[_c('span',{staticClass:\"h6 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(item.price)))]),_c('span',{staticClass:\"body4 main margin-left-2\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/\")]),_c('span',{staticClass:\"body4 sub3 margin-left-4\"},[_vm._v(\"월\")])]):_c('div',{staticClass:\"h7 main\"},[_vm._v(_vm._s(item.price_text))])]),_c('div',{staticClass:\"body2 sub3 padding-top-12\"},[_c('div',{staticClass:\"body4\"},[_vm._v(_vm._s(item.desc))]),_c('div',{staticClass:\"body4\"},[_vm._v(_vm._s(item.name==='BASIC'? '최초 개설 시 추천':''))])])])}),0)]),_c('div',{staticClass:\"mobile\"},[_vm._m(1),_c('div',{staticClass:\"body5 sub3\"},[_vm._v(\"서비스를 가동하는데 필요한 서버 및 관리 비용에 해당하는 비용으로 AWS 서비스 기반의 지속성과 안정성을 보장합니다.\")]),_c('div',{staticClass:\"card-wrapper margin-top-4\"},_vm._l((_vm.list),function(item){return _c('div',{key:(\"hosting-\" + (item.id)),staticClass:\"card-info unselect\",class:{'selected-card': _vm.inputValue && item.id === _vm.inputValue.id},on:{\"click\":function($event){return _vm.selectItem(item)}}},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body5-medium\"},[_vm._v(_vm._s(item.name)+\" \"),(item.price_type===0)?_c('span',[_vm._v(\"(월결제)\")]):_vm._e()]),_c('div',[(item.price_type===0)?_c('div',[_c('span',{staticClass:\"body3-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(item.price)))]),_c('span',{staticClass:\"body5 main\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body5 sub3\"},[_vm._v(\"/월\")])]):_c('div',{staticClass:\"body3-bold main\"},[_vm._v(_vm._s(item.price_text))])])]),_c('div',{staticClass:\"body2 sub3 padding-top-8\"},[_c('div',{staticClass:\"body5\"},[_vm._v(_vm._s(item.desc))]),_c('div',{staticClass:\"body5\"},[_vm._v(_vm._s(item.name==='BASIC'? '최초 개설 시 추천':''))])])])}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"padding-top-16 flex-align\"},[_c('div',{staticClass:\"body0-bold main\"},[_vm._v(\"호스팅\")]),_c('div',{staticClass:\"body4 error margin-left-12\"},[_vm._v(\"*가입 필수 / 추후 호스팅 단계 변경 가능\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-align margin-bottom-16\"},[_c('div',{staticClass:\"h8 main\"},[_vm._v(\"호스팅\")]),_c('div',{staticClass:\"body5 error margin-left-4\"},[_vm._v(\"*가입 필수 / 추후 호스팅 단계 변경 가능\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"pc\">\r\n      <div class=\"lp-divider-main\" style=\"padding-top:96px\"></div>\r\n      <div class=\"padding-top-16 flex-align\">\r\n        <div class=\"body0-bold main\">호스팅</div>\r\n        <div class=\"body4 error margin-left-12\">*가입 필수 / 추후 호스팅 단계 변경 가능</div>\r\n      </div>\r\n      <div class=\"body2 sub3 margin-top-8\">서비스를 가동하는데 필요한 서버 및 관리 비용에 해당하는 비용으로 AWS 서비스 기반의 지속성과 안정성을 보장합니다.</div>\r\n      <div class=\"lp-divider-gray2 padding-top-16\"></div>\r\n\r\n      <div class=\"card-wrapper margin-top-52\">\r\n        <div class=\"card-info unselect\"\r\n             :class=\"{'selected-card': inputValue && item.id === inputValue.id}\"\r\n             v-for=\"item in list\"\r\n             :key=\"`hosting-${item.id}`\"\r\n             @click=\"selectItem(item)\">\r\n          <div class=\"flex-align\">\r\n            <i class=\"material-icons gray\" :class=\"{'selected':inputValue && item.id === inputValue.id}\">\r\n              {{ inputValue && item.id === inputValue.id ? 'radio_button_checked':'radio_button_unchecked' }}</i>\r\n            <div class=\"body2 margin-left-8\">{{ item.name }} <span v-if=\"item.price_type===0\">(월결제)</span></div>\r\n          </div>\r\n          <div class=\"margin-top-4\">\r\n            <div v-if=\"item.price_type===0\">\r\n              <span class=\"h6 main\">{{ item.price | currencyNum }}</span>\r\n              <span class=\"body4 main margin-left-2\">원</span>\r\n              <span class=\"body4 sub3\">/</span>\r\n              <span class=\"body4 sub3 margin-left-4\">월</span>\r\n            </div>\r\n            <div class=\"h7 main\" v-else>{{ item.price_text }}</div>\r\n          </div>\r\n          <div class=\"body2 sub3 padding-top-12\">\r\n            <div class=\"body4\">{{ item.desc }}</div>\r\n            <div class=\"body4\">{{ item.name==='BASIC'? '최초 개설 시 추천':'' }}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile\">\r\n      <div class=\"flex-align margin-bottom-16\">\r\n      <div class=\"h8 main\">호스팅</div>\r\n      <div class=\"body5 error margin-left-4\">*가입 필수 / 추후 호스팅 단계 변경 가능</div>\r\n    </div>\r\n      <div class=\"body5 sub3\">서비스를 가동하는데 필요한 서버 및 관리 비용에 해당하는 비용으로 AWS 서비스 기반의 지속성과 안정성을 보장합니다.</div>\r\n      <div class=\"card-wrapper margin-top-4\">\r\n        <div class=\"card-info unselect\"\r\n             :class=\"{'selected-card': inputValue && item.id === inputValue.id}\"\r\n             v-for=\"item in list\"\r\n             :key=\"`hosting-${item.id}`\"\r\n             @click=\"selectItem(item)\">\r\n          <div class=\"flex-between\">\r\n            <div class=\"body5-medium\">{{ item.name }} <span v-if=\"item.price_type===0\">(월결제)</span></div>\r\n            <div>\r\n              <div v-if=\"item.price_type===0\">\r\n                <span class=\"body3-bold main\">{{ item.price | currencyNum }}</span>\r\n                <span class=\"body5 main\">원</span>\r\n                <span class=\"body5 sub3\">/월</span>\r\n              </div>\r\n              <div class=\"body3-bold main\" v-else>{{ item.price_text }}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"body2 sub3 padding-top-8\">\r\n            <div class=\"body5\">{{ item.desc }}</div>\r\n            <div class=\"body5\">{{ item.name==='BASIC'? '최초 개설 시 추천':'' }}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default {\r\n    name: \"SelectHosting\",\r\n    props: {\r\n      value: {\r\n        type: Object\r\n      }\r\n    },\r\n    created() {\r\n      this.getData();\r\n    },\r\n    data() {\r\n      return {\r\n        list: [],\r\n        inputValue: undefined\r\n      }\r\n    },\r\n    methods: {\r\n      selectItem(item) {\r\n        this.inputValue = item;\r\n        this.$emit('update:value', this.inputValue);\r\n      },\r\n      getData() {\r\n        this.$axios.get('public/launchpack/hosting').then(res=>{\r\n          this.list = res.data;\r\n          if(this.list.length>0) this.inputValue = this.list[0];\r\n          this.$emit('update:value', this.list[0]);\r\n        })\r\n      },\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .pc\r\n    .card-wrapper\r\n      display grid\r\n      grid-gap 24px\r\n      grid-template-columns repeat(3, 1fr)\r\n    .card-info\r\n      border 2px solid $gray1\r\n      padding 32px\r\n      border-radius 8px\r\n\r\n  .mobile\r\n    .card-info\r\n      border 1px solid $gray1\r\n      padding 12px 16px\r\n      border-radius 8px\r\n      margin-top 12px\r\n\r\n  .introduction-content\r\n    white-space pre-line\r\n\r\n  .selected\r\n    color $primary\r\n\r\n  .selected-card\r\n    border 2px solid $primary !important\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!./SelectHosting.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!./SelectHosting.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectHosting.vue?vue&type=template&id=59a70b63&scoped=true&\"\nimport script from \"./SelectHosting.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectHosting.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectHosting.vue?vue&type=style&index=0&id=59a70b63&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  \"59a70b63\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}