https://web-static.linetv.tw/release-fargate/public/dist/Home-Upcoming-5143f4a9-prod.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3085],{659:(e,t,n)=>{var r=n(51873),a=Object.prototype,i=a.hasOwnProperty,l=a.toString,o=r?r.toStringTag:void 0;e.exports=function(e){var t=i.call(e,o),n=e[o];try{e[o]=void 0;var r=!0}catch(e){}var a=l.call(e);return r&&(t?e[o]=n:delete e[o]),a}},7350:(e,t,n)=>{var r=n(38221),a=n(23805);e.exports=function(e,t,n){var i=!0,l=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return a(n)&&(i="leading"in n?!!n.leading:i,l="trailing"in n?!!n.trailing:l),r(e,t,{leading:i,maxWait:t,trailing:l})}},8886:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>C});var r=n(96540),a=n(61225),i=n(56189),l=n(94395),o=n(88865),s=n(54657),c=n(13646);const d=({arrowDirection:e,onClick:t})=>(0,a.d4)(e=>Boolean(e.deviceType.isDesktop))?r.createElement(c.XB,{arrowDirection:e,onClick:t},r.createElement(c.sQ,null,r.createElement(c.rm,{type:"button",className:"right"===e?"icon_navigate_next":"icon_navigate_prev"}))):null,u=r.memo(d);var m=n(7029),p=n(84985),f=n(8029),g=n(58865),_=n(71942),I=n(11587),E=n(94434),v=n(12555);const y=({itemsInRow:e,item:t,trackingData:n,renderIndex:o,sectionProperties:s})=>{const d=(0,a.d4)(l.UR),u=(0,a.d4)(l.ZZ),y=(0,a.wA)(),[x,h]=(0,r.useState)(!1),b=(0,r.useMemo)(()=>d.includes(t.dramaId),[t.dramaId,d]),D=(0,r.useMemo)(()=>x?"16px":"0px",[x]);return r.createElement(c.DQ,{width:100/e,style:{willChange:"bottom, transform",bottom:D,transform:"translate3D(0, 0, 0)",transition:`bottom ${v.A.CURRENT_FOCUS}ms ease-in-out`}},r.createElement(c.Rg,{to:(0,I.Ik)({dramaId:t.dramaId,trackingData:n,index:o,source:f.ZO.ALBUM_ITEM_COMMING_SOON_CARD}),onMouseEnter:()=>{h(!0)},onMouseLeave:()=>{h(!1)}},r.createElement(c.O8,null,r.createElement(c.hE,null,t.name),r.createElement(c.VY,null,`${(0,E.A)(new Date(t.showStart),"MM/dd")}`),r.createElement(c.Pr,null,r.createElement(c.H_,null))),r.createElement(c.Zs,null,r.createElement(c.mK,{alt:t.name,loading:"lazy",srcset:`${t.verticalPosterUrl} 1x, ${t.verticalPosterUrl} 2x`}),r.createElement(c.LB,{isHovered:x}),r.createElement(c.M_,{bg:`${g.A}/svg/${b?"liked.svg":"like.svg"}`,onClick:e=>{if(e.preventDefault(),u){const e={...s,item_index:o,content_id:t.dramaId,content_name:t.name,content_rating:t.contentRatingAge,content_start_year:t.year};return b?(y((0,p.m)(t.dramaId)),i.ampli.contentUnfavorited(e)):(y((0,p.D)(t.dramaId)),i.ampli.contentFavorited(e)),void(0,m.QF)({placement_title:n.title,placement_index:n.sectionIndex,drama_id:String(t.dramaId),source:b?f.g9.INDEX_ALBUM_ITEM_COVER_REMOVE_FAVORITE:f.g9.INDEX_ALBUM_ITEM_COVER_ADD_FAVORITE,api_type:n.type,col_index:o,data_index:o,source_channel_id:"",group_type:"",channel_id:n.channelId})}y((0,_.eK)())},isHovered:x}))))},x=e=>{const{itemsInRow:t,isFirst:n=!1}=e;return r.createElement(c.DQ,{width:100/t,isFirst:n},r.createElement(c.VL,null,r.createElement(c.O8,{style:{zIndex:-1}}),r.createElement(c.Zs,null),r.createElement(c.Kw,null,r.createElement("p",null,"等待",r.createElement("br",null),"LINE TV",r.createElement("br",null),"帶給你更多",r.createElement("br",null),"優質戲劇"))))},h=(e,t)=>e.reduce((e,n)=>(t[n.renderIndex]&&e.push(t[n.renderIndex]),e),[]),b=({data:e,lowestVisibleIndex:t,itemsInRow:n,sliderHasMoved:a,totalItems:i,sliderMoving:l,trackingData:o,isHiddenSliderControl:s,isFillIn:c,sectionProperties:d})=>{const[u,p]=(0,r.useState)({});if((0,r.useEffect)(()=>{const{dramaIdList:t,dramaImgList:n,resultType:r,logicType:a,sectionIndex:i,groupId:c,title:d,type:f,channelId:_}=o;if(!l){const l=s?e.length-1:g[g.length-1].renderIndex;u[l]||((0,m.$)({drama_id_list:s?t:h(g,t),drama_img_list:s?n:h(g,n),group_type:"",logic_type:a,placement_index:Number.parseInt(i),group_id:c,placement_title:d,api_type:f,result_type:r,channel_id:_}),p({...u,[l]:!0}))}},[l,s]),"undefined"==typeof window||0===n)return null;if(s){const t=e.map((e,t)=>r.createElement(y,{key:`upcoming_${e.dramaId}`,item:e,width:100/n,renderIndex:t,viewIndex:(t+1)%n,itemsInRow:n,trackingData:o}));return c&&t.push(r.createElement(x,{key:`fill_${i}`,width:100/n,itemsInRow:n})),t}const f=[],g=[],_=[];for(let e=0;e<n;e++){if(a)if(t+e-n<0){const r=i-n+t+e;f.push({type:"left",renderIndex:r})}else{const r=e+t-n;f.push({type:"left",renderIndex:r})}if(e+t>=i){const n=e+t-i;g.push({type:"mid",renderIndex:n})}else{const n=e+t;

1g.push({type:"mid",renderIndex:n})}if(e+t+n>=i){const r=e+t+n-i;_.push({type:"right",renderIndex:r})}else{const r=e+t+n;_.push({type:"right",renderIndex:r})}}const I=[...f,...g,..._];if(a){const e=I[I.length-1].renderIndex===i-1?0:I[I.length-1].renderIndex+1,t=0===I[0].renderIndex?i-1:I[0].renderIndex-1;I.unshift({renderIndex:t,type:"leading"}),I.push({renderIndex:e,type:"trailing"})}const E=I.map(t=>r.createElement(y,{sectionProperties:d,key:`${t.type}_${e[t.renderIndex].dramaId}`,item:e[t.renderIndex],width:100/n,renderIndex:t.renderIndex,viewIndex:(t.renderIndex+1)%n,indexToDisplay:I,mid:g,itemsInRow:n,isMid:"mid"===t.type,trackingData:o}));if(!a)for(let e=0;e<n;e++)E.unshift(r.createElement("div",{key:e,style:{display:"inline-block",position:"relative",width:100/n+"%"}}));return E},D=r.memo(b),w=e=>{const{data:t,title:n,trackingData:i,sectionProperties:l}=e,o=t.length,d=(0,a.d4)(e=>Boolean(e.deviceType.isTablet)),m=(0,a.d4)(e=>Boolean(e.deviceType.isMobile)),p=d||m?400:750,[f,g]=(0,r.useState)(()=>(0,s.m7)()>o),[_,I]=(0,r.useState)(()=>(0,s.m7)()>=o),[E,v]=(0,r.useState)(!1),[y,x]=(0,r.useState)(!1),[h,b]=(0,r.useState)(0),[w,O]=(0,r.useState)(""),[M,T]=(0,r.useState)(0),[S,k]=(0,r.useState)(s.m7);let A=(0,r.useMemo)(()=>{if(_)return null;if(y){let e="";return"right"===w&&(e=`translateX(-${100+h+100/S}%)`),"left"===w&&(e=`translateX(-${h+100/S}%)`),{transform:e,transitionDuration:`${p}ms`}}return{transform:`translateX(-${100+(E?100/S:0)}%)`}},[y,w,h,S,E,p,_]);return(0,r.useEffect)(()=>{const e=()=>{const e=(0,s.m7)();k(e),g(e>o),I(e>=o),T(0),O("")};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),r.createElement(c.Ap,null,!_&&E&&r.createElement(r.Fragment,null,r.createElement(u,{arrowDirection:"left",onClick:()=>{if(y)return;let e,t;e=M<S&&0!==M?0:M-S<0?o-S:M-S,t=0===M?0:M-e<S?(S-(M-e))/S*100:0,x(!0),O("left"),b(t),setTimeout(()=>{T(e),x(!1)},p)}}),r.createElement(c.yj,{arrowDirection:"left"})),r.createElement(c.pc,{style:A},r.createElement(D,{data:t,sectionProperties:l,lowestVisibleIndex:M,itemsInRow:S,sliderMoving:y,title:n,sliderHasMoved:E,totalItems:o,isHiddenSliderControl:_,isFillIn:f,trackingData:i})),!_&&r.createElement(u,{arrowDirection:"right",onClick:()=>{if(y)return;let e,t;e=M===o-S?0:M+S>o-S?o-S:M+S,t=0!==e?(e-M)/S*100:100,x(!0),O("right"),b(t),setTimeout(()=>{T(e),x(!1)},p),E||v(!0)}}),r.createElement(c.yj,{arrowDirection:"right"}))};var O=n(36349),M=n(38221),T=n.n(M),S=n(7350),k=n.n(S),A=n(45428);const R=({item:e,title:t,index:n,handleWatch:o,trackingData:s,sectionProperties:d})=>{const u=(0,a.d4)(l.UR),v=(0,a.d4)(l.ZZ),y=(0,a.wA)(),x=(0,r.useRef)(null),h=(0,r.useMemo)(()=>u.includes(e.dramaId),[e.dramaId,u]);return(0,r.useEffect)(()=>{x&&o(x)},[x]),r.createElement(c.bL,{key:`${t}_${e.dramaId}_mobile`,ref:x,"data-index":n,style:0===n?{marginLeft:"20px"}:null},r.createElement(c.DQ,{width:100,isMobile:!0},r.createElement(c.Rg,{to:(0,I.Ik)({dramaId:e.dramaId,trackingData:s,index:n,source:f.ZO.ALBUM_ITEM_COMMING_SOON_CARD})},r.createElement(c.O8,null,r.createElement(c.hE,null,e.name),r.createElement(c.VY,null,`${(0,E.A)(new Date(e.showStart),"MM/dd")}`),r.createElement(c.Pr,null,r.createElement(c.H_,null))),r.createElement(c.Zs,null,r.createElement(c.mK,{alt:e.name,loading:"lazy",srcset:`${e.verticalPosterUrl} 1x, ${e.verticalPosterUrl} 2x`}),r.createElement(c.LB,{isHovered:!0}),r.createElement(c.M_,{bg:`${g.A}/svg/${h?"liked.svg":"like.svg"}`,onClick:t=>{if(t.preventDefault(),v){const t={...d,item_index:n,content_id:e.dramaId,content_name:e.name,content_rating:e.contentRatingAge,content_start_year:e.year};return h?(y((0,p.m)(e.dramaId)),i.ampli.contentUnfavorited(t)):(y((0,p.D)(e.dramaId)),i.ampli.contentFavorited(t)),void(0,m.QF)({placement_title:s.title,placement_index:s.sectionIndex,drama_id:String(e.dramaId),source:h?f.g9.INDEX_ALBUM_ITEM_COVER_REMOVE_FAVORITE:f.g9.INDEX_ALBUM_ITEM_COVER_ADD_FAVORITE,api_type:s.type,col_index:n,data_index:n,source_channel_id:"",group_type:"",channel_id:s.channelId})}y((0,_.eK)())},isHovered:!0,isMobile:!0})))))},$=r.memo(R),L=e=>{const{datas:t,title:n="",trackingData:a={},sectionProperties:i}=e,[l,o]=(0,r.useState)({0:!0,1:!0}),[s,d]=(0,r.useState)({}),[u,m]=(0,r.useState)(!1),[p,f]=(0,r.useState)(0),[g,_]=(0,r.useState)(0);(0,r.useEffect)(()=>{},[p,g,u]);const I=(e,t)=>{s[e]!==t&&d(n=>({...n,[e]:t}))},E=(0,r.useCallback)(T()(e=>{m(!1),_(e)},1e3),[]),v=(0,r.useCallback)(k()(e=>{m(!0),f(e)},1e3),[]),y=(0,r.useMemo)(()=>new IntersectionObserver(e=>

1{e.forEach(e=>{if(e.isIntersecting){var t;const n=null===(t=e.target.dataset)||void 0===t?void 0:t.index;I(n,!0)}else{var n;const t=null===(n=e.target.dataset)||void 0===n?void 0:n.index;I(t,!1)}})}),[]),h=(0,r.useCallback)(e=>{null!=e&&e.current&&y.observe(null==e?void 0:e.current)},[]);return(0,r.useEffect)(()=>{if(!u&&Object.keys(l).length!==t.length){const{resultType:e,logicType:n,sectionIndex:r,groupId:i,title:c,type:d,channelId:u}=a;let m=[],p=[],f=[];if(t.forEach((e,t)=>{s[t]&&!l[t]&&(p.push(e.verticalPosterUrl),m.push(e.id),f.push(t))}),f.length>0){const e={...l};f.forEach(t=>{e[t]=!0}),o(e)}m.length>0&&(0,A.A)({drama_id_list:m,drama_img_list:p,group_type:"",logic_type:n,placement_index:Number(r),group_id:i,placement_title:c,api_type:d,result_type:e,channel_id:u})}},[u,l]),(0,r.useEffect)(()=>{const{resultType:e,logicType:n,sectionIndex:r,groupId:i,title:l,type:o,channelId:s}=a;let c=[],d=[];t.length>1?(c=[t[0].id,t[1].id],d=[t[0].verticalPosterUrl,t[1].verticalPosterUrl]):1===t.length&&(c=[t[0].id],d=[t[0].verticalPosterUrl]),(0,A.A)({drama_id_list:c,drama_img_list:d,group_type:"",logic_type:n,placement_index:Number(r),group_id:i,placement_title:l,api_type:o,result_type:e,channel_id:s})},[]),r.createElement(c.az,{onScroll:e=>{const t=e.target.scrollLeft;E(t),v(t)}},t.map((e,t)=>r.createElement($,{key:`${n}_${e.dramaId}_mobile`,item:e,title:n,index:t,handleWatch:h,trackingData:a,sectionProperties:i})),r.createElement(c.bL,null,r.createElement(x,{itemsInRow:1,isFirst:0===t.length})))};function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},N.apply(null,arguments)}const C=(0,o.A)(e=>{const t=(0,a.d4)(l.T_),n=(0,a.d4)(e=>Boolean(e.deviceType.isDesktop)),{groupType:o="",resultType:s="",logicType:c="",sectionIndex:d,groupId:u,title:m,type:p,channelId:f="",datas:g,sectionProperties:_,...I}=e,E=(0,r.useMemo)(()=>JSON.stringify(g.map(e=>String(e.id))),[g]),v=(0,r.useMemo)(()=>JSON.stringify(g.map(e=>e.posterUrl)),[g]),y=null!=t&&t.name&&u?`${t.name}, ${m}`:m;(0,r.useEffect)(()=>{0!==g.length&&_&&i.ampli.contentSectionImpressed({..._,content_name_list:g.map(e=>e.name)})},[]);const x={dramaIdList:JSON.parse(E),dramaImgList:JSON.parse(v),groupType:o,resultType:s,logicType:c,sectionIndex:d,groupId:u,title:m,type:p,channelId:f};return r.createElement("section",N({style:{position:"relative",zIndex:0}},I),r.createElement(O.Y9,{style:n?null:{marginLeft:"20px"}},r.createElement(O.hE,null,y)),n?r.createElement(w,N({},e,{trackingData:x,data:g,title:m})):r.createElement(L,N({},e,{trackingData:x})))})},9325:(e,t,n)=>{var r=n(34840),a="object"==typeof self&&self&&self.Object===Object&&self,i=r||a||Function("return this")();e.exports=i},10124:(e,t,n)=>{var r=n(9325);e.exports=function(){return r.Date.now()}},23805:e=>{e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},31800:e=>{var t=/\s/;e.exports=function(e){for(var n=e.length;n--&&t.test(e.charAt(n)););return n}},34840:(e,t,n)=>{var r="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g;e.exports=r},38221:(e,t,n)=>{var r=n(23805),a=n(10124),i=n(99374),l=Math.max,o=Math.min;e.exports=function(e,t,n){var s,c,d,u,m,p,f=0,g=!1,_=!1,I=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function E(t){var n=s,r=c;return s=c=void 0,f=t,u=e.apply(r,n)}function v(e){var n=e-p;return void 0===p||n>=t||n<0||_&&e-f>=d}function y(){var e=a();if(v(e))return x(e);m=setTimeout(y,function(e){var n=t-(e-p);return _?o(n,d-(e-f)):n}(e))}function x(e){return m=void 0,I&&s?E(e):(s=c=void 0,u)}function h(){var e=a(),n=v(e);if(s=arguments,c=this,p=e,n){if(void 0===m)return function(e){return f=e,m=setTimeout(y,t),g?E(e):u}(p);if(_)return clearTimeout(m),m=setTimeout(y,t),E(p)}return void 0===m&&(m=setTimeout(y,t)),u}return t=i(t)||0,r(n)&&(g=!!n.leading,d=(_="maxWait"in n)?l(i(n.maxWait)||0,t):d,I="trailing"in n?!!n.trailing:I),h.cancel=function(){void 0!==m&&clearTimeout(m),f=0,s=p=c=m=void 0},h.flush=function(){return void 0===m?u:x(a())},h}},40346:e=>{e.exports=function(e){return null!=e&&"object"==typeof e}},44394:(e,t,n)=>{var r=n(72552),a=n(40346);e.exports=function(e){return"symbol"==typeof e||a(e)&&"[object Symbol]"==r(e)}},51873:(e,t,n)=>{var r=n(9325).Symbol;e.exports=r}

1,54128:(e,t,n)=>{var r=n(31800),a=/^\s+/;e.exports=function(e){return e?e.slice(0,r(e)+1).replace(a,""):e}},59350:e=>{var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}},72552:(e,t,n)=>{var r=n(51873),a=n(659),i=n(59350),l=r?r.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":l&&l in Object(e)?a(e):i(e)}},99374:(e,t,n)=>{var r=n(54128),a=n(23805),i=n(44394),l=/^[-+]0x[0-9a-f]+$/i,o=/^0b[01]+$/i,s=/^0o[0-7]+$/i,c=parseInt;e.exports=function(e){if("number"==typeof e)return e;if(i(e))return NaN;if(a(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=a(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=r(e);var n=o.test(e);return n||s.test(e)?c(e.slice(2),n?2:8):l.test(e)?NaN:+e}}}]);