https://web-static.linetv.tw/release-fargate/public/dist/Home-FASTRow-ab15e1a9-prod.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9339],{659:(e,t,n)=>{var l=n(51873),r=Object.prototype,a=r.hasOwnProperty,i=r.toString,o=l?l.toStringTag:void 0;e.exports=function(e){var t=a.call(e,o),n=e[o];try{e[o]=void 0;var l=!0}catch(e){}var r=i.call(e);return l&&(t?e[o]=n:delete e[o]),r}},7350:(e,t,n)=>{var l=n(38221),r=n(23805);e.exports=function(e,t,n){var a=!0,i=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return r(n)&&(a="leading"in n?!!n.leading:a,i="trailing"in n?!!n.trailing:i),l(e,t,{leading:a,maxWait:t,trailing:i})}},9325:(e,t,n)=>{var l=n(34840),r="object"==typeof self&&self&&self.Object===Object&&self,a=l||r||Function("return this")();e.exports=a},10124:(e,t,n)=>{var l=n(9325);e.exports=function(){return l.Date.now()}},23805:e=>{e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},25569:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>fe});var l=n(96540),r=n(61225),a=n(56189),i=n(88865),o=n(54657),s=n(46942),d=n.n(s);const u=({arrowDirection:e,onClick:t})=>(0,r.d4)(e=>Boolean(e.deviceType.isDesktop))?l.createElement("div",{className:d()("absolute top-0 z-[300] flex h-full cursor-pointer items-center justify-center text-[3rem] text-linetv-grey-100","left"===e?"right-[calc(100%-16px)] lg:right-full":"left-[calc(100%-16px)] lg:left-full"),onClick:"left"===e?t:null},l.createElement("div",{className:"z-[300] hidden group-hover:block group-active:block"},l.createElement("button",{onClick:"right"===e?t:null,type:"button",className:d()("z-[300] flex h-10 w-10 items-center justify-center rounded-full bg-linetv-grey-600 text-16 font-900 leading-none text-linetv-grey-100 shadow-[0px_0px_5px_rgba(0,0,0,.8),0px_0px_8px_rgba(0,0,0,.3),0px_0px_20px_7px_rgba(0,0,0,.2)] transition-shadow duration-100 focus:outline-none active:shadow","right"===e?"icon_navigate_next":"icon_navigate_prev")}))):null,c=l.memo(u);var p=n(45428),m=n(86663),v=n(56347),f=n(68921),g=n(62661),h=n(71747);const E=l.createContext();var _=n(70328),x=n(25499);const y=n.n(x)()({PLAYER_READY:null,SET_PLAYER_CONTENT_ELEMENT:null,PLAY:null,PAUSE:null,RESET:null,FAILED:null,END:null,IS_PLAYING:null,IS_PAUSED:null,IS_WAITING:null,IS_HOVER:null,WILL_DISPOSE:null,SET_ERROR_CODE:null,SET_ERROR_DEVICE_LIST:null,RESET_ERROR_CODE:null,RESET_ERROR_DEVICE_LIST:null,SET_SHOW_UI_LAYER:null,SET_SHOW_UI_LAYER_FINISHED:null}),S=(e,t)=>{var n;switch(t.type){case y.PLAYER_READY:return{...e,isReady:!0,videoElement:t.payload.videoElement};case y.SET_PLAYER_CONTENT_ELEMENT:return{...e,playerContentElement:t.payload.playerContentElement};case y.FAILED:return{...e,isFailed:!0};case y.PLAY:var l;return e.isReady?(null===(l=e.videoElement)||void 0===l||l.play(),{...e,isPlaying:!0,isStoped:!1,isPaused:!1}):e;case y.PAUSE:return null===(n=e.videoElement)||void 0===n||n.pause(),e.isPlaying?{...e,isPlaying:!1,isStoped:!1,isPaused:!0}:e;case y.RESET:return e.videoElement&&(e.videoElement.pause(),e.videoElement.src(initOptions.sources[0].src),e.videoElement.play()),{...e,isPlaying:!0,isStoped:!1,isPaused:!1};case y.END:return e.videoElement&&(e.videoElement.pause(),e.videoElement.currentTime=e.videoElement.duration),{...e,isPlaying:!1,isStoped:!0,isPaused:!1};case y.SET_ERROR_DEVICE_LIST:var r;return e.videoElement&&(null===(r=e.videoElement)||void 0===r||r.reset()),{...e,errorCode:t.payload.errorCode,deviceList:t.payload.deviceList};case y.SET_ERROR_CODE:var a;return e.videoElement&&(null===(a=e.videoElement)||void 0===a||a.reset()),{...e,errorCode:t.payload.errorCode};case y.RESET_ERROR_CODE:return e.errorCode===_.Jl?e:{...e,errorCode:""};case y.RESET_ERROR_DEVICE_LIST:return{...e,errorCode:"",deviceList:[]};case y.IS_PLAYING:return{...e,isPlaying:!0,isWaiting:!1,isStoped:!1,isPaused:!1};case y.IS_PAUSED:return{...e,isPlaying:!1,isWaiting:!1,isStoped:!1,isPaused:!0};case y.IS_WAITING:return{...e,isPlaying:!1,isWaiting:!0,isStoped:!1,isPaused:!1};case y.SET_SHOW_UI_LAYER:return{...e,isShowUILayer:t.payload.isShowUILayer};case y.SET_SHOW_UI_LAYER_FINISHED:return{...e,isShowUILayerFinished:t.payload.isShowUILayerFinished};case y.IS_HOVER:return{...e,isHover:t.payload.isHover};case y.WILL_DISPOSE:return console.log("----------- TYPE.WILL_DISPOSE -------------"),{...e};default:return e}},I=l.createContext(),b={controls:!1,responsive:!0,fluid:!1,loadingSpinner:!1,muted:!0,loop:!1,preload:"auto",fill:!0,playsinline:!0,suppressNotSupportedError:!0,notSupportedMessage:"您的裝置不支援此影片，請下載App觀看影片",controlBar:{fullscreenToggle:!1},html5:{nativeVideoTracks:!1,nativeAudioTracks:!1,nativeTextTracks:!1,vhs:{overrideNative:!n(16104).J,smoothQualityChange:!0,cacheEncryptionKeys:!0}}};var T=n(53110),N=n(99366),w=n(15188),C=n(35235);var k=n(12215),D=n.n(k),P=n(8649),A=n(98672),L=n(20013),R=n(21729),O=n(82256),U=n(86421),H=n(40482),z=n(98240);const M=({iconClassName:e,onVolumeClick:t,isHover:n})=>n?l.createElement("div",{className:"absolute right-4 top-4 z-20"},l.createElement("div",{className:"h-[40px] rounded-[20px] bg-[#191919]/70 px-2 py-2"},l.createElement("span",{className:d()("cursor-pointer text-24 text-linetv-high-emphasis",e),onClick:t}))):null,$="icon_linetv_mute",j=e=>{const{iconClassName:t,onVolumeClick:n,isHover:r}=(()=>{const{store:e,isMuted:t,setIsMuted:n}=(0,l.useContext)(I),{videoElement:r,isHover:a}=e,[i,o]=(0,l.useState)($);return(0,l.useEffect)(()=>

1{if(!r)return;const e=()=>{o(t?$:"icon_linetv_75Volume")};return r.on("loadstart",e),r.on("volumechange",e),()=>{r.off("volumechange",e),r.off("loadstart",e)}},[r,t]),{iconClassName:i,onVolumeClick:e=>{if(e.preventDefault(),e.stopPropagation(),t)return r.volume(1),r.muted(!1),void n(!1);r.volume(0),r.muted(!0),n(!0)},isHover:a}})(),a={iconClassName:t,onVolumeClick:n,isHover:r,...e};return(0,l.createElement)(M,a)};var W=n(30628);const V=({uiProps:e,isWaiting:t,isHover:n})=>t&&n&&l.createElement("div",{className:"absolute left-2/4 top-2/4 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center"},l.createElement(W.A,e)),F=e=>{const{isWaiting:t,uiProps:n,isHover:r}=(()=>{const{store:e}=(0,l.useContext)(I),{isWaiting:t,isHover:n}=e;return{isWaiting:t,uiProps:{width:"52px",height:"52px",padding:"6px",dotHeight:"8px",dotWidth:"8px",dotSecondMargin:"8px"},isHover:n}})(),a={...e,isWaiting:t,isHover:r,uiProps:n};return(0,l.createElement)(V,a)},Y=()=>l.createElement("div",null,l.createElement(j,null),l.createElement(F,null));var B=n(7029),G=n(8029);let J=null;const K=e=>{(()=>{const{store:e,behaviorTracking:t}=(0,l.useContext)(I),{videoElement:n,isHover:r}=e,[a,i]=(0,l.useState)(0),[o,s]=(0,l.useState)(!1),d=(0,l.useCallback)(()=>{i(n.currentTime())},[n]);(0,l.useEffect)(()=>{n&&(r?J=n.currentTime():(J=null,s(!1)))},[n,r]),(0,l.useEffect)(()=>{if(n)return n.on("timeupdate",d),()=>{n.off("timeupdate",d)}},[n]),(0,l.useEffect)(()=>{n&&r&&a-J>8&&!o&&((0,B.L2)({action:G.NB.FAST_EFFECTIVE_PLAY,tv_id:t.tv_id,drama_id:t.drama_id,placement_title:t.placement_title,placement_index:t.placement_index},!0),s(!0))},[n,J,a,o])})();const t={...e};return(0,l.createElement)(Y,t)};let X;const q=({itemsInRow:e,item:t,fastChannelData:n,fastTimeSchedule:i,trackingData:o,renderIndex:s})=>{var d,u,c,p;const[_,x]=(0,l.useState)(null),[k,M]=(0,l.useState)(null),[$,j]=(0,l.useState)(null),[W,V]=(0,l.useState)(!1),[F,Y]=(0,l.useState)(!1),{isMuted:B,setIsMuted:G}=(0,l.useContext)(E),J=(0,v.W6)(),q=(0,l.useRef)({}),Q=null==i?void 0:i.targetDrama,Z=null==i?void 0:i.indexOfProgram,ee=(0,l.useMemo)(()=>Q?null==Q?void 0:Q.horizontalPosterUrl:null==t?void 0:t.horizontalPosterUrl,[Q,t]);(0,l.useEffect)(()=>{var e,t;const n=null!=Q&&Q.dramaName&&null!=Q&&Q.epsTitle?`${null==Q?void 0:Q.dramaName}：${null==Q?void 0:Q.epsTitle}`:null==Q?void 0:Q.dramaName;q.current={content_id:(null==$||null===(e=$.id)||void 0===e?void 0:e.toString())||"",content_name:n||"",episode_number:(null==Q||null===(t=Q.epsNum)||void 0===t?void 0:t.toString())||""}},[null==Q?void 0:Q.dramaName,null==Q?void 0:Q.epsTitle,null==Q?void 0:Q.epsNum,null==$?void 0:$.id]);const te=(null==$||null===(d=$.programSchedule)||void 0===d||null===(d=d.programs)||void 0===d||null===(d=d[Z])||void 0===d?void 0:d.contentRatingId)===f.KW;let ne="";const le=null==n||null===(u=n.programSchedule)||void 0===u?void 0:u.programs,re=_+1;var ae;(null==n?void 0:n.scheduleType)===f.a7.MARATHON&&(ne=(null==le?void 0:le[re])||(null==le?void 0:le[0])),(null==n?void 0:n.scheduleType)===f.a7.SELECTED&&(ne=(null==le?void 0:le[re])||(null==n||null===(ae=n.nextProgramSchedule)||void 0===ae||null===(ae=ae.programs)||void 0===ae?void 0:ae[0])),(null==n?void 0:n.scheduleType)===f.a7.LIVE&&(ne="");const[ie,oe]=(0,l.useReducer)(S,{isReady:!1,isPlaying:!1,isPaused:!1,isStoped:!1,isWaiting:!1,isFailed:!1,isShowUILayer:!1,isShowVolumeButton:!0,isHover:!1,videoElement:null,playerContentElement:null,errorCode:"",deviceList:[]}),se=((e,t)=>{const n=(0,r.d4)(e=>Boolean(e.deviceType.isMobile)),[a,i]=(0,l.useState)({});return(0,l.useEffect)(()=>{if(!e)return;const l=new AbortController;return(async()=>{const r={...e,drama_id:e.dramaId,area_id:e.areaId};let a={},o="";try{e.adType||(a=await(0,N.Gb)({dramaInfo:r,isEps:!0,videoId:r.epsNum,abortController:l,isMobile:n,productType:"FAST",embeddedSubtitle:!1,version:N.Oz.V2})),e.adType!==C.V.SSAI&&(o=await(0,w.A)({dramaId:r.dramaId,areaId:r.areaId,isEps:!0,isMobile:n,productType:"FAST",fastId:t}));const s={...a,adTagUrl:o,errorCode:""};i(s)}catch(e){console.log("error",e),"AbortError"===e.name||(0,T.FZ)(e)||(console.log("error.message",e.message),i({errorCode:e.message}))}})(),()=>{console.log("abort"),l.abort()}},[e]),(0,l.useMemo)(()=>a,[a])})(Q),{targetTime:de}=(0,h.A)($);!function({source:e,currentTime:t,infoData:n,currentDrama:a,store:i,item:o}){const s=(0,r.d4)(e=>Boolean(e.deviceType.isMobile)),{videoElement:d}=i;(0,l.useEffect)(()=>{!d||!n||(async()=>{const{scheduleType:t,programSchedule:l}=n||{};if(t===f.a7.LIVE){const{src:e,type:t}=await async function(e){const t=(null==e?void 0:e.programs[0])||{};if(t.adType===C.V.SSAI&&"linetv"===t.liveSource){var n,l,r,a,i;await(0,R.A)();const e=null!==(n=A.A.getUID2TokenData())&&void 0!==n?n:{},o={"ads.chocomember_id":null!==(l=A.A.getChocomemberId())&&void 0!==l?l:"","ads.app_id":(0,L.A)()?O.LIFF_APP_ID:U.A.appId,"ads.device":s?"mobile_web":"desktop_web","ads.os":"","ads.version":U.A.version,"ads.product_type":"FAST","ads.source":"LINE_TV","ads.instance_id":null!==(r=D().get(H.iq))&&void 0!==r?r:"","ads.session_id":null!==(a=D().get(H.Hs))&&void 0!==a?a:"","ads.ad_insertion_type":"SSAI","ads.uid2_token":null!==(i=null==e?void 0:e.uid2Token)&&void 0!==i?i:""};return{src:(0,P.A)(t.playbackUrl,o),type:"application/vnd.apple.mpegurl"}}return{src:t.playbackUrl,type:"application/vnd.apple.mpegurl"}}(l);d.src({src:e,type:t})}else{if(!e||!e.sourceInfo)return;(0,z.A)(d,e)}})()},[e,d,n,a]),(0,l.useEffect)(()=>

1{if(!d||!e)return;const n=()=>{d.currentTime(t)};return d.one("loadeddata",n),()=>{d.off("loadeddata",n)}},[d,t,e]),(0,l.useEffect)(()=>{d&&o&&d.poster(a?a.horizontalPosterUrl:o.horizontalPosterUrl)},[d,o,a])}({source:k,currentTime:de||0,infoData:$,currentDrama:Q,store:ie,item:t});const ue=(0,l.useCallback)(()=>{const e={group_id:o.groupId,placement_index:Number.parseInt(o.sectionIndex),placement_title:o.title,drama_id:String(t.id),col_index:s,data_index:s,source:"FAST",group_type:""};e.tv_id=String(t.id),e.drama_id=String(null==Q?void 0:Q.dramaId),e.schedule_type=String(n.scheduleType).toUpperCase(),J.push(`/fast_channel/${t.id}?${(0,m.stringify)(e)}`)},[o,t,Q,n,J,s]);(0,l.useEffect)(()=>{Q&&n&&x(Z)},[n,Q]),(0,l.useEffect)(()=>{se&&W&&M(se)},[se,W]),(0,l.useEffect)(()=>{n&&j(n)},[n]),(0,l.useEffect)(()=>{const{videoElement:e}=ie;e&&!te&&(W?null==e||e.play():(null==e||e.pause(),null==e||e.hasStarted(!1),null==e||e.trigger("loadstart")))},[W,ie,de,te]),(0,l.useEffect)(()=>{if(null==ie||!ie.videoElement)return;const{videoElement:e}=ie;return e.on("play",()=>{X=setTimeout(()=>{e.pause()},3e4)}),()=>{e.off("play",()=>{clearTimeout(X)})}},[ie]),(0,l.useEffect)(()=>{if(null==ie||!ie.videoElement)return;const{videoElement:e}=ie;return e.on("pause",()=>{clearTimeout(X)}),()=>{e.off("pause",()=>{clearTimeout(X)})}},[ie]),(0,l.useEffect)(()=>{if(null==ie||!ie.videoElement)return;const{videoElement:e}=ie,t=()=>{const{code:t,message:n}=e.error();a.ampli.playerErrorOccurred({...q.current,playing_error_code:null==t?void 0:t.toString(),playing_error_message:n})};return e.on("error",t),()=>{e.off("error",t)}},[ie]);const ce=(0,l.useCallback)(()=>{if(te)return void Y(!0);V(!0),oe({type:y.IS_HOVER,payload:{isHover:!0}});const{videoElement:e}=ie;e&&(B?(e.volume(0),e.muted(!0),G(!0)):(e.volume(1),e.muted(!1),G(!1)))},[oe,V,ie,B,G,te]),pe=(0,l.useCallback)(()=>{F?Y(!1):(V(!1),oe({type:y.IS_HOVER,payload:{isHover:!1}}))},[oe,V,F]);return l.createElement("div",{className:"relative inline-block cursor-pointer px-[4px] py-0 xl:px-[6px]",style:{width:100/e+"%"},onClick:ue,onMouseEnter:ce,onMouseLeave:pe},l.createElement("div",{className:"relative flex h-full rounded-lg bg-[rgba(0,0,0,0.4)] duration-300 hover:z-20 hover:scale-[1.2]"},l.createElement("figure",{className:"relative aspect-video flex-[0_0_64%] overflow-hidden rounded-l-lg bg-linetv-black"},l.createElement("div",{className:"absolute inset-0 z-10 h-full w-full rounded-l-lg bg-[linear-gradient(180deg,rgba(229,229,229,0)_0%,rgba(38,38,38,.2)_50%,rgba(0,0,0,.7)_100%)]"}),l.createElement("div",{className:"flex h-full w-full items-center rounded-l-lg object-cover"},F?l.createElement("div",{className:"absolute inset-0 z-10 bg-contain bg-center bg-no-repeat",style:{backgroundImage:`url(${ee})`}},l.createElement("div",{className:"absolute inset-0 z-20 flex h-full w-full items-center justify-center bg-linetv-black-600 object-cover text-center text-12 text-linetv-high-emphasis"},"此影音為限制級內容",l.createElement("br",null),"不提供預覽")):W?null:l.createElement("div",{className:"absolute inset-0 z-10 bg-contain bg-center bg-no-repeat",style:{backgroundImage:`linear-gradient(rgba(229, 229, 229, 0) 0%, rgba(38, 38, 38, 0.2) 50%, rgba(0, 0, 0, 0.7) 100%), url(${ee})`}}),l.createElement(I.Provider,{value:{store:ie,dispatch:oe,isMuted:B,setIsMuted:G,behaviorTracking:{placement_index:Number.parseInt(o.sectionIndex),placement_title:o.title,drama_id:String(null==Q?void 0:Q.dramaId),tv_id:String(t.id)}}},l.createElement(g.A,{dispatch:oe,initOptions:{...b,muted:B}}),l.createElement(K,null))),l.createElement("div",{className:"absolute bottom-2 left-2 z-10 overflow-hidden text-ellipsis whitespace-nowrap text-18 font-500 leading-7 text-linetv-high-emphasis"},t.title)),l.createElement("div",{className:"relative flex w-full flex-col justify-between overflow-hidden rounded-r-lg p-3 text-linetv-high-emphasis backdrop-blur-sm"},l.createElement("div",null,Q&&l.createElement("span",{className:"mb-2 inline-block rounded-[16px] bg-linetv-shock-pink px-2 pb-1 pt-[3px] text-12 font-500 text-linetv-high-emphasis"},"直播中"),l.createElement("div",{className:"mb-2 min-h-[84px]"},l.createElement("p",{className:"mb-1 line-clamp-2 whitespace-pre-wrap text-[14px] font-700 leading-[140%] text-linetv-high-emphasis"},Q?`現在播出：${null==Q?void 0:Q.dramaName} ${null==Q?void 0:Q.epsTitle}`:"直播尚未開放"),l.createElement("p",{className:"line-clamp-2 whitespace-pre-wrap text-12 leading-4 text-linetv-medium-emphasis"},Q&&ne?`即將播出：${null===(c=ne)||void 0===c?void 0:c.dramaName} ${null===(p=ne)||void 0===p?void 0:p.epsTitle}`:null))),Q&&l.createElement("div",{className:"flex items-end justify-end"},l.createElement("i",{className:"icon_web_circle_play text-32 text-linetv-primary"})))))},Q=(e,t)=>e.reduce((e,n)=>(t[n.renderIndex]&&e.push(t[n.renderIndex]),e),[]),Z=({title:e,data:t,lowestVisibleIndex:n,itemsInRow:r,sliderHasMoved:a,totalItems:i,sliderMoving:o,trackingData:s,fastChannelData:d,fastTimeSchedule:u})=>{const[c,m]=(0,l.useState)({});if("undefined"==typeof window||0===r)return null;const v=[],f=[],g=[];for(let e=0;e<r;e++){if(a)if(n+e-r<0){const t=i-r+n+e;v.push({type:"left",renderIndex:t})}else{const t=e+n-r;v.push({type:"left",renderIndex:t})}if(e+n>=i){const t=e+n-i;f.push({type:"mid",renderIndex:t})}else{const t=e+n;f.push({type:"mid",renderIndex:t})}if(e+n+r>=i){const t=e+n+r-i;g.push({type:"right",renderIndex:t})}else{const t=e+n+r;g.push({type:"right",renderIndex:t})}}const h=[...v,...f,...g];if(a){const e=h[h.length-1].renderIndex===i-1?0:h[h.length-1].renderIndex+1,t=0===h[0].renderIndex?i-1:h[0].renderIndex-1;h.unshift({renderIndex:t,type:"leading"}),h.push({renderIndex:e,type:"trailing"})}(0,l.useEffect)(()=>{const{tvIdList:e,tvImgList:t,dramaIdList:n,groupType:l,resultType:r,logicType:a,sectionIndex:i,groupId:d,title:u,type:v,channelId:g,scheduleTypeList:h}=s;if(!o&&n.length){const o=f[f.length-1].renderIndex;

1c[o]||((0,p.A)({drama_id_list:n&&Q(f,n),schedule_type_list:h&&Q(f,h),tv_id_list:e&&Q(f,e),tv_img_list:t&&Q(f,t),group_type:l,logic_type:a,placement_index:Number.parseInt(i),group_id:d,placement_title:u,api_type:v,result_type:r,channel_id:g}),m({...c,[o]:!0}))}},[o,s]);const E=h.map(n=>{var a;return l.createElement(q,{key:`${e}_${n.type}_${null===(a=t[n.renderIndex])||void 0===a?void 0:a.id}`,item:t[n.renderIndex],fastChannelData:d[n.renderIndex],fastTimeSchedule:u[n.renderIndex],width:100/r,renderIndex:n.renderIndex,viewIndex:(n.renderIndex+1)%r,indexToDisplay:h,mid:f,itemsInRow:r,isMid:"mid"===n.type,trackingData:s})});if(!a)for(let e=0;e<r;e++)E.unshift(l.createElement("div",{key:e,style:{display:"inline-block",position:"relative",width:100/r+"%"}}));return E},ee=l.memo(Z),te=300,ne=1e3,le=750,re=400,ae=e=>{const{data:t,title:n,trackingData:a,fastChannelData:i,fastTimeSchedule:s}=e,d=t.length,u=(0,r.d4)(e=>Boolean(e.deviceType.isDesktop))?le:re,[p,m]=(0,l.useState)(!1),[v,f]=(0,l.useState)(!1),[g,h]=(0,l.useState)(0),[E,_]=(0,l.useState)(""),[x,y]=(0,l.useState)(0),[S,I]=(0,l.useState)(o.p7),b=()=>{if(v)return;let e,t;e=x<S&&0!==x?0:x-S<0?d-S:x-S,t=0===x?0:x-e<S?(S-(x-e))/S*100:0,f(!0),_("left"),h(t),setTimeout(()=>{y(e),f(!1)},u)},T=()=>{if(v)return;let e,t;e=x===d-S?0:x+S>d-S?d-S:x+S,t=0!==e?(e-x)/S*100:100,f(!0),_("right"),h(t),setTimeout(()=>{y(e),f(!1)},u),p||m(!0)};let N=(0,l.useMemo)(()=>{const e=100;if(v){let t="";return"right"===E&&(t=`translateX(-${e+g+e/S}%)`),"left"===E&&(t=`translateX(-${g+e/S}%)`),{transform:t,transitionDuration:`${u}ms`}}return{transform:`translateX(-${e+(p?e/S:0)}%)`}},[v,E,g,S,p,u]);return(0,l.useEffect)(()=>{const e=()=>{I(o.p7)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),l.createElement("div",{className:"group relative pr-[20%]"},p&&l.createElement(l.Fragment,null,l.createElement(c,{arrowDirection:"left",onClick:b}),l.createElement("div",{className:"absolute bottom-0 left-[calc(-300px-4px)] right-auto top-0 z-10 h-[calc(100%-4px)] w-[300px] cursor-pointer rounded-r-lg bg-transparent opacity-60 xl:left-[calc(-300px-6px)]",onClick:b,style:{transition:`opacity ${te}ms`}})),l.createElement("div",{className:"relative whitespace-nowrap",style:N},l.createElement(ee,{data:t,lowestVisibleIndex:x,itemsInRow:S,sliderMoving:v,title:n,sliderHasMoved:p,totalItems:d,trackingData:a,fastChannelData:i,fastTimeSchedule:s})),l.createElement(c,{arrowDirection:"right",onClick:T}),l.createElement("div",{className:"absolute bottom-0 left-[calc(80%+4px)] right-auto top-0 z-10 h-[calc(100%-4px)] w-[600px] cursor-pointer rounded-l-lg bg-transparent opacity-60 xl:left-[calc(80%+6px)]",onClick:T,style:{transition:`opacity ${te}ms, left ${ne}ms`}}))};var ie=n(42394),oe=n(38221),se=n.n(oe),de=n(7350),ue=n.n(de);const ce=({item:e,index:t,handleWatch:n,trackingData:r,fastTimeSchedule:a,fastChannelData:i,renderIndex:o})=>{const s=(0,l.useRef)(null),u=(0,v.W6)(),c=null==a?void 0:a.targetDrama,p=c?null==c?void 0:c.horizontalPosterUrl:e.horizontalPosterUrl,f=(0,l.useCallback)(()=>{const t={group_id:r.groupId,placement_index:Number.parseInt(r.sectionIndex),placement_title:r.title,drama_id:String(e.id),col_index:o,data_index:o,source:"FAST",group_type:""};t.tv_id=String(e.id),t.drama_id=String(null==c?void 0:c.dramaId),t.schedule_type=String(i.scheduleType).toUpperCase(),u.push(`/fast_channel/${e.id}?${(0,m.stringify)(t)}`)},[r,e,c,i,u,o]);return(0,l.useEffect)(()=>{s&&n(s)},[s]),l.createElement("li",{key:`${e.dramaId}_mobile`,ref:s,"data-index":t,className:d()("inline-block w-full",{"ml-[20px]":0===t}),onClick:f},l.createElement("div",{className:"relative inline-block w-full px-1 py-0 xl:px-[6px]"},l.createElement("div",{className:"relative flex h-full rounded-lg bg-[rgba(0,0,0,0.4)]"},l.createElement("figure",{className:"relative aspect-video flex-[0_0_66%] rounded-lg bg-linetv-grey-700"},l.createElement("div",{className:"absolute inset-0 z-10 h-full w-full rounded-l-lg bg-[linear-gradient(180deg,rgba(229,229,229,0)_0%,rgba(38,38,38,.2)_50%,rgba(0,0,0,.7)_100%)]"}),l.createElement("img",{srcSet:p,alt:e.dramaName,loading:"lazy",className:"aspect-ratio-content h-full w-full rounded-l-lg object-cover"}),l.createElement("div",{className:"absolute bottom-2 left-2 z-10 line-clamp-1 overflow-hidden text-ellipsis whitespace-nowrap text-14 font-500 leading-5 text-linetv-high-emphasis"},e.title)),l.createElement("div",{className:"w-full overflow-hidden p-3 text-linetv-high-emphasis"},c&&l.createElement("span",{className:"mb-2 inline-block rounded-[16px] bg-linetv-shock-pink px-2 pb-1 pt-[3px] text-12 font-700 leading-4 text-linetv-high-emphasis"},"直播中"),l.createElement("p",{className:"mb-1 line-clamp-2 whitespace-pre-wrap text-12 font-700 leading-4 text-linetv-high-emphasis"},c?`現在播出：${null==c?void 0:c.dramaName} ${null==c?void 0:c.epsTitle}`:"直播尚未開放"),c&&l.createElement("i",{className:"icon_web_circle_play absolute bottom-2 right-2 text-32 text-linetv-primary"})))))};ce.defaultProps={item:{},index:0};const pe=l.memo(ce),me=e=>{const{datas:t,title:n="",trackingData:r={},dramaIds:a,fastTimeSchedule:i,fastChannelData:o}=e,s=(0,l.useRef)(null),[d,u]=(0,l.useState)({0:!0,1:!0}),[c,m]=(0,l.useState)({}),[v,f]=(0,l.useState)(!1),[g,h]=(0,l.useState)(0),[E,_]=(0,l.useState)(0);(0,l.useEffect)(()=>{},[g,E,v]);const x=(e,t)=>{c[e]!==t&&m(n=>({...n,[e]:t}))},y=(0,l.useCallback)(se()(e=>{f(!1),_(e)},1e3),[]),S=(0,l.useCallback)(ue()(e=>{f(!0),h(e)},1e3),[]),I=(0,l.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;x(n,!0)}else{var n;const t=null===(n=e.target.dataset)||void 0===n?void 0:n.index;x(t,!1)}})}),[]),b=(0,l.useCallback)(e=>{null!=e&&e.current&&I.observe(null==e?void 0:e.current)},[]);return(0,l.useEffect)(()=>{if(!v&&Object.keys(d).length!==t.length){const{resultType:e,logicType:n,sectionIndex:l,groupId:i,title:o,type:s,channelId:m}=r;let v=[],f=[],g=[],h=[],E=[];if(t.forEach((e,t)=>{c[t]&&!d[t]&&(f.push(e.horizontalPosterUrl),v.push(e.id),h.push(a[t]),g.push(t),E.push(E[t]))}),g.length>0){const e={...d};g.forEach(t=>{e[t]=!0}),u(e)}v.length&&h.length&&(0,p.A)({drama_id_list:h,schedule_type_list:E,tv_id_list:v,tv_img_list:f,group_type:"",logic_type:n,placement_index:Number(l),group_id:i,placement_title:o,api_type:s,result_type:e,channel_id:m})}},[v,d]),(0,l.useEffect)(()=>{if(!a.length)return;const{resultType:e,logicType:n,sectionIndex:l,groupId:i,title:o,type:s,channelId:d,scheduleTypeList:u}=r;let c=[],m=[],v=[],f=[];t.length>1?(c=[t[0].id,t[1].id],m=[t[0].horizontalPosterUrl,t[1].horizontalPosterUrl],v=[a[0],a[1]],f=[u[0],u[1]]):1===t.length&&(c=[t[0].id],m=[t[0].horizontalPosterUrl],v=[a[0]],f=[u[0]]),(0,p.A)({drama_id_list:v,schedule_type_list:f,tv_id_list:c,tv_img_list:m,group_type:"",logic_type:n,placement_index:Number(l),group_id:i,placement_title:o,api_type:s,result_type:e,channel_id:d})},[a]),l.createElement("ul",{className:"m-0 block\tw-full\toverflow-x-auto whitespace-nowrap pr-[10%]",ref:s,onScroll:e=>{const t=e.target.scrollLeft;y(t),S(t)}},t.map((e,t)=>l.createElement(pe,{key:`${n}_${e.id}_mobile`,item:e,title:n,index:t,handleWatch:b,trackingData:r,dramaId:a[t],fastTimeSchedule:i[t],fastChannelData:o})))};function ve(){return ve=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},ve.apply(null,arguments)}const fe=(0,i.A)(e=>{const t=(0,r.d4)(e=>Boolean(e.deviceType.isDesktop)),{fastChannels:n}=(0,r.d4)(e=>e.fastChannels),[i,o]=(0,l.useState)(!1),[s,d]=(0,l.useState)(!0),[u,c]=(0,l.useState)([]),[p,m]=(0,l.useState)([]),[v,f]=(0,l.useState)([]),[g,_]=(0,l.useState)([]),[x,y]=(0,l.useState)([]),{resultType:S="",logicType:I="",sectionIndex:b,groupId:T,title:N,type:w,channelId:C="",datas:k,sectionProperties:D,...P}=e,A=(0,l.useMemo)(()=>n.reduce((e,t)=>(e[t.id]=t,e),{}),[]),L=(0,l.useMemo)(()=>k.filter(e=>(0,ie.u)(e)).filter(e=>{const t=A[e.id];if(!t)return!1;const{programSchedule:n}=t;if(!n)return!1;const{programs:l}=n;return!!l}),[k,A]),R=(0,l.useMemo)(()=>JSON.stringify(L.map(e=>String(e.id))),[L]);(0,l.useEffect)(()=>{const e=L.reduce((e,t)=>{try{var n;return null!==(n=A[t.id])&&void 0!==n&&null!==(n=n.programSchedule)&&void 0!==n&&null!==(n=n.programs)&&void 0!==n&&n.length&&e.push(A[t.id]),e}catch(t){return console.log(t),e}},[]);y(e)},[]),(0,l.useEffect)(()=>{const{timeSchedule:e,dramaIds:t,horizontalPosterUrls:n,scheduleTypes:l}=x.reduce((e,t)=>{var n,l,r,a;const i=(0,h.A)(t),o=null!==(n=null==i||null===(l=i.targetDrama)||void 0===l||null===(l=l.dramaId)||void 0===l?void 0:l.toString())&&void 0!==n?n:null,s=null!==(r=null==i||null===(a=i.targetDrama)||void 0===a?void 0:a.horizontalPosterUrl)&&void 0!==r?r:null==t?void 0:t.horizontalPosterUrl,d=t.scheduleType.toUpperCase();return e.timeSchedule.push(i),e.dramaIds.push(o),e.horizontalPosterUrls.push(s),e.scheduleTypes.push(d),e},{timeSchedule:[],dramaIds:[],horizontalPosterUrls:[],scheduleTypes:[]});c(e),m(t),f(n),_(l)},[x]),(0,l.useEffect)(()=>{D&&0!==L.length&&a.ampli.contentSectionImpressed({...D,content_name_list:L.map(e=>e.title)})},[]);const O={tvIdList:JSON.parse(R),tvImgList:v,dramaIdList:p,scheduleTypeList:g,resultType:S,logicType:I,sectionIndex:b,groupId:T,title:N,type:w,channelId:C};return l.createElement("section",ve({style:{position:"relative",zIndex:i?1:0}},P),l.createElement(E.Provider,{value:{isChildHover:i,setIsChildHover:o,isMuted:s,setIsMuted:d}},l.createElement("div",{className:"mb-[10px] ml-[20px] mt-6 flex items-end justify-between px-[4px] xs:ml-0"},l.createElement("h2",{className:"text-[16px] font-[700] text-linetv-high-emphasis xs:text-[20px]"},N)),t?l.createElement(ae,ve({},e,{trackingData:O,data:L,title:N,fastChannelData:x,fastTimeSchedule:u})):l.createElement(me,ve({},e,{trackingData:O,datas:L,dramaIds:p,fastTimeSchedule:u,fastChannelData:x}))))})},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 l="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g;e.exports=l},38221:(e,t,n)=>{var l=n(23805),r=n(10124),a=n(99374),i=Math.max,o=Math.min;e.exports=function(e,t,n){var s,d,u,c,p,m,v=0,f=!1,g=!1,h=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function E(t){var n=s,l=d;return s=d=void 0,v=t,c=e.apply(l,n)}function _(e){var n=e-m;return void 0===m||n>=t||n<0||g&&e-v>=u}function x(){var e=r();if(_(e))return y(e);p=setTimeout(x,function(e){var n=t-(e-m);return g?o(n,u-(e-v)):n}(e))}function y(e){return p=void 0,h&&s?E(e):(s=d=void 0,c)}function S(){var e=r(),n=_(e);if(s=arguments,d=this,m=e,n){if(void 0===p)return function(e){return v=e,p=setTimeout(x,t),f?E(e):c}(m);if(g)return clearTimeout(p),p=setTimeout(x,t),E(m)}return void 0===p&&(p=setTimeout(x,t)),c}return t=a(t)||0,l(n)&&(f=!!n.leading,u=(g="maxWait"in n)?i(a(n.maxWait)||0,t):u,h="trailing"in n?!!n.trailing:h),S.cancel=function(){void 0!==p&&clearTimeout(p),v=0,s=m=d=p=void 0},S.flush=function(){return void 0===p?c:y(r())},S}},40346:e=>{e.exports=function(e){return null!=e&&"object"==typeof e}},44394:(e,t,n)=>{var l=n(72552),r=n(40346);e.exports=function(e){return"symbol"==typeof e||r(e)&&"[object Symbol]"==l(e)}},51873:(e,t,n)=>{var l=n(9325).Symbol;e.exports=l}

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