"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4573],{83162:(e,t,n)=>{n.d(t,{M:()=>l,u:()=>a});var r=n(58632),i=n(40099),o=n(38771);function s(e,t,n){const{direction:r="ltr",progressRef:o,circleRef:s,barRef:a,seekCallback:l,draggingPercentCb:c,draggingStateCb:u,progressReportCallback:d,documentObjProps:g}=e,p=g||("undefined"!=typeof document?document:void 0),f=(0,i.useRef)(0),v=(0,i.useRef)(null),h=(0,i.useCallback)(((e,t="original")=>{if("number"!=typeof e)return;const r=Math.min(1,Math.max(0,e));n(r),("dragging"!==t&&"stop"!==t||r!==v.current)&&(null==c||c(r),v.current=r)}),[c,n]),m=(0,i.useCallback)(((e,t="original")=>{if(!s.current||!o.current||!a.current)return;let n;e.preventDefault(),e.stopPropagation(),null==l||l();const i="vertical"===r?o.current.getBoundingClientRect().height:o.current.getBoundingClientRect().width,{x:c,y:u,width:g,height:p}=o.current.getBoundingClientRect();switch(r){case"vertical":n=u+p-e.clientY;break;case"rtl":n=c+g-e.clientX;break;default:n=e.clientX-c}if("start"===t)switch(r){case"vertical":{const e=a.current.getBoundingClientRect().height;f.current=Math.min(1,Math.max(0,e/i));break}default:{const e=a.current.getBoundingClientRect().width;f.current=Math.min(1,Math.max(0,e/i));break}}else{if("stop"===t){const e=Math.min(1,Math.max(0,n/i)),t=f.current;null==d||d(t,e)}h(n/i,t)}}),[s,o,a,l,r,h,d]),b=(0,i.useCallback)(((e,n=!1,r=null)=>{var i;const o=null!==r?r:null!==(i=v.current)&&void 0!==i?i:t,s=o+e;let a;a=s>1||s<0?n?s>1?s-1:s+1:Math.min(1,Math.max(0,o+e)):s,null==d||d(o,a),h(a,"original")}),[t,h,d]),x=(0,i.useCallback)((e=>{null==u||u(!0),e.preventDefault(),m(e,"dragging")}),[u,m]),C=(0,i.useCallback)((e=>{null==p||p.removeEventListener("mouseup",C),null==p||p.removeEventListener("mousemove",x),m(e,"stop"),null==u||u(!1)}),[u,x,m,p]);return{bindDrag:(0,i.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),m(e,"start"),null==p||p.addEventListener("mouseup",C),null==p||p.addEventListener("mousemove",x)}),[m,C,x,p]),seek:m,seekByDelta:b}}function a(e){const{videoId:t}=e,n=(0,r.__rest)(e,["videoId"]),{duration:a,videoPercent:l,currentTime:c}=(0,o.uI)(t),{setVideoInfo:u}=(0,o.hy)(),d=s(n,l,(0,i.useCallback)((e=>u({itemId:t,videoPercent:e,currentTime:a*e,duration:a})),[a,u,t]));return Object.assign(Object.assign({},d),{duration:a,videoPercent:l,currentTime:c,setVideoInfo:u})}function l(e){const{initialPercent:t=0}=e,n=(0,r.__rest)(e,["initialPercent"]),[o,a]=(0,i.useState)(t),l=s(n,o,a);return Object.assign(Object.assign({},l),{percent:o,update:a})}},40884:(e,t,n)=>{n.d(t,{W:()=>j});var r=n(24643),i=n(40099),o=n(51649),s=n(77976),a=n(93608),l=n(38771),c=n(25616),u=n(58305),d=n(71777),g=n(95197),p=n(62186),f=n(72153),v=n(54622),h=n(84987);const m={id:"tooltip-arrow-9a788f22",use:"tooltip-arrow-9a788f22-usage",viewBox:"0 0 36 8",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 8" id="tooltip-arrow-9a788f22"><path fill-rule="evenodd" d="M0 8h6.686a8 8 0 0 0 5.657-2.343l4.95-4.95a1 1 0 0 1 1.414 0l4.95 4.95A8 8 0 0 0 29.314 8H36z" clip-rule="evenodd" /></symbol>'};function b(e){const t=(0,i.useContext)(h.X);return(0,i.useLayoutEffect)((()=>(t.add(m),()=>{t.remove("tooltip-arrow-9a788f22")})),[]),(0,r.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e,{children:(0,r.jsx)("use",{xlinkHref:"#tooltip-arrow-9a788f22"},void 0)}),void 0)}n(88091);const x=(0,p.default)("div",{target:"e1vz198y0"})((({theme:{colors:e},useLargeToggle:t})=>({width:t?"40px":"24px",height:t?"40px":"24px",background:t?e.ConstBGInverse4:"transparent",borderRadius:t?"50%":"unset",":hover":{background:t?e.ConstBGInverse3:"transparent"},display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"})),(({theme:{direction:e}})=>(0,f.mp)({direction:e,end:"66px"})),"label:DivMiniPlayerButtonContainer;"),C=(0,p.default)(v.A,{target:"e1vz198y5"})({position:"absolute",width:"10px",height:"10px",fill:"black"},"label:IconClose;");C.defaultProps=Object.assign(Object.assign({},C.defaultProps),{"data-e2e":"mini-player-close-icon"});const w=(0,p.default)(b,{target:"e1vz198y7"})({width:"36px",height:"8px",position:"absolute",fill:"white"},"label:SVGArrow;"),y=(0,p.default)("p",{target:"e1vz198y10"})({padding:"8px"},"label:PToolTipText;");var k=n(67518);const _=(0,s.w)(x),j=(0,i.memo)((function(e){const{videoId:t="",useLargeToggle:n=!1,playMode:s,playModeForTea:p,index:f,itemListKey:v}=e,h=(0,d.Dy)(),{currentTime:m}=(0,l.uI)(t),b=(0,c.s)(),{colors:x}=(0,k.u)(),C=n?x.ConstBGInverse3:x.ConstBGInverse1,j=(0,i.useMemo)((()=>({background:C,padding:"unset",fontWeight:500,fontSize:"14px",lineHeight:"18px",boxShadow:"0px 12px 24px 0px #00000040"})),[C]),I=(0,i.useCallback)((()=>{h.openMiniPlayer({index:f,itemListKey:v,playProgress:m,playMode:s})}),[h,f,v,m,s]),M=(0,i.useCallback)((()=>{a.f.sendEvent("show_mini_player_tooltip",{play_mode:p,group_id:t})}),[t,p]),P=(0,r.jsx)(y,{children:b("pcWeb_Floating")});return(0,r.jsx)(g.m,{fullscreenAdjust:!0,overlay:P,overlayInnerStyle:Object.assign(Object.assign({},j),{position:"relative"}),arrow:!1,arrowContent:(0,r.jsx)(w,{}),arrowStyle:{zIndex:3060},trigger:["hover"],children:(0,r.jsx)(_,{onClick:I,onMouseDown:u.dG,onMouseEnter:M,useLargeToggle:n,etClick:{etName:"click_mini_player_icon",etParams:{play_mode:p,group_id:t,enter_method:"icon"}},children:(0,r.jsx)(o.A,{fontSize:n?20:21,style:{fill:"rgba(255, 255, 255, 1)"}})})})}))},77976:(e,t,n)=>{n.d(t,{w:()=>l});var r=n(58632),i=n(24643),o=n(40099),s=n(93608);const a=o.memo;function l(e){return a((function(t){const{etClick:n,etImpression:a}=t,l=(0,r.__rest)(t,["etClick","etImpression"]);let c=(0,o.useRef)(null),u=!1;"ref"in t&&(u=!0,c=t.ref);const d=(0,o.useRef)();if((0,o.useEffect)((()=>{if(!a)return;const{etName:e,etParams:t,etValidate:n=!0,threshold:r,unobserveAfterIntersect:i,skip:o}=a;if(o)return;const l=r=>{var o;r[0].isIntersecting&&(s.f.sendEvent(e,t,!0,n),i&&(null===(o=d.current)||void 0===o||o.unobserve(r[0].target)))};try{const e={rootMargin:"0px",threshold:r};d.current=new IntersectionObserver(l,e),c.current&&d.current&&d.current.observe(c.current)}catch(e){console.error(e)}return()=>{var e;null===(e=d.current)||void 0===e||e.disconnect()}}),[a]),!n)return(0,i.jsx)(e,Object.assign({ref:u||a?c:void 0},t));const g=l,{etName:p,etParams:f,etValidate:v=!0}=n,h=()=>s.f.sendEvent(p,f,!0,v);if(delete g.etClick,"onClick"in l){const e=l.onClick;g.onClick=t=>(0,r.__awaiter)(this,void 0,void 0,(function*(){e(t),yield h()}))}else g.onClick=()=>(0,r.__awaiter)(this,void 0,void 0,(function*(){return yield h()}));return(0,i.jsx)(e,Object.assign({ref:u||a?c:void 0},g))}))}}}]);