{"version":3,"sources":["webpack:///./src/components/component/SelectHosting.vue?2714","webpack:///src/components/component/SelectHosting.vue","webpack:///./src/components/component/SelectHosting.vue?fc06","webpack:///./src/components/component/SelectHosting.vue","webpack:///./src/components/component/SelectHosting.vue?bfc4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","key","class","inputValue","id","on","$event","selectItem","_v","_s","name","toLowerCase","_e","desc","price","price_type","_f","price_text","staticRenderFns","component"],"mappings":"qdAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBN,EAAIO,GAAIP,EAAQ,MAAE,SAASQ,GAAM,OAAOJ,EAAG,MAAM,CAACK,IAAK,WAAcD,EAAO,GAAGF,YAAY,qBAAqBI,MAAM,CAAC,gBAAiBV,EAAIW,YAAcH,EAAKI,KAAOZ,EAAIW,WAAWC,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,WAAWP,MAAS,CAACJ,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGT,EAAKU,SAAsC,UAA5BV,EAAKU,KAAKC,cAA2Bf,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIgB,GAAG,QAAQhB,EAAIoB,OAAOhB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIgB,GAAG,gBAAgBZ,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGT,EAAKa,SAAUb,EAAKc,MAAM,EAAGlB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIgB,GAAG,UAAUhB,EAAIoB,OAAOhB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAAoB,IAAlBE,EAAKe,WAAgBnB,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIwB,GAAG,cAAPxB,CAAsBQ,EAAKc,WAAWlB,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACN,EAAIgB,GAAG,OAAOZ,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAG,OAAOZ,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACN,EAAIgB,GAAG,SAASZ,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGT,EAAKiB,sBAAqB,KAAKrB,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBN,EAAIO,GAAIP,EAAQ,MAAE,SAASQ,GAAM,OAAOJ,EAAG,MAAM,CAACK,IAAK,WAAcD,EAAO,GAAGF,YAAY,qBAAqBI,MAAM,CAAC,gBAAiBV,EAAIW,YAAcH,EAAKI,KAAOZ,EAAIW,WAAWC,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,WAAWP,MAAS,CAACJ,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGT,EAAKU,SAAsC,UAA5BV,EAAKU,KAAKC,cAA2Bf,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIgB,GAAG,QAAQhB,EAAIoB,OAA0B,IAAlBZ,EAAKe,WAAgBnB,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIwB,GAAG,cAAPxB,CAAsBQ,EAAKc,WAAWlB,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACN,EAAIgB,GAAG,OAAOZ,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAG,OAAOZ,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACN,EAAIgB,GAAG,SAASZ,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGT,EAAKiB,iBAAiBrB,EAAG,MAAM,CAACE,YAAY,uDAAuD,CAACN,EAAIgB,GAAG,cAAcZ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGT,EAAKa,OAAOjB,EAAG,MAAOI,EAAKc,MAAM,EAAGlB,EAAG,OAAO,CAACJ,EAAIgB,GAAG,UAAUhB,EAAIoB,YAAW,QACpgFM,EAAkB,GC6DtB,G,UAAA,CACE,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,uBACA,0CACQ,EAAR,uCCvFsW,I,wBCQlWC,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf","file":"js/chunk-1f4f15b2.522ddb43.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"pc margin-top-52\"},[_c('div',{staticClass:\"card-wrapper\"},_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:\"flex-align\"},[_c('div',{staticClass:\"h7 sub\"},[_vm._v(_vm._s(item.name))]),(item.name.toLowerCase() === 'basic')?_c('div',{staticClass:\"tag-primary\"},[_vm._v(\"추천\")]):_vm._e()]),_c('div',{staticClass:\"tag-primary\"},[_vm._v(\"14일 무료체험\")])]),_c('div',{staticClass:\"body2 sub3 padding-top-12\"},[_c('div',{staticClass:\"body4\"},[_vm._v(_vm._s(item.desc))]),(item.price>0)?_c('div',{staticClass:\"body4\"},[_vm._v(\"*월결제\")]):_vm._e()]),_c('div',{staticClass:\"margin-top-12\"},[(item.price_type===0)?_c('div',[_c('span',{staticClass:\"body2-bold 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))])])])}),0)]),_c('div',{staticClass:\"mobile margin-top-32\"},[_c('div',{staticClass:\"card-wrapper\"},_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 margin-bottom-8\"},[_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"body3-medium\"},[_vm._v(_vm._s(item.name))]),(item.name.toLowerCase() === 'basic')?_c('div',{staticClass:\"tag-primary\"},[_vm._v(\"추천\")]):_vm._e()]),(item.price_type===0)?_c('div',[_c('span',{staticClass:\"body4-bold 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:\"body4-bold main\"},[_vm._v(_vm._s(item.price_text))])]),_c('div',{staticClass:\"tag-free margin-bottom-8 size-13 weight-500 primary\"},[_vm._v(\"14일 무료체험\")]),_c('div',{staticClass:\"body4 sub3\"},[_vm._v(\" \"+_vm._s(item.desc)),_c('br'),(item.price>0)?_c('span',[_vm._v(\"*월결제\")]):_vm._e()])])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"pc margin-top-52\">\r\n      <div class=\"card-wrapper\">\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=\"flex-align\">\r\n            <div class=\"h7 sub\">{{ item.name }}</div>\r\n            <div class=\"tag-primary\" v-if=\"item.name.toLowerCase() === 'basic'\">추천</div>\r\n          </div>\r\n          <div class=\"tag-primary\">14일 무료체험</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\" v-if=\"item.price>0\">*월결제</div>\r\n        </div>\r\n        <div class=\"margin-top-12\">\r\n          <div v-if=\"item.price_type===0\">\r\n            <span class=\"body2-bold 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>\r\n    </div>\r\n    </div>\r\n    <div class=\"mobile margin-top-32\">\r\n      <div class=\"card-wrapper\">\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 margin-bottom-8\">\r\n          <div class=\"flex-align\">\r\n            <div class=\"body3-medium\">{{ item.name }}</div>\r\n            <div class=\"tag-primary\" v-if=\"item.name.toLowerCase() === 'basic'\">추천</div>\r\n          </div>\r\n          <div v-if=\"item.price_type===0\">\r\n            <span class=\"body4-bold 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=\"body4-bold main\" v-else>{{ item.price_text }}</div>\r\n        </div>\r\n        <div class=\"tag-free margin-bottom-8 size-13 weight-500 primary\">14일 무료체험</div>\r\n        <div class=\"body4 sub3\">\r\n          {{ item.desc }}<br><span v-if=\"item.price>0\">*월결제</span>\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.slice(0,2);\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\r\n  .tag-primary\r\n    margin-left 4px\r\n    color $primary\r\n    background-color $primary-light2\r\n    border-radius 50px\r\n    font-size 12px\r\n    padding 2px 8px\r\n\r\n  .card-info\r\n    text-align left\r\n  .pc\r\n    .card-wrapper\r\n      display grid\r\n      grid-gap 24px\r\n      grid-template-columns repeat(2, 1fr)\r\n      margin auto\r\n      width 624px\r\n    .card-info\r\n      border 1px solid $gray1\r\n      padding 24px\r\n      border-radius 8px\r\n    .selected-card\r\n      padding 23px !important\r\n\r\n  .mobile\r\n    .card-info\r\n      border 1px solid $gray1\r\n      padding 16px 20px\r\n      border-radius 8px\r\n      margin-top 10px\r\n    .selected-card\r\n      padding 15px 19px !important\r\n\r\n  .introduction-content\r\n    white-space pre-line\r\n\r\n  .selected\r\n    color $primary\r\n  .selected-card\r\n    border 2px solid $primary !important\r\n  \r\n  .tag-free\r\n    width 94px\r\n    height 26px\r\n    line-height 26px\r\n    border-radius 4px\r\n    background-color $primary-light2\r\n    text-align center\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=5af3165f&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=5af3165f&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  \"5af3165f\",\n  null\n  \n)\n\nexport default component.exports","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=5af3165f&lang=stylus&scoped=true&\""],"sourceRoot":""}