(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{1222:function(t,e,o){"use strict";o.r(e);var i=o(4),s=(o(66),o(39),o(1)),n=o(939),a=o(853),r={components:{Focus:n.a},mixins:[a.a],asyncData:function(t){return Object(i.a)(regeneratorRuntime.mark((function e(){var o,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,t.$axios.get("/display_plans/".concat(t.params.focusId));case 3:return o=e.sent,i=o.data,e.abrupt("return",{focus:i});case 8:e.prev=8,e.t0=e.catch(0);case 11:case"end":return e.stop()}}),e,null,[[0,8]])})))()},data:function(){return{focus:void 0,themeSpaceList:[]}},head:function(){if(this.focus.info)return{meta:[{property:"og:title",content:this.focus?"".concat(Object(s.e)("tag",Object(s.c)(this.focus.info.title),"")," - 스페이스클라우드"):"스페이스클라우드"},{property:"og:type",content:"article"},{property:"og:description",content:this.focus?Object(s.e)("tag",Object(s.c)(this.focus.info.sub_title),""):"스페이스클라우드"},{property:"og:image",content:this.focus.info.bg_img_m},{property:"og:url",content:"https://www.spacecloud.kr/".concat(this.$route.path)},{property:"og:article:author",content:"스페이스클라우드(SpaceCloud)"}],script:[{src:"https://dapi.kakao.com/v2/maps/sdk.js?autoload=false&appkey=5ac357ee7e43a11551504a15ebd80061&libraries=clusterer",defer:!0}]}},mounted:function(){var t=this;this.focus.sections.section.map((function(e){return e.info.spaces.map((function(e){return t.themeSpaceList.push(e.space_id)}))})),this.ExposedSpacesLogging("theme",this.themeSpaceList)}},c=o(7),l=Object(c.a)(r,(function(){var t=this,e=t.$createElement;return(t._self._c||e)("Focus",{attrs:{focus:t.focus}})}),[],!1,null,null,null);e.default=l.exports},853:function(t,e,o){"use strict";var i=o(4);o(39);e.a={methods:{ExposedSpacesLogging:function(t,e,o){var s=this;return Object(i.a)(regeneratorRuntime.mark((function i(){var n,a,r,c;return regeneratorRuntime.wrap((function(i){for(;;)switch(i.prev=i.next){case 0:n=localStorage.getItem("user"),a=localStorage.getItem("anonymous_id"),r=n?JSON.parse(n).id:"",c=window.location.href,s.$axios.post("/log/exposed/spaces",{space_ids:e,type:t,anonymous_id:a,user_id:r,referer:c,ad_ids:o,exposed_at:s.$moment().format()},{baseURL:location.origin});case 1:case"end":return i.stop()}}),i)})))()}}}},868:function(t,e,o){t.exports=o.p+"img/social_kakao.a84abfd.png"},869:function(t,e,o){t.exports=o.p+"img/social_fb.3fd0f34.png"},870:function(t,e,o){t.exports=o.p+"img/social_x.79084c1.png"},873:function(t,e,o){"use strict";o(64),o(49);var i={components:{Icons:o(146).a},props:{modalStatus:{type:Boolean,default:!1},dataset:{type:Object,default:function(){}},position:{type:Object,default:function(){}}},data:function(){return{url:"",isCopied:!1}},mounted:function(){this.dataset.url?this.url=this.dataset.url:this.url=window.location.href},methods:{copyToClipboard:function(){var t=this;this.isCopied=!1,document.removeEventListener("click",this.clickEventListener),document.removeEventListener("touchend",this.clickEventListener),this.$copyText(this.url).then((function(e){t.isCopied=!0,setTimeout((function(){document.addEventListener("click",t.clickEventListener),document.addEventListener("touchend",t.clickEventListener)}),200)})).catch((function(t){}))},closeModal:function(){this.$emit("update:modalStatus",!1),document.removeEventListener("click",this.clickEventListener),document.removeEventListener("touchend",this.clickEventListener)},clickEventListener:function(t){t.target.closest(".naver-splugin")||t.target.closest("div.share-modal")||this.closeModal()},shareKakao:function(){Kakao.Link.sendDefault({objectType:"feed",content:{title:this.dataset.name,description:"출처: 스페이스클라우드",imageUrl:this.dataset.image,link:{mobileWebUrl:this.dataset.url?this.dataset.url:"".concat(window.location.href),webUrl:this.dataset.url?this.dataset.url:"".concat(window.location.href)}}})},shareFacebook:function(){var t="http://www.facebook.com/sharer.php?u="+encodeURIComponent(this.url)+"&t="+encodeURIComponent(this.dataset.name);this.windowOpen(t,600,450)},shareTwitter:function(){var t="http://twitter.com/intent/tweet?text="+encodeURIComponent("".concat(this.dataset.name," (출처: 스페이스클라우드)"))+"&url="+encodeURIComponent(this.url);this.windowOpen(t,620,420)},windowOpen:function(){for(var t=arguments.length,e=new Array(t),o=0;o<t;o++)e[o]=arguments[o];var i=e[0],s=e[1],n=e[2],a="left=10,top=10,width="+s+",height="+n+",menubar=yes,location=yes,resizable=no,scrollbars=no,status=no";window.open(i,"sharePopUp",a)}}},s=i,n=o(7),a=Object(n.a)(s,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("div",{staticClass:"dimmed",staticStyle:{display:"block",background:"transparent","z-index":"1"},on:{click:t.closeModal}}),t._v(" "),i("div",{staticClass:"share-modal",style:t.position},[i("div",{staticClass:"icon_wrapper"},[i("button",{on:{click:t.closeModal}},[i("Icons",{attrs:{icon:"close",width:"16px",height:"16px"}})],1)]),t._v(" "),t.isCopied?t._e():i("h2",{staticClass:"share-modal-title"},[t._v("공유하기")]),t._v(" "),t.isCopied?t._e():i("ul",[i("li",{staticClass:"share-item"},[i("a",{on:{click:t.shareKakao}},[i("img",{staticClass:"logo",attrs:{src:o(868),alt:"카카오"}}),t._v(" "),i("p",{staticClass:"title"},[t._v("카카오톡")])])]),t._v(" "),i("li",{staticClass:"share-item"},[i("a",{on:{click:t.shareFacebook}},[i("img",{staticClass:"logo",attrs:{src:o(869),alt:"페이스북"}}),t._v(" "),i("p",{staticClass:"title"},[t._v("페이스북")])])]),t._v(" "),i("li",{staticClass:"share-item"},[i("a",{on:{click:t.shareTwitter}},[i("img",{staticClass:"logo",attrs:{src:o(870),alt:"트위터"}}),t._v(" "),i("p",{staticClass:"title"},[t._v("X")])])])]),t._v(" "),t.isCopied?t._e():i("div",{staticClass:"share-url",on:{click:function(e){return e.preventDefault(),t.copyToClipboard.apply(null,arguments)}}},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.url,expression:"url"}],staticClass:"share-url-input",attrs:{type:"text",disabled:""},domProps:{value:t.url},on:{input:function(e){e.target.composing||(t.url=e.target.value)}}}),t._v(" "),i("button",{staticClass:"share-url-btn"},[t._v("URL 복사")])]),t._v(" "),t.isCopied?i("div",{staticClass:"share-close",on:{click:t.closeModal}},[i("i",{staticClass:"sp_icon ico_btn_close"})]):t._e(),t._v(" "),t.isCopied?i("p",{staticClass:"share-success"},[t._v("\n      주소가 복사되었습니다.\n      "),i("br"),t._v("원하는 곳에 붙여넣기(Ctrl+V)해주세요.\n    ")]):t._e()])])}),[],!1,null,null,null);e.a=a.exports},939:function(t,e,o){"use strict";var i=o(4),s=(o(39),o(1)),n=o(822),a=o(815),r=o(814),c=o(146),l=o(819),p=o(280),u=o(873),d=o(940),f={components:{Loading:p.a,Icons:c.a,Button:r.a,Grid:n.a,Typo:a.a,Card:l.a,ShareModal:u.a,ThemeMap:d.a},props:{focus:{required:!0,type:Object,default:void 0}},data:function(){return{isLoading:!1,buttonRef:void 0,showShareModal:!1,shareModalPosition:void 0,isMap:!1,spaces:[]}},created:function(){this.$store.commit("SET_PAGEINFO",{isNoFooter:!1})},methods:{replaceRegex:s.e,nl2br:s.c,scrollNext:function(){window.scrollTo({top:window.innerHeight,left:0,behavior:"smooth"})},setref:function(t){this.buttonRef=t},activeShareModal:function(){var t=this.buttonRef.$el.getBoundingClientRect();this.$store.state.isMobile?this.shareModalPosition={top:"50%",left:"50%",transform:"translate(-50%, -50%)"}:this.shareModalPosition={top:"".concat(t.top-200,"px"),left:"".concat(t.right-t.left+170,"px")},this.showShareModal=!this.showShareModal},openMap:function(){var t=this;return Object(i.a)(regeneratorRuntime.mark((function e(){var o,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,t.isLoading=!0,e.next=4,t.$axios.get("/display_plans/".concat(t.$route.params.focusId,"/map"));case 4:o=e.sent,i=o.data,t.isLoading=!1,t.spaces=i.spaces,t.isMap=!0,e.next=14;break;case 11:e.prev=11,e.t0=e.catch(0);case 14:case"end":return e.stop()}}),e,null,[[0,11]])})))()}}},h=o(7),m=Object(h.a)(f,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("Grid",[t.focus&&t.focus.info?o("Grid",[o("Grid",{attrs:{height:"100vh",rows:"0.8fr 0.2fr"}},[o("Grid",{attrs:{position:"relative",height:"100%",justify:"center","align-content":"center"}},[o("Grid",{attrs:{"is-inline":"","border-width":"1px","border-color":"#"+t.focus.info.label_bg_color+"66","background-color":"#"+t.focus.info.label_bg_color+"33","border-radius":"26px",padding:"14px 20px",sm:{padding:"12px 30px"}}},[o("Typo",{attrs:{size:"20px",weight:"600","font-color":"#"+t.focus.info.label_title_color,sm:{size:"16px"}},domProps:{innerHTML:t._s(t.focus.info.label_title)}})],1),t._v(" "),o("Grid",{attrs:{"margin-top":"50px"}},[o("Typo",{attrs:{size:"48px",weight:"600",align:"center",color:"white",sm:{size:"28px"}},domProps:{innerHTML:t._s(t.focus.info.title)}})],1),t._v(" "),o("Grid",{attrs:{"margin-top":"100px",sm:{marginTop:"60px"}}},[o("Typo",{attrs:{size:"24px",weight:"300",align:"center",color:"white",lineHeight:"1.4",sm:{size:"15px"}},domProps:{innerHTML:t._s(t.focus.info.sub_title)}})],1),t._v(" "),o("Grid",{staticStyle:{zIndex:"-2"},attrs:{position:"absolute",right:"0",left:"0",bottom:"0",top:"0",image:t.focus.info.bg_img_pc,sm:{image:t.focus.info.bg_img_m}}}),t._v(" "),o("Grid",{staticStyle:{zIndex:"-1"},attrs:{position:"absolute",right:"0",left:"0",bottom:"0",top:"0","background-color":"#00000033"}}),t._v(" "),o("Grid",{staticStyle:{zIndex:"1"},attrs:{position:"absolute",bottom:"30px"}},[o("Button",{on:{click:function(e){return t.scrollNext()}}},[o("Icons",{attrs:{icon:"arrow-small",width:"40px",height:"40px",color:"#ffffff66"}})],1)],1)],1),t._v(" "),o("Grid",{attrs:{"align-content":"center",justify:"center","justify-content":"center","background-color":"#"+t.focus.info.cont_bg_color,gap:"14px",sm:{gap:"3px"},columns:"minmax(100px, 90%)"}},[o("Typo",{attrs:{size:"20px","font-color":"#"+t.focus.info.cont_txt_color,lineHeight:"1.4",align:"center",sm:{size:"18px"}},domProps:{innerHTML:t._s(t.focus.info.cont)}})],1)],1),t._v(" "),t._l(t.focus.sections.section,(function(e,i){return o("Grid",{key:e.info.id,attrs:{"align-content":"center",justify:"center","justify-content":"center","background-color":"#"+(i+1===t.focus.sections.section.length?"f6f6f6":e.info.bg_color),padding:"60px 0",sm:{height:"auto",padding:"30px 0"}}},[o("Grid",{attrs:{justify:"center","justify-content":"center"}},[o("Grid",{attrs:{"margin-top":"16px",justify:"center","justify-content":"center",sm:{marginTop:"14px"}}},[o("Typo",{attrs:{color:"#222222",weight:"600",size:"38px",align:"center",sm:{size:"24px"}},domProps:{innerHTML:t._s(i+1===t.focus.sections.section.length?"모든 추천 공간":e.info.title)}})],1),t._v(" "),e.info.sub_title&&i+1!==t.focus.sections.section.length?o("Grid",{attrs:{"margin-top":"28px",sm:{marginTop:"30px"}}},[o("Typo",{attrs:{color:"#444444",lineHeight:"1.4",weight:"300",size:"18px",align:"center",sm:{size:"15px"}},domProps:{innerHTML:t._s(e.info.sub_title)}})],1):t._e()],1),t._v(" "),o("Grid",{attrs:{"margin-top":"60px",justify:"center","justify-content":"center",overflow:"hidden",display:"flex",sm:{marginTop:"30px"}}},[o("Grid",{attrs:{width:"1160px","max-width":"90%",justify:"center","justify-content":"space-between",columns:"repeat(3, 1fr)",gap:"27px",md:{columns:"repeat(2, 1fr)",gap:"40px",maxWidth:"inherit",justifyContent:"center"},sm:{columns:"0.9fr",gap:"40px",maxWidth:"inherit",justifyContent:"center"}}},t._l(e.info.spaces,(function(t){return o("Grid",{key:t.space_id,attrs:{columns:"minmax(100px, 1fr)"}},[o("Card",{attrs:{space:t}})],1)})),1)],1)],1)})),t._v(" "),o("Grid",{attrs:{"background-color":"#f6f6f6","justify-content":"center",justify:"center",padding:"0 0 160px",md:{margin:0}}},[o("Grid",{attrs:{columns:"1fr 1fr","max-width":"1158px",gap:"36px",md:{gap:0}}},[o("Button",{attrs:{variant:"flat",color:"primary","border-radius":"8px",height:"60px",md:{borderRadius:0}},on:{click:t.openMap}},[o("Grid",{attrs:{display:"flex",gap:"8px",align:"start","justify-content":"center"}},[o("Icons",{attrs:{icon:"map",color:"white",width:"13px",height:"17px"}}),t._v(" "),o("Typo",{attrs:{color:"white",size:"18px"}},[t._v("지도로 보기")])],1)],1),t._v(" "),o("Button",{attrs:{variant:"flat",color:"primary","border-radius":"8px",height:"60px",md:{borderRadius:0}},on:{setRef:t.setref,click:t.activeShareModal}},[o("Grid",{attrs:{display:"flex",gap:"8px",align:"start","justify-content":"center"}},[o("Icons",{attrs:{icon:"share",color:"white",width:"17px",height:"17px"}}),t._v(" "),o("Typo",{attrs:{color:"white",size:"18px"}},[t._v("공유하기")])],1)],1)],1)],1)],2):o("Grid",{attrs:{height:"100vh",position:"relative"}},[o("Grid",{attrs:{height:"80vh","align-content":"center","justify-content":"center"}},[o("Grid",{attrs:{"justify-content":"center",justify:"center",gap:"8px"}},[o("Typo",{attrs:{size:"20px",color:"grey70",sm:{size:"16px"}}},[t._v("노출중지 또는 삭제되어 찾을 수 없는 페이지입니다.")]),t._v(" "),o("Typo",{attrs:{size:"20px",color:"grey70",sm:{size:"16px"}}},[t._v("서비스 이용에 불편을 드려 죄송합니다.")])],1),t._v(" "),o("Grid",{attrs:{"margin-top":"80px","justify-content":"center",justify:"center"}},[o("Button",{attrs:{variant:"flat",color:"primary",width:"200px",height:"52px"},on:{click:function(e){return t.$router.replace("/")}}},[o("Typo",{attrs:{color:"white",bold:""}},[t._v("홈으로 이동")])],1)],1)],1)],1),t._v(" "),t.showShareModal?o("ShareModal",{attrs:{position:t.shareModalPosition,"modal-status":t.showShareModal,dataset:{name:t.replaceRegex("tag",t.nl2br(t.focus.info.title),""),image:t.focus.info.bg_img_pc,id:t.focus.info.id}},on:{"update:modalStatus":function(e){t.showShareModal=e},"update:modal-status":function(e){t.showShareModal=e}}}):t._e(),t._v(" "),t.isMap?o("ThemeMap",{attrs:{keyword:t.replaceRegex("tag",t.nl2br(t.focus.info.title),""),items:t.spaces,"hide-map":function(){return t.isMap=!1}}}):t._e(),t._v(" "),t.isLoading?o("Loading",{attrs:{modalStatus:!0}}):t._e()],1)}),[],!1,null,null,null);e.a=m.exports}}]);