https://www.lezhin.com/_next/static/chunks/30014.45a60cda7dd74591.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30014],{30014:function(e,t,o){o.r(t),o.d(t,{default:function(){return L}});var n=o(27573),r=o(67813),l=o(61794),i=o(53286),a=o(69245),s=o(7653),c=o(80025),d=o(86443),u=o(97407);function h(e){return(0,n.jsx)(u.Z,{...e,children:(0,n.jsx)("path",{d:"M20 5.46777L13.4678 12L20 18.5322L18.5322 20L12 13.4678L5.46777 20L4 18.5322L10.5322 12L4 5.46777L5.46777 4L12 10.5322L18.5322 4L20 5.46777Z"})})}var p=()=>{let e=(0,s.useRef)(null),{data:t}=(0,i.am)({select:e=>{var t,o;return{comicId:null===(t=e.comic)||void 0===t?void 0:t.id,epsId:null===(o=e.episode)||void 0===o?void 0:o.id}}}),{comicId:o=0,epsId:r=0}=t||{},{lezhinPass:l,isToolbarVisible:u,autoScroll:p,updateToolbarVisibility:m,updateAutoScroll:f}=(0,i.Zp)(e=>({updateToolbarVisibility:e.updateToolbarVisibility,updateAutoScroll:e.updateAutoScroll,autoScroll:e.autoScroll,lezhinPass:e.lezhinPass,isToolbarVisible:e.isToolbarVisible})),b=l.includes(o),{speed:x,expand:w}=p,g=(0,s.useRef)(0),v=(0,s.useRef)(0),y=(0,s.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{toolbar:!1};v.current=0,f(null),cancelAnimationFrame(g.current),e.toolbar&&setTimeout(()=>{m(!0)},100)},[f,m]),j=(0,s.useCallback)(e=>{let t=0,o=b?document.body.offsetHeight-10:document.body.offsetHeight;if(window.innerHeight+window.scrollY>=o)return y({toolbar:!0});v.current>0&&(t=(e-v.current)/a.DH),v.current=e,window.scrollBy(0,60*t*(x||1)),g.current=requestAnimationFrame(j)},[x,b,y]),L=e=>e?t=>{t.stopPropagation(),d.F.viewerAutoScroll({id:r,value:e.toString()}),f({expand:!1,speed:e}),m(!1),c.iy.viewerScrollClick({speed:e.toString()})}:()=>null;return((0,s.useEffect)(()=>{if(x&&x>0)return g.current=requestAnimationFrame(j),()=>y({toolbar:!0})},[x,y,j]),(0,s.useEffect)(()=>{let e=()=>y();return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[x,y,m,f]),u)?(0,n.jsxs)("div",{id:"scroll-fab",className:"flex flex-col relative overflow-hidden w-56 h-56 gap-12 transition-[height] duration-250 ease-in phone:w-40 phone:h-40 phone:gap-4 ".concat(w?"h-[260px] phone:h-[172px]":""),ref:e,children:[(0,n.jsx)("div",{className:"flex flex-col absolute gap-12 -z-1 opacity-0 transition-[transform,opacity] duration-250 ease-in-out translate-y-full data-[show=true]:translate-y-0 data-[show=true]:opacity-100 data-[show=true]:z-1 phone:gap-4","data-show":w,children:[2,1.5,1].map(e=>(0,n.jsx)("button",{className:"w-56 h-56 rounded-full border border-solid border-alpha z-[inherit] text-default font-bold text-16 flex items-center justify-center bg-bg-default phone:w-40 phone:h-40 phone:text-12",onClick:L(e),children:(0,n.jsxs)("span",{children:[e,"x"]})},"speed-".concat(e)))}),!x&&(0,n.jsx)("button",{className:"w-56 h-56 rounded-full absolute bottom-0 z-2 text-bg-white bg-basic-red-accent phone:w-40 phone:h-40",onClick:t=>{t.stopPropagation(),f({expand:!w}),e.current&&(e.current.style.willChange="height",e.current.ontransitionend=()=>{e.current&&e.current.removeAttribute("style")})},children:w?(0,n.jsx)(h,{size:32,className:"mx-auto phone:w-24 phone:h-24"}):(0,n.jsx)("span",{className:"font-bold text-16 phone:text-12",children:"Auto"})}),x&&(0,n.jsx)("button",{className:"w-56 h-56 rounded-full absolute bottom-0 z-2 text-bg-white bg-basic-red-accent phone:w-40 phone:h-40",onClick:()=>y(),children:(0,n.jsx)(h,{size:32,className:"mx-auto phone:w-24 phone:h-24"})})]}):null},m=o(58033),f=o(45318);function b(e){return(0,n.jsx)(u.Z,{...e,children:(0,n.jsx)("path",{d:"M14.25 4.99512H9.97461C6.68193 4.99533 4.00016 7.68099 4 11.0088V11.126C4.00006 12.5564 4.41742 13.9157 5.27051 14.9502C5.68739 15.4557 6.11523 15.9315 6.48242 16.2617C6.99086 16.7189 7.69447 17.2314 8.16602 17.5605C8.41633 17.7353 8.69271 17.8866 8.99023 18.0195L12.125 19.4199V17.1748L14.7168 17.0703C15.3765 17.0437 16.0262 16.8979 16.6348 16.6396C18.6709 15.7754 19.9999 13.767 20 11.5361V9.65234H22V11.5361C21.9999 14.5606 20.1982 17.2965 17.418 18.4766C16.5868 18.8293 15.6987 19.0292 14.7969 19.0654L14.125 19.0918V22.5L8.17285 19.8408C7.77985 19.6652 7.3899 19.4538 7.01953 19.1953C6.53668 18.8583 5.74752 18.2882 5.14258 17.7441C4.66555 17.3151 4.16485 16.7502 3.72656 16.2188C2.52645 14.7635 2.00006 12.9294 2 11.126V11.0088C2.00016 6.59275 5.56347 3.00021 9.97461 3H14.25V4.99512ZM18.6562 7.94043L12.5967 14H10V11.4033L16.0596 5.34375L18.6562 7.94043ZM18.2236 3.17969C18.4627 2.94065 18.8508 2.94065 19.0898 3.17969L2

10.8203 4.91016C21.0593 5.1492 21.0593 5.53733 20.8203 5.77637L19.5225 7.0752L16.9248 4.47754L18.2236 3.17969Z"})})}var x=o(89896),w=o(95457);function g(){let{viewType:e,currIdx:t,isToolbarVisible:o}=(0,f.Z)(e=>({viewType:e.viewType,currIdx:e.currIdx,isToolbarVisible:e.isToolbarVisible})),{data:r}=(0,f.a)({select:e=>{var t,o,n;return{commentAllowed:null===(t=e.comic)||void 0===t?void 0:t.isCommentAllowed,alias:null===(o=e.comic)||void 0===o?void 0:o.alias,epsName:null===(n=e.episode)||void 0===n?void 0:n.name}}}),{commentAllowed:l,alias:i="",epsName:a=""}=r||{},[c,d]=(0,s.useState)(!1),u=e=>{e.stopPropagation(),d(!0)};return l?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(w.yN,{open:c,onClose:()=>d(!1),comicMeta:{alias:i,epsName:a,isScrollView:"ttb"===e,commentAllowed:l}}),o&&(0,n.jsx)("button",{className:"w-56 h-56 rounded-full border border-alpha border-solid bg-bg-default phone:w-40 phone:h-40",onClick:e=>{let o=Math.max((0,x.sl)(),0);(0,m.p2)(u,"".concat(window.location.pathname+"?"+window.location.search,"&index=").concat(t,"&position=").concat((0,m._8)(o)))(e)},children:(0,n.jsx)(b,{className:"w-32 h-32 phone:w-24 phone:h-24 mx-auto"})})]}):null}var v=o(22420),y=o(28183);function j(){let[e,t]=(0,s.useState)(null),[o,a]=(0,s.useState)(!1),{data:c=0}=(0,i.am)({select:e=>e.media.scrollView.length-1}),d=(0,i.Zp)(e=>e.updateAutoScroll),u=e=>()=>{d(null),setTimeout(()=>{if("back"===e&&window.scrollTo({top:0,behavior:"smooth"}),"forward"===e){let e=(0,x.FF)();if(e){let t=e.querySelector('[data-cut-index="'.concat(c,'"]'));t&&t.scrollIntoView({block:"end",behavior:"smooth"})}}},100)};return(0,s.useEffect)(()=>{let e=setTimeout(()=>{t(x.FF)},150);return()=>{e&&clearTimeout(e)}},[]),(0,s.useEffect)(()=>{if(e){let t=e.querySelector('[data-cut-index="'.concat(c,'"]'));if(t){let e=new IntersectionObserver(e=>{let[t]=e;a(t.isIntersecting)},{rootMargin:"99999999px 0px -100% 0px",threshold:0});return e.observe(t),()=>{e.unobserve(t)}}}},[e,c]),(0,n.jsx)("div",{className:"block mobile:hidden",children:(0,n.jsxs)("div",{className:"flex gap-12 flex-col",children:[(0,n.jsx)("button",{className:"w-56 h-56 bg-bg-default border border-solid border-alpha rounded-full p-12 flex items-center justify-center",onClick:u("back"),children:(0,n.jsx)(v.Z,{className:"w-32 h-32 shrink-0"})}),(0,n.jsx)(r.Z,{propertyName:"opacity",in:o,onEntering:e=>{e&&(e.style.opacity="0",e.style.height="0",e.style.padding="0",e.style.willChange="height, opacity")},onEntered:e=>{e&&e.style.removeProperty("will-change")},onExiting:e=>{e&&(e.style.willChange="height, opacity",e.style.opacity="1",e.style.removeProperty("height"),e.style.removeProperty("padding"),e.style.removeProperty("padding"))},onExited:e=>{e&&e.style.removeProperty("will-change")},children:(0,n.jsx)("button",{disabled:o,className:(0,l.Z)("w-56 h-56 bg-bg-default p-12 overflow-hidden","border border-solid border-alpha rounded-full","flex items-center justify-center transition-all duration-[var(--transition-duration)]"),onClick:u("forward"),children:(0,n.jsx)(y.Z,{className:"w-32 h-32 shrink-0"})})})]})})}var L=function(e){let{in:t,className:o,...a}=e,s=(0,i.Zp)(e=>e.viewType),{data:c}=(0,i.am)({select:e=>{var t;return null===(t=e.comic)||void 0===t?void 0:t.isCommentAllowed}});return(0,n.jsx)(r.Z,{in:t,propertyName:"transform",onMount:e=>{e&&(t?(e.style.transform="translateY(-100px)",e.style.willChange="transform"):(e.style.transform="translateY(0px)",e.style.removeProperty("transform")))},onEntering:e=>{e&&(e.style.transform="translateY(-100px)",e.style.willChange="transform")},onExiting:e=>{e&&(e.style.transform="translateY(0px)",e.style.removeProperty("transform"))},children:(0,n.jsxs)("div",{...a,onClick:e=>e.stopPropagation(),className:(0,l.Z)("transition-transform","fixed bottom-24 mobile:bottom-12 right-40 mobile:right-12 z-20","pb-[env(safe-area-inset-bottom)]","flex flex-col gap-12",o),children:[c&&(0,n.jsx)(g,{}),"ttb"===s&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(p,{}),(0,n.jsx)(j,{})]})]})})}},28183:function(e,t,o){o.d(t,{Z:function(){return l}});var n=o(27573),r=o(97407);function l(e){return(0,n.jsx)(r.Z,{...e,children:(0,n.jsx)("path",{d:"M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z"})})}},22420:function(e,t,o){o.d(t,{Z:function(){return l}});var n=o(27573),r=o(97407);function l(e){return(0,n.jsx)(r.Z,{...e,children:(0,n.jsx)("path",{d:"M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z"})})}}}]);