https://www.tving.com/mono/_next/static/chunks/pages/schedule-e1ac620b158d73a8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6332],{31987:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/schedule",function(){return n(29717)}])},29717:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return R}});var i=n(94616),r=n(59994),o=n(3850),a=n.n(o),c=n(95030),l=n(40643),s=n(56193),d=n(21788),u=n(62787),m=n(46900),f=n(98142),p=n(16476),h=n.n(p),g=n(5344),v=n(91316),b=n(24243),y=n(9540),w=n(31635),x=n(60333),_={mainHeaderHeight:"13.333rem",tableHeaderHeight:"4rem",tablePrimaryColumnWidth:"11.235rem"},k=(0,y.Z)("div",{target:"e7qdp910"})("position:relative;.slide__num{position:fixed;left:0;right:0;",(0,x.mq)({top:w.Xc.gnbHeight}),"}.swiper-timeline{position:fixed;",(0,x.mq)({top:w.Xc.gnbHeight.map(function(e){return"calc(".concat(e," + ").concat(_.mainHeaderHeight,")")})}),"    left:",_.tablePrimaryColumnWidth,";right:0;z-index:1;pointer-events:none;}.swiper-schedule{z-index:0;top:",_.tableHeaderHeight,";}.swiper{overflow:visible;}.swiper-slide{pointer-events:none;}.swiper-button-prev{position:fixed;",(0,x.mq)({top:w.Xc.gnbHeight.map(function(e){return"calc(".concat(e," + ").concat(_.mainHeaderHeight,")")})}),"    left:",_.tablePrimaryColumnWidth,";z-index:2;transform:translateY(0);opacity:0.5;width:3em;height:3em;margin:0;padding:0;background-repeat:no-repeat;background-size:60% auto;background-position:50% 50%;font-size:1.25em;text-indent:-9999px;background-image:url('../img/icon_slide_left.svg');cursor:pointer;}.swiper-button-next{position:fixed;",(0,x.mq)({top:w.Xc.gnbHeight.map(function(e){return"calc(".concat(e," + ").concat(_.mainHeaderHeight,")")})}),"    right:0rem;z-index:2;transform:translateY(0);opacity:0.5;width:3em;height:3em;margin:0;padding:0;background-repeat:no-repeat;background-size:60% auto;background-position:50% 50%;font-size:1.25em;text-indent:-9999px;background-image:url('../img/icon_slide_right.svg');cursor:pointer;}"),Z=(0,y.Z)("div",{target:"e7qdp911"})("display:flex;",(0,x.mq)({marginTop:w.Xc.gnbHeight.map(function(e){return"calc(".concat(e," + ").concat(_.mainHeaderHeight,")")})}),"  padding-top:",_.tableHeaderHeight,";> div:nth-of-type(1){position:relative;z-index:2;flex-shrink:0;flex-basis:",_.tablePrimaryColumnWidth,";width:",_.tablePrimaryColumnWidth,";background-color:#000;>:nth-child(1){position:fixed;width:inherit;}}> div:nth-of-type(2){position:relative;flex:1;width:calc(100% - ",_.tablePrimaryColumnWidth,");}.item{&:hover{z-index:1;.is-desktop &{transform:translate3d(0,0,0);}}}"),N=(0,y.Z)("div",{target:"e7qdp912"})("position:absolute;display:",function(e){return e.styleWidth>0?"inline-block":"none"},";background-color:#000;transform:",function(e){return"translateX(".concat(e.num,"px)")},";left:",function(e){return"".concat(100*e.styleLeft,"%")},";width:",function(e){return"".concat(e.styleWidth,"%")},";min-width:",function(e){return"".concat(e.styleWidth,"%")},";opacity:",function(e){return"".concat(e.isHide?"0":"1")},";pointer-events:",function(e){return"".concat(e.isHide?"none":"visible")},";transform:translate3d(0,0,0);padding-right:5rem;.btn__alarm{&:after{opacity:",function(e){return e.styleWidth<100?0:.7},";}&:before{opacity:",function(e){return e.styleWidth<100?0:1},";}}&:hover{width:auto !important;.progress__title{pointer-events:visible;}}"),P=(0,y.Z)("div",{target:"e7qdp913"})("position:sticky;",(0,x.mq)({top:w.Xc.gnbHeight.map(function(e){return"calc(".concat(e," + ").concat(_.mainHeaderHeight,")")})}),"  z-index:2;display:flex;justify-content:center;align-items:center;height:",_.tableHeaderHeight,";background-color:#212121;color:#6e6e6e;border-top-width:1px;font-size:1.25em;border-style:solid;border-width:1px 0;border-color:#212121;overflow:hidden;transform:translate3d(0,0,0);pointer-events:none;box-sizing:border-box;&:before{content:'';position:absolute;left:-2px;right:-2px;top:1px;bottom:0;background-color:#191919;z-index:-1;}"),H=(0,y.Z)("div",{target:"e7qdp914"})("position:relative;display:flex;pointer-events:none;min-height:7em;margin:-1px 0;box-sizing:border-box;border-style:solid;border-width:0.05em;border-color:#212121;overflow:hidden;background-color:#111;display:flex;justify-content:center;align-items:center;> div{flex-shrink:0;height:100%;}img{width:8.1667rem;height:4.66667rem;object-fit:contain;border-radius:0.77775rem;}.channel-logo-fallback{width:8.1667rem;height:4.66667rem;display:flex;align-items:center;justify-content:center;background-color:#3f3f4e;color:#ffffff;font-size:1.2rem;font-weight:bold;text-align:center;padding:0.5rem;word-break:keep-all;border-radius:0.77775rem;.channel-name{position:relative;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;}}"),S=(0,y.Z)("div",{target:"e7qdp915"})("position:relative;display:flex;pointer-events:none;min-height:7em;margin:-1px 0;

1transform:translate3d(0,0,0);&:nth-of-type(2){&:before{content:'';position:absolute;top:-7em;left:0;width:100%;height:7em;z-index:10;pointer-events:visible;}}&:hover{z-index:1;}> div{flex-shrink:0;height:100%;}"),C=(0,y.Z)("div",{target:"e7qdp916"})("position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;"),O=(0,y.Z)("button",{target:"e7qdp917"})("opacity:",function(e){return e.disabled?".5":"1"},";pointer-events:",function(e){return e.disabled?"none":"visible"},";"),z=function(e){var t,n=e.program,o=e.progressPer,a=e.isAdult,c=e.isPassed,l=e.isLive,s=e.isNext,d=e.isReserved,u=e.livePercent,m=e.rightPer,f=e.startDate,p=e.endDate,y=e.column,w=(e.setColumn,e.idx),x=e.lineIdx,_=e.slideIdx,k=e.row,Z=(e.setRow,e.rowItemNum),P=(e.setRowItemNum,e.num),H=(e.setNum,e.broadcastStartTime),S=e.programCode,C=e.programName,O=e.episodeCode,z=e.episodeName,X=e.movieCode,I=e.channelCode,j=e.frequency,q=(0,g.Z)("common").t,B=(0,r.useState)(!1),M=B[0],D=B[1],L=(0,r.useState)(d),E=L[0],W=L[1],R=function(){D(!0)},T=function(){D(!1)},G=function(){var e={programName:C,episodeName:z,channelCode:I,reserveTime:H};E?v.Z.dialog({title:"이미 예약된 프로그램입니다.\n                예약을 취소하시겠습니까?"}).then(function(t){t.isConfirmed&&(0,b.kx)(e).then(function(e){W(!1),v.Z.toast({title:q("message.reserveCanceled")})})}):v.Z.dialog({title:"".concat(V(),"\n                ").concat(f," ~ ").concat(p,"\n                시청 예약하시겠습니까?")}).then(function(t){t.isConfirmed&&(0,b.GU)(e).then(function(e){W(!0),v.Z.toast({title:q("message.reserved")})})})},A=function(){var e="";return l?e="/live/".concat(I,"/"):s&&(S||O||X)||(O||X)&&(e="/contents/".concat(X||O,"/")),e},V=function(){var e;return"".concat((null==n?void 0:null===(e=n.name)||void 0===e?void 0:e.ko)||"").concat(j?", ".concat(j,"화"):"")},Y=function(e){e.preventDefault()};return(0,i.BX)(N,{className:"progress__bar ".concat(M?"is-active":""," ").concat((t="",c&&(t="pass"),l&&(t="live"),s&&(t="next"),t)),isHide:!n,styleLeft:o,styleWidth:m,onMouseEnter:R,onMouseLeave:T,num:x===k&&w>y||x===k&&w===y&&_>Z?P:0,lineIdx:x,children:[(0,i.BX)("p",{className:"progress__title-sub",children:[f," ~ ",p]}),A()?(0,i.tZ)(h(),{scroll:!0,href:A(),exact:!0,children:(0,i.tZ)("a",{className:"progress__titlewrap",children:(0,i.BX)("p",{className:"progress__title layout__flex-left",children:[V(),a?(0,i.tZ)("div",{className:"tag tag-age tag-age-cptg-nineteen",css:{marginLeft:"0.5rem",marginBottom:"0"}}):null]})})}):(0,i.tZ)("span",{className:"progress__titlewrap",children:(0,i.BX)("p",{className:"progress__title layout__flex-left",children:[V(),a?(0,i.tZ)("div",{className:"tag tag-age tag-age-cptg-nineteen",css:{marginLeft:"0.5rem",marginBottom:"0"}}):null]})}),l?(0,i.tZ)("div",{className:"progress__gauge skip",style:{width:"".concat(u,"%")},children:"러닝타임"}):null,s?(0,i.tZ)("button",{type:"button",className:"btn__alarm skip ".concat(E&&"active"),onClick:G,onMouseDown:Y,children:"알림"}):null]})},X=r.memo(z),I=n(93775),j=n(56567),q=function(e){var t=e.idx,n=e.setLazyIdx,o=(0,r.useRef)(),a=(0,j.I)(o),c=(0,r.useState)(!1),l=c[0],s=c[1];return(0,r.useEffect)(function(){if(a&&!l){var e=Math.floor(t/6);s(!0),setTimeout(function(){(0,I.flushSync)(function(){n(e)})},0)}},[a]),(0,i.tZ)(C,{ref:o})},B=n(43776),M=function(e){var t=e.swiperRef,n=e.initialSlide,o=e.nowDay,a=e.dayCount,c=e.setDayCount,l=e.setActiveSlide,s=function(e){c(function(t){return t+e})},d=(0,r.useState)(""),u=d[0],m=d[1],f=(0,r.useState)(""),p=f[0],h=f[1];return(0,r.useEffect)(function(){m(o.format("MMMM Do dddd")),h("".concat(o.format("MMMM Do dddd HH:mm")))},[o]),(0,i.tZ)("article",{className:"slide__num layout__flex",children:(0,i.BX)("div",{className:"slide__num-title",children:[(0,i.tZ)("h3",{children:u}),(0,i.BX)("div",{className:"slide__num-titlesub layout__flex",children:[(0,i.BX)("p",{children:["현재 ",p]}),(0,i.tZ)(B.O,{css:{marginLeft:"1rem"},onClick:function(){l(-1),c(0),t.slideTo(n,300)},children:"지금 방송 보기"})]}),(0,i.tZ)(O,{disabled:0===a,className:"slide_lay slide_left slide_bg",onClick:function(){return s(-1)},children:"이전 날짜"}),(0,i.tZ)(O,{disabled:6===a,className:"slide_lay slide_right slide_bg",onClick:function(){return s(1)},children:"다음 날짜"})]})})};function D(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}c.Z.use([l.W_,l.tl,l.oM,l.Rv,l.Gk]);var L=function(e){var t=e.url,n=e.channelName,o=(0,r.useState)(!1),a=o[0],c=o[1];return!t||a?(0,i.tZ)("div",{className:"channel-logo-fallback",children:(0,i.tZ)("span",{className:"channel-name",children:n})}):(0,i.tZ)("img",{src:t,alt:n,onError:function(){return c(!0)}})},E={0:{slidesPerView:3,slidesPerGroup:2},600:{slidesPerView:4,slidesPerGroup:2},1200:{slidesPerView:6,slidesPerGroup:3},1600:{slidesPerView:6,slidesPerGroup:3}},W=function(){var e=(0,r.useState)(0),t=e[0],n=e[1],o=(0,r.useState)(0),c=o[0],l=o[1],p=(0,r.useState)(0),h=p[0],g=p[1],v=(0,r.useState)(0),b=v[0],y=v[1],w=(0,r.useState)(null),x=w[0],_=w[1],N=(0,r.useState)(null),C=N[0],O=N[1],z=(0,r.useState)(0),I=z[0],j=z[1],B=0===I?a()().seconds(0).milliseconds(0):a()().add(I,"d").seconds(0).milliseconds(0),W=(0,u.xW)({nowDay:B}),R=W.dataList,T=W.channelLogoImageList,G=W.channelNameList,A=W.initialSlide,V=W.setLazyIdx,Y=W.setActiveSlide;(0,d.Z)();var U=(0,r.useRef)();return(0,i.BX)(k,{children:[(0,i.tZ)(M,{swiperRef:C,initialSlide:A,nowDay:B,dayCount:I,setDayCount:j,setActiveSlide:Y}),(0,i.BX)(Z,{children:[(0,i.BX)("div",{children:[(0,i.tZ)(P,{children:"전체 채널"}),T?T.map(function(e,t){var n=e?(0,f.t)(m.aZ+e,240):void 0,r=G[t]||"";return(0,i.tZ)(H,{children:(0,i.tZ)(L,{url:n,channelName:r})},"channel-".concat(t))}):null]}),(0,i.BX)("div",{style:{overflow:"hidden",marginTop:"-4rem",clip:"rect(top, right, bottom, left)"},ref:U,children:[R.length>0&&(0,i.BX)(i.HY,{children:[(0,i.tZ)("div",{className:"swiper-button-prev",onClick:function(){C.slidePrev()}}),(0,i.tZ)("div",{className:"swiper-button-next",onClick:function(){C.slideNext()}}),(0,i.tZ)(s.tq,{onSwiper:_,spaceBetween:0,breakpoints:E,initialSlide:A,freeMode:!0,className:"swiper-timeline",children:R.map(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.isLive,n=e.livePerTime,r=arguments.length>1?arguments[1]:void 0;return(0,i.BX)(s.o5,{className:"item",virtualIndex:r,children:[t?(0,i.tZ)("div",{className:"line__column",style:{left:"".concat(100*n+50,"%")}}):null,(0,i.tZ)(P,{children:a()().set("hour",0).set("minute",30*r).format("HH:mm")}

1)]},"item-".concat(r))})})]}),R.length>0&&(0,i.tZ)(s.tq,{onProgress:function(e,t){if(x)try{null==x||x.setProgress(t,0)}catch(n){}},onSlideChange:function(e){Y(e.activeIndex)},onSwiper:O,spaceBetween:0,breakpoints:E,navigation:!0,initialSlide:A,mousewheel:{forceToAxis:!0},freeMode:!0,className:"swiper-schedule",children:R.map(function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).channels,r=arguments.length>1?arguments[1]:void 0;return(0,i.BX)(s.o5,{className:"item",virtualIndex:r,children:[(0,i.tZ)(q,{idx:r,setLazyIdx:V}),null==e?void 0:e.map(function(e,o){return(0,i.tZ)(S,{children:e.map(function(e,a){var s,d;return(0,i.tZ)(X,(s=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.forEach(function(t){D(e,t,n[t])})}return e}({},e),d=(d={column:t,setColumn:n,idx:r,lineIdx:o,slideIdx:a,row:c,setRow:l,rowItemNum:h,setRowItemNum:g,num:b,setNum:y},!0,d),Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(d)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n.push.apply(n,i)}return n})(Object(d)).forEach(function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(d,e))}),s),"line-item-".concat(a))})},"ch-item-".concat(o))})]},"item-".concat(r))})})]})]})]})},R=function(){return(0,i.tZ)(W,{})}},21788:function(e,t,n){"use strict";var i=n(59994),r=n(69954),o=n(5240),a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.checkValue,n=(0,r.lP)().updateScroll;(0,i.useEffect)(function(){!o.tq&&n()},[n,void 0===t?null:t])};t.Z=a},56567:function(e,t,n){"use strict";n.d(t,{I:function(){return a}});var i=n(59994),r=n(15991),o={root:void 0,rootMargin:"0px 500px 500px 0px",threshold:0},a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o,n=(0,i.useState)(),a=n[0],c=n[1];return(0,r.Z)(function(){var n=new window.IntersectionObserver(function(e){return e.forEach(function(e){c(e.isIntersecting)})},t);return e.current&&n.observe(e.current),function(){e.current&&n.disconnect(e.current)}},[e]),a}},43776:function(e,t,n){"use strict";n.d(t,{O:function(){return o}});var i=n(9540),r=n(43605);n(60333);var o=(0,i.Z)("button",{target:"e1ya52nk0"})("display:",function(e){return e.isEditMode?"none":"initial"}," !important;/* display:inline-block;*/\n  padding:0.25rem 0.667rem;border-radius:3px;border:solid 1px ",r.O.darkGray,";font-size:1rem;line-height:1.4;color:colors.whiteGray;opacity:0.7;transition:opacity 0.1s;&:hover{opacity:1;}")}},function(e){e.O(0,[5639,2779,9774,2888,179],function(){return e(e.s=31987)}),_N_E=e.O()}]);