https://www.podbbang.com/_nuxt/8d18f5b.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{1243:function(e,t,o){"use strict";o(907)},1244:function(e,t,o){(t=o(16)(!1)).push([e.i,'.page-curations__loader{display:none;flex-direction:column;justify-content:center;align-items:center;height:70vh}.page-curations__loader.showing{display:flex}.page-curations__loader>.pb-icon{width:80px;height:80px;fill:#1fa1eb;stroke:#1fa1eb}.page-curations__error{display:none;flex-direction:column;justify-content:center;align-items:center;height:70vh}.page-curations__error.showing{display:flex}.page-curations__error>h5{font-size:22px;font-weight:500;line-height:30px;text-align:center}.page-curations__error>.btn-refresh{width:120px;height:40px;margin-top:15px;color:#fff;font-size:15px;font-weight:500;background-color:#1fa1eb;border-radius:4px}.page-sub-musicpods{max-width:1200px;margin:30px auto 10px;overflow:hidden}@media(max-width:1029px){.page-sub-musicpods{margin-top:10px;padding:5px}}.page-sub-musicpods>.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:15px;padding-left:15px;box-sizing:border-box}@media(max-width:1029px){.page-sub-musicpods>.header{padding-top:10px;padding-left:10px}}.page-sub-musicpods>.header>.wrapper{flex:1 1 auto;display:flex}@media(max-width:1029px){.page-sub-musicpods>.header>.wrapper{flex-direction:column}}.page-sub-musicpods>.header>.wrapper>h3{margin:0;padding:0;font-size:24px;font-weight:500;line-height:25px;letter-spacing:-.5px}@media(max-width:1029px){.page-sub-musicpods>.header>.wrapper>h3{font-size:22px}}.page-sub-musicpods>.header>.wrapper>h5{margin:0;padding:0;font-size:16px;line-height:25px;letter-spacing:-.5px}@media(max-width:1029px){.page-sub-musicpods>.header>.wrapper>h5{font-size:15px;margin-left:-5px}}.page-sub-musicpods>.sub-musicpods{position:relative;display:flex;height:280px;padding:5px 0 0 240px;overflow:hidden}@media(max-width:1029px){.page-sub-musicpods>.sub-musicpods{height:auto;padding:10px 0;flex-direction:column;justify-content:center}}.page-sub-musicpods>.sub-musicpods>.image{position:absolute;top:15px;left:15px;width:219px;height:219px;text-align:center;background-color:#f1f1f2;border-radius:4px;box-shadow:0 0 10px rgba(50,50,50,.3);overflow:hidden;cursor:pointer}@media(max-width:1029px){.page-sub-musicpods>.sub-musicpods>.image{position:relative;top:auto;left:auto;width:209px;height:209px;margin:0 auto 15px}}.page-sub-musicpods>.sub-musicpods>.image>img{transition:opacity transform .5s ease-in-out;transform:scale3d(.95,.95,.95);width:100%;height:100%;border:none;opacity:0}.page-sub-musicpods>.sub-musicpods>.image>img.showing{transform:scaleX(1);opacity:1}.page-sub-musicpods>.sub-musicpods>.image>.btn-play{position:absolute;right:5px;bottom:5px;flex:0 0 50px;width:50px;height:50px;background-image:linear-gradient(90deg,#74aae7,#1fa1eb);border-radius:25px;opacity:1!important}.page-sub-musicpods>.sub-musicpods>.image>.btn-play>.pb-icon{width:22px;height:22px;fill:#fff}.page-sub-musicpods>.sub-musicpods>.image>.btn-play>.pb-icon-player-play-fill{margin-left:4px}.page-sub-musicpods>.sub-musicpods>.media-list{display:flex;flex-direction:column}.page-sub-musicpods>.sub-musicpods>.media-list>.media-list-container{width:315px;margin:5px 0;border-radius:10px;opacity:1;cursor:pointer;transition:.4s}@media(max-width:1029px){.page-sub-musicpods>.sub-musicpods>.media-list>.media-list-container{background-color:transparent;width:100%;max-width:780px}}.page-sub-musicpods>.sub-musicpods>.media-list>.media-list-container>.musicpod-playlist-list{margin:0 10px}.page-sub-musicpods>.sub-musicpods>.media-list>.media-list-container>.musicpod-playlist-list>.musicpod-media-list-item{padding:5px 0}.page-sub-musicpods>.sub-musicpods>.media-list>.media-list-container>.musicpod-playlist-list>.musicpod-media-list-item:nth-child(n+2){opacity:.5}.page-sub-musicpods>.sub-musicpods>.media-list>.media-list-container>h5{color:#111;font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.5px;margin-left:10px;margin-top:10px}.page-sub-musicpods>.sub-musicpods>.media-list>.media-list-container>h5:after{content:"";display:block;height:1px;margin:10px 0 5px;background-color:#e6e7e8}.page-sub-musicpods>.sub-musicpods>.sub-genre{position:relative;width:100%;max-width:550px;margin-top:5px;margin-left:10px;border-radius:10px;opacity:1}@media(max-width:1029px){.page-sub-musicpods>.sub-musicpods>.sub-genre{background-color:transparent;max-width:780px;margin-left:0}}.page-sub-musicpods>.sub-musicpods>.sub-genre>h5{color:#111;font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.5px;margin-left:10px;margin-top:10px}.page-sub-musicpods>.sub-musicpods>.sub-genre>h5:after{content:"";display:block;height:1px;margin:10px 0 5px;background-color:#e6e7e8}.page-sub-musicpods>.sub-musicpods>.sub-genre>.genre-main{display:flex;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.page-sub-musicpods>.sub-musicpods>.sub-genre>.genre-main>.genre-list{display:flex;flex-direction:column;

1cursor:pointer}.page-sub-musicpods>.sub-musicpods>.sub-genre>.genre-main>.genre-list>.genre-image{border-radius:90%;overflow:hidden;width:120px;height:120px;margin-left:15px;margin-top:15px}.page-sub-musicpods>.sub-musicpods>.sub-genre>.genre-main>.genre-list>.genre-image>img{transition:opacity transform .5s ease-in-out;transform:scale3d(.95,.95,.95);width:100%;height:100%;border:none;opacity:0;border-radius:90%}.page-sub-musicpods>.sub-musicpods>.sub-genre>.genre-main>.genre-list>.genre-image>img.showing{transform:scaleX(1);opacity:1}.page-sub-musicpods>.sub-musicpods>.sub-genre>.genre-main>.genre-list>h5{color:#111;font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.5px;margin-top:15px;margin-left:15px;text-align:center}.page-sub-musicpods>.sub-musicpods>.sub-genre>.genre-main::-webkit-scrollbar{display:none}.page-sub-musicpods>.sub-musicpods>.sub-genre>.genre-slide-button{position:absolute;display:none;top:40%;width:40px;height:40px;cursor:pointer;background-color:#fff;border:none;border-radius:20px;box-shadow:0 0 4px rgba(0,0,0,.3);z-index:20}.page-sub-musicpods>.sub-musicpods>.sub-genre>.genre-slide-display{display:block}@media(max-width:1029px){.page-sub-musicpods>.sub-musicpods>.sub-genre>.genre-slide-display{display:none}}.page-sub-musicpods>.sub-musicpods>.sub-genre>.prev{left:-5px}.page-sub-musicpods>.sub-musicpods>.sub-genre>.next{right:-5px}',""]),e.exports=t},681:function(e,t,o){var content=o(732);"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,o(17).default)("3ff375d4",content,!0,{sourceMap:!1})},731:function(e,t,o){"use strict";o(681)},732:function(e,t,o){(t=o(16)(!1)).push([e.i,".musicpod-media-list-item>.title[data-v-787de650]{font-size:17px;font-weight:400}.musicpod-media-list-item>.artist[data-v-787de650],.musicpod-media-list-item>.duration[data-v-787de650]{font-size:15px}.musicpod-media-list-item[data-v-787de650]{display:grid;grid-template-columns:50px 1fr 60px;grid-template-rows:repeat(2,1fr);grid-gap:2px 15px;gap:2px 15px;padding:10px 0}.musicpod-media-list-item>.image[data-v-787de650]{grid-row:1/span 2;align-self:center;width:50px;height:50px;background-color:#e6e7e8;border-radius:6px;box-shadow:0 0 0 .5px rgba(0,0,0,.2);overflow:hidden}.musicpod-media-list-item>.image>img[data-v-787de650]{width:100%;height:100%}.musicpod-media-list-item>.title[data-v-787de650]{grid-row:1;align-self:end;font-size:14px;font-weight:600}.musicpod-media-list-item>.artist[data-v-787de650],.musicpod-media-list-item>.title[data-v-787de650]{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.musicpod-media-list-item>.artist[data-v-787de650]{grid-row:2;align-self:start;font-size:12px}.musicpod-media-list-item>.duration[data-v-787de650]{grid-row:1/span 2;align-self:center;font-size:13px;text-align:right}",""]),e.exports=t},747:function(e,t,o){"use strict";o.r(t);o(19);var n=o(6),r=o(7),c=o(9),d=o(10),l=o(4),m=o(5),f=(o(12),o(48),o(1)),h={name:"MusicpodPlaylistMediaItem",functional:!0,render:function(e,t){var o=t.props.media,image=e("div",{staticClass:"image"},[e("img",{attrs:{src:o.image?o.image+"?w=200":null}})]),title=e("h2",{staticClass:"title"},o.title),n=e("span",{staticClass:"artist"},o.artist),r=e("span",{staticClass:"duration"},function(e){var t,o,n,r,c=Math.floor(e/1e3),d=0,l="";return c>3600&&(c-=60*(d=Math.floor(c/3600))*60,l=d<10?"0"+String(d):String(d)),c-=60*(t=c>60?Math.floor(c/60):0),n=t<10?"0"+String(t):String(t),r=(o=c)<10?"0"+String(o):String(o),"".concat(d>0?l+":":"").concat(n,":").concat(r)}(o.duration));return e("div",{staticClass:"musicpod-media-list-item"},[image,title,n,r])}},x=(o(731),o(8)),v=Object(x.a)(h,void 0,void 0,!1,null,"787de650",null).exports;function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=Object(l.a)(e);if(t){var r=Object(l.a)(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return Object(d.a)(this,o)}}var w=function(e,t,o,desc){var n,r=arguments.length,c=r<3?t:null===desc?desc=Object.getOwnPropertyDescriptor(t,o):desc;if("object"===("undefined"==typeof Reflect?"undefined":Object(m.a)(Reflect))&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,desc);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(c=(r<3?n(c):r>3?n(t,o,c):n(t,o))||c);return r>3&&c&&Object.defineProperty(t,o,c),c},_=function(e){Object(c.a)(o,e);var t=y(o);function o(){return Object(n.a)(this,o),t.apply(this,arguments)}return Object(r.a)(o,[{key:"render",value:function(e){var t=this.medias.map((function(t){return e(v,{props:{media:t}})}));return e("div",{staticClass:"musicpod-playlist-list"},t)}}]),o}(f.i);w([Object(f.f)({default:[]})],_.prototype,"medias",void 0);var k=_=w([f.a],_),S=Object(x.a)(k,void 0,void 0,!1,null,null,null);t.default=S.exports},750:function(e,t,o){"use strict";o.r(t);o(19);var n=o(6),r=o(7),c=o(9),d=o(10),l=o(4),m=o(5),f=(o(12),o(22),o(23),o(40),o(1));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=Object(l.a)(e);if(t){var r=Object(l.a)(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return Object(d.a)(this,o)}}var x=function(e,t,o,desc){var n,r=arguments.length,c=r<3?t:null===desc?desc=Object.getOwnPropertyDescriptor(t,o):desc;if("object"===("undefined"==typeof Reflect?"undefined":Object(m.a)(Reflect))&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,desc);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(c=(r<3?n(c):r>3?n(t,o,c):n(t,o))||c);return r>3&&c&&Object.defineProperty(t,o,c),c},v=function(e){Object(c.a)(o,e);var t=h(o);function o(){var e;return Object(n.a)(this,o),(e=t.apply(this,arguments)).isLoading=!1,e.isLoadFailed=!1,e.isSubMusicPods=!1,e.SlidePrev="",e.SlideNext="",e.scrollAmount=0,e.sections=[],e.subMusicPodsSections=[],e.subMusicPodsGenre=[],e.cancelTokenSource=null,e.timeout=5e3,e}return Object(r.a)(o,[{key:"displayMode",get:function(){return this.$store.state.app.displayMode}},{key:"created",value:function(){this.getCurationList()}},{key:"destroyed",value:function(){var e;null===(e=this.cancelTokenSource)||void 0===e||e.cancel("Operation canceled by the user.")}},{key:"slideOnfocus",value:function(){if(this.subMusicPodsGenre.length>4){var e=document.querySelector(".genre-main"),t=e.scrollWidth-e.clientWidth;this.scrollAmount>0&&(this.SlidePrev="genre-slide-display"),this.scrollAmount<t&&(this.SlideNext="genre-slide-display")}}},{key:"slideOfffocus",value:function(){this.SlidePrev="",this.SlideNext=""}},{key:"slideScroll",value:function(){var e=document.querySelector(".genre-main");this.scrollAmount=e.scrollLeft,this.slideOfffocus(),this.slideOnfocus()}},{key:"moveGridScroll",value:function(e){var t=document.querySelector(".genre-main"),o=t.scrollWidth-t.clientWidth;"prev"==e&&this.scrollAmount>0?t.scrollTo({left:this.scrollAmount-=540,behavior:"smooth"}):"next"==e&&this.scrollAmount<o&&t.scrollTo({left:this.scrollAmount+=540,behavior:"smooth"}),this.slideOfffocus(),this.slideOnfocus()}},{key:"getCurationList",value:function(){var e=this;if(!this.isLoading){if(this.isLoading=!0,this.isLoadFailed=!1,this.sections=[],this.subMusicPodsSections=[],this.subMusicPodsGenre=[],this.cancelTokenSource=this.$axios.CancelToken.source(),"musicpod"==this.pageSlug){var t=localStorage.musicpods;t?this.$axios.$get("/musicpod-playlists/".concat(t,"?with=media"),{cancelToken:this.cancelTokenSource.token,timeout:this.timeout}).then((function(t){e.subMusicPodsSections=t,e.isSubMusicPods=!0})):this.isSubMusicPods=!1}

1this.$axios.$get("/pages/".concat(this.pageSlug,"/components?with=contents&webview=0"),{cancelToken:this.cancelTokenSource.token,timeout:this.timeout}).then((function(t){e.sections=t.data,e.subMusicPodsGenre=t.data.filter((function(e){return"MusicpodRoundedPlaylistList"==e.type})),e.subMusicPodsGenre.length>0&&(e.subMusicPodsGenre=e.subMusicPodsGenre[0].contents.data)})).catch((function(t){e.isLoadFailed=!0})).finally((function(){e.isLoading=!1}))}}},{key:"subMusicpodsClick",value:function(e){this.$emit("moveToChannel",e)}},{key:"playingMedia",get:function(){var e=this.subMusicPodsSections.media.filter((function(e){return e.playing})),t=this.subMusicPodsSections.media.slice(0,this.subMusicPodsSections.media.indexOf(e[0])),o=this.subMusicPodsSections.media.slice(this.subMusicPodsSections.media.indexOf(e[0])+1).concat(t).splice(0,2);return e.concat(o)}}]),o}(f.i);x([Object(f.f)({required:!0})],v.prototype,"pageSlug",void 0);var y=v=x([f.a],v),w=(o(1243),o(8)),component=Object(w.a)(y,(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page-curations theme--light"},[o("section",{staticClass:"page-curations__loader",class:{showing:e.isLoading}},[o("Icon",{attrs:{type:"loader-ball"}})],1),e._v(" "),o("section",{staticClass:"page-curations__error",class:{showing:!e.isLoading&&e.isLoadFailed}},[e._m(0),e._v(" "),o("button",{staticClass:"btn-refresh",on:{click:e.getCurationList}},[e._v("다시 시도")])]),e._v(" "),!e.isLoading&&e.isSubMusicPods?o("section",{staticClass:"page-sub-musicpods"},[o("section",{staticClass:"header"},[o("section",{staticClass:"wrapper"},[o("h3",{staticClass:"title"},[e._v("내가 듣던 뮤직팟 Radio  :")]),e._v(" "),o("h5",[e._v("   "+e._s(e.subMusicPodsSections.title))])])]),e._v(" "),o("section",{staticClass:"sub-musicpods"},[o("div",{staticClass:"image",on:{click:function(t){return e.subMusicpodsClick(e.subMusicPodsSections)}}},[o("img",{staticClass:"showing",attrs:{src:e.subMusicPodsSections.image}}),e._v(" "),o("button",{staticClass:"btn-play"},[o("Icon",{attrs:{type:"player-play-fill"}})],1)]),e._v(" "),o("section",{staticClass:"media-list"},[o("section",{staticClass:"media-list-container",on:{click:function(t){return e.subMusicpodsClick(e.subMusicPodsSections)}}},[o("h5",[e._v("현재 스트리밍")]),e._v(" "),o("MusicpodMediaList",{attrs:{medias:e.playingMedia}}

1)],1)]),e._v(" "),e.subMusicPodsGenre.length>0?o("section",{staticClass:"sub-genre",on:{mouseover:e.slideOnfocus,mouseout:e.slideOfffocus,mousewheel:e.slideScroll}},[e._m(1),e._v(" "),o("div",{staticClass:"genre-main"},e._l(e.subMusicPodsGenre,(function(t){return o("div",{key:t.id,staticClass:"genre-list",on:{click:function(o){return e.subMusicpodsClick(t)}}},[o("div",{staticClass:"genre-image"},[o("img",{staticClass:"showing",attrs:{src:t.image}})]),e._v(" "),o("h5",[e._v(e._s(t.title))])])})),0),e._v(" "),o("button",{staticClass:"genre-slide-button prev",class:e.SlidePrev,on:{click:function(t){return e.moveGridScroll("prev")}}},[o("svg",{staticClass:"icon icon-chevron-left ",staticStyle:{"margin-left":"-2px"},attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:"25",height:"25"}},[o("path",{attrs:{"fill-rule":"evenodd",d:"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"}})])]),e._v(" "),o("button",{staticClass:"genre-slide-button next",class:e.SlideNext,on:{click:function(t){return e.moveGridScroll("next")}}},[o("svg",{staticClass:"icon icon-chevron-right ",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:"25",height:"25"}},[o("path",{attrs:{"fill-rule":"evenodd",d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"}})])])]):e._e()])]):e._e(),e._v(" "),e.isLoading||e.isLoadFailed?e._e():o("page-curation-component",{ref:"pageComponents",staticClass:"page-components",attrs:{"page-slug":e.pageSlug,appear:!0,"is-webview":!1,theme:"light","display-mode":e.displayMode,data:e.sections}})],1)}),[function(){var e=this.$createElement,t=this._self._c||e;return t("h5",[this._v("화면을"),t("br"),this._v("불러오지 못했어요.")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h5",[this._v("주간 인기 "),t("span",{staticStyle:{color:"#1fa1eb"}},[this._v("100")]),this._v(" 모음")])}],!1,null,null,null);t.default=component.exports;installComponents(component,{Icon:o(28).default,MusicpodMediaList:o(747).default})},907:function(e,t,o){var content=o(1244);"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,o(17).default)("d91cadce",content,!0,{sourceMap:!1})}}]);