{"version":3,"sources":["webpack:///./src/components/component/CardTemporaryPc.vue?9141","webpack:///src/components/component/CardTemporaryPc.vue","webpack:///./src/components/component/CardTemporaryPc.vue?ebc4","webpack:///./src/components/component/CardTemporaryPc.vue","webpack:///./src/components/component/CardTemporaryPc.vue?a66d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","card","name","staticStyle","key","_m","on","$event","clickEdit","clickDelete","attrs","conversions","item","deleteItem","plugins","length","_e","_f","price","openPreview","$emit","staticRenderFns","component"],"mappings":"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","file":"js/chunk-74f0fc31.48cdba19.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"panel-container\"},[_c('div',{staticClass:\"card-title grid\"},[_c('div',[_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"subtitle2 main\"},[_vm._v(_vm._s(_vm.card.name))]),_c('div',{staticClass:\"body1 sub3\",staticStyle:{\"margin-left\":\"16px\"}},[_vm._v(_vm._s(_vm.card.key)+\".launchpack.co.kr\")])]),_vm._m(0)]),_c('div',{staticClass:\"flex\",staticStyle:{\"justify-content\":\"flex-end\"}},[_c('button',{staticClass:\"button is-dark button-edit body4-medium\",staticStyle:{\"height\":\"36px\"},on:{\"click\":function($event){return _vm.clickEdit(3)}}},[_vm._v(\"디자인 편집\")]),_c('button',{staticClass:\"button is-gray button-edit body4-medium\",staticStyle:{\"height\":\"36px\"},on:{\"click\":_vm.clickDelete}},[_vm._v(\"삭제\")])])]),_c('div',[_c('div',{staticClass:\"h8 sub2\",staticStyle:{\"margin-bottom\":\"8px\"}},[_vm._v(\"서비스 도메인\")]),_c('div',{staticClass:\"body2 sub4\"},[_vm._v(\"서비스 개설 후 도메인 연결이 가능합니다.\")]),_c('div',{staticClass:\"grid\",staticStyle:{\"margin\":\"32px 0 60px 0\"}},[_c('div',[_c('div',{staticClass:\"flex-between\",staticStyle:{\"margin-bottom\":\"12px\"}},[_c('div',{staticClass:\"h8 sub2\"},[_vm._v(\"서비스팩\")]),_c('div',{staticClass:\"size-15 primary unselect\",staticStyle:{\"text-decoration\":\"underline\"},on:{\"click\":function($event){return _vm.clickEdit(1)}}},[_vm._v(\"편집\")])]),_c('dr-temporay',{attrs:{\"list\":_vm.card.conversions,\"visibleDelete\":false},on:{\"delete\":function (item){ return _vm.deleteItem('conversions',item); }}})],1),_c('div',[_c('div',{staticClass:\"flex-between\",staticStyle:{\"margin-bottom\":\"12px\"}},[_c('div',{staticClass:\"h8 sub2\"},[_vm._v(\"플러그인\")]),(_vm.card.plugins.length>0)?_c('div',{staticClass:\"size-15 primary unselect\",staticStyle:{\"text-decoration\":\"underline\"},on:{\"click\":function($event){return _vm.clickEdit(2)}}},[_vm._v(\"편집\")]):_vm._e()]),_c('dr-temporay',{attrs:{\"list\":_vm.card.plugins},on:{\"add\":function($event){return _vm.clickEdit(2)},\"delete\":function (item){ return _vm.deleteItem('plugins',item); }}})],1)])]),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"subtitle3 main\"},[_c('span',{staticClass:\"price h3\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.card.price)))]),_vm._v(\"원\")]),_c('div',{staticClass:\"flex\"},[_c('button',{staticClass:\"button-primary button is-primary-light flex-align\",on:{\"click\":_vm.openPreview}},[_c('img',{staticClass:\"icon-device\",attrs:{\"src\":\"/static/img/ic_device_mobile.svg\"}}),_c('span',{staticClass:\"body2-medium\"},[_vm._v(\"모바일 미리보기\")])]),_c('a',{attrs:{\"href\":(\"https://sbpreview.launchpack.co.kr/super_builder/preview?key=\" + (_vm.card.key) + \"&id=\" + (_vm.card.id) + \"&device=pc&package=\" + (this.card.conversions[0].key)),\"target\":\"_blank\"}},[_vm._m(1)]),_c('button',{staticClass:\"button-primary button is-primary body2-medium\",on:{\"click\":function($event){return _vm.$emit('create')}}},[_vm._v(\"개설하기\")])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"tag-temp body6-medium\"},[_vm._v(\"임시저장\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"button-primary button is-primary-light flex-align\"},[_c('img',{staticClass:\"icon-device\",attrs:{\"src\":\"/static/img/ic_device_pc.svg\"}}),_c('span',{staticClass:\"body2-medium\"},[_vm._v(\"데스크톱 미리보기\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"panel-container\">\r\n    <!-- 제목 -->\r\n    <div class=\"card-title grid\">\r\n      <div>\r\n        <div class=\"flex-align\">\r\n          <div class=\"subtitle2 main\">{{ card.name }}</div>\r\n          <div class=\"body1 sub3\" style=\"margin-left:16px\">{{ card.key }}.launchpack.co.kr</div>\r\n        </div>\r\n        <div class=\"flex\">\r\n          <div class=\"tag-temp body6-medium\">임시저장</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"flex\" style=\"justify-content: flex-end\">\r\n        <button class=\"button is-dark button-edit body4-medium\" style=\"height:36px;\" @click=\"clickEdit(3)\">디자인 편집</button>\r\n        <button class=\"button is-gray button-edit body4-medium\" style=\"height:36px;\"  @click=\"clickDelete\">삭제</button>\r\n      </div>\r\n    </div>\r\n    <!-- 내용 -->\r\n    <div>\r\n      <div class=\"h8 sub2\" style=\"margin-bottom:8px\">서비스 도메인</div>\r\n      <div class=\"body2 sub4\">서비스 개설 후 도메인 연결이 가능합니다.</div>\r\n\r\n      <div class=\"grid\" style=\"margin:32px 0 60px 0\">\r\n        <div>\r\n          <div class=\"flex-between\" style=\"margin-bottom:12px\">\r\n            <div class=\"h8 sub2\">서비스팩</div>\r\n            <div class=\"size-15 primary unselect\"\r\n                 style=\"text-decoration: underline\" @click=\"clickEdit(1)\">편집</div>\r\n          </div>\r\n\r\n          <dr-temporay :list=\"card.conversions\" :visibleDelete=\"false\"\r\n                       @delete=\"item=>deleteItem('conversions',item)\"></dr-temporay>\r\n        </div>\r\n        <div>\r\n          <div class=\"flex-between\" style=\"margin-bottom:12px\">\r\n            <div class=\"h8 sub2\">플러그인</div>\r\n            <div class=\"size-15 primary unselect\" v-if=\"card.plugins.length>0\"\r\n                 style=\"text-decoration: underline\" @click=\"clickEdit(2)\">편집</div>\r\n          </div>\r\n          <dr-temporay :list=\"card.plugins\"\r\n                       @add=\"clickEdit(2)\"\r\n                       @delete=\"item=>deleteItem('plugins',item)\"></dr-temporay>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 하단 -->\r\n    <div class=\"flex-between\">\r\n      <div class=\"subtitle3 main\"><span class=\"price h3\">{{ card.price|currencyNum }}</span>원</div>\r\n      <div class=\"flex\">\r\n        <button class=\"button-primary button is-primary-light flex-align\" @click=\"openPreview\">\r\n          <img class=\"icon-device\" src=\"/static/img/ic_device_mobile.svg\">\r\n          <span class=\"body2-medium\">모바일 미리보기</span>\r\n        </button>\r\n        <a :href=\"`https://sbpreview.launchpack.co.kr/super_builder/preview?key=${card.key}&id=${card.id}&device=pc&package=${this.card.conversions[0].key}`\" target=\"_blank\">\r\n          <button class=\"button-primary button is-primary-light flex-align\">\r\n            <img class=\"icon-device\" src=\"/static/img/ic_device_pc.svg\">\r\n            <span class=\"body2-medium\">데스크톱 미리보기</span>\r\n          </button>\r\n        </a>\r\n        <button class=\"button-primary button is-primary body2-medium\" @click=\"$emit('create')\">개설하기</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import DrTemporay from \"./DrTemporay\";\r\n  export default {\r\n    name: \"CardTemporaryPc\",\r\n    components: {DrTemporay},\r\n    created() {\r\n\r\n    },\r\n    props: {\r\n      card: {\r\n        type: Object\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n\r\n      }\r\n    },\r\n    methods: {\r\n      clickDelete() {\r\n        this.$emit('delete');\r\n      },\r\n      clickEdit(step) {\r\n        this.$emit('edit', step);\r\n      },\r\n      openPreview() {\r\n        let url = `https://sbpreview.launchpack.co.kr/super_builder/preview?key=${this.card.key}&id=${this.card.id}&device=mobile&package=${this.card.conversions[0].key}`;\r\n        window.open(url, '_blank', 'width=434, height=736, top=50, left=100, fullscreen=no, ' +\r\n          'menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no');\r\n      },\r\n      deleteItem(type, item) {\r\n        this.$emit('deleteItem', {\r\n          service: this.card,\r\n          type: type,\r\n          item: item\r\n        });\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n\r\n  .panel-container\r\n    margin 20px 0\r\n\r\n  .card-title\r\n    padding-bottom 28px\r\n    border-bottom 1px solid $gray2\r\n    margin-bottom 32px\r\n\r\n  .tag-temp\r\n    border-radius 4px\r\n    background-color $primary-light2\r\n    color $primary\r\n    padding 3px 8px\r\n    margin-top 8px\r\n\r\n  .button-edit\r\n    width 120px\r\n    margin-left 16px\r\n\r\n  .button-primary\r\n    width 200px\r\n    margin-left 16px\r\n\r\n  .icon-device\r\n    filter invert(54%) sepia(46%) saturate(5884%) hue-rotate(360deg) brightness(100%) contrast(110%)\r\n    margin-right 8px\r\n\r\n  .grid\r\n    display grid\r\n    grid-template-columns repeat(2, 1fr)\r\n    grid-gap 24px\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!./CardTemporaryPc.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!./CardTemporaryPc.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardTemporaryPc.vue?vue&type=template&id=3fb9d9e6&scoped=true&\"\nimport script from \"./CardTemporaryPc.vue?vue&type=script&lang=js&\"\nexport * from \"./CardTemporaryPc.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardTemporaryPc.vue?vue&type=style&index=0&id=3fb9d9e6&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  \"3fb9d9e6\",\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!./CardTemporaryPc.vue?vue&type=style&index=0&id=3fb9d9e6&lang=stylus&scoped=true&\""],"sourceRoot":""}