gear-second 0.5.0 → 0.5.1

package/index.js

@@ -3,6 +3,6 @@
 `]]]),rd=Object.freeze(Object.defineProperty({__proto__:null,default:zi},Symbol.toStringTag,{value:"Module"})),sd={},id={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},ld=[K("path",{fill:"currentColor",d:"M11.3 19.3q-.275-.275-.288-.7t.263-.7l4.9-4.9H5q-.425 0-.713-.288T4 12q0-.425.288-.713T5 11h11.175l-4.9-4.9q-.275-.275-.263-.7t.288-.7q.275-.275.7-.275t.7.275l6.6 6.6q.15.125.213.313t.062.387q0 .2-.062.375t-.213.325l-6.6 6.6q-.275.275-.7.275t-.7-.275Z"},null,-1)];function ad(e,t){return A(),Z("svg",id,ld)}const Ai=xe(sd,[["render",ad]]),cd=Object.freeze(Object.defineProperty({__proto__:null,default:Ai},Symbol.toStringTag,{value:"Module"})),ji=Oe({__name:"DirectionToast",props:{direction:{}},setup(e){const t=e,n=tr("tk:dir",!0),o=Gt(()=>n.value=!1,1250);return de(()=>t.direction,()=>{n.value=!0,o()}),tt(()=>{o();let r;const s=_i();de(s,i=>{i!=="visible"?r=Date.now():Date.now()-r>3e4&&(n.value=!0,o())})}),(r,s)=>{const i=Ai;return A(),Se(Jt,{name:"slow-fade","enter-from-class":"opacity-0","leave-to-class":"opacity-0"},{default:oe(()=>[V(n)?(A(),Z("div",{key:0,class:ye(["fixed z-50 left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none w-28 h-24 p-4 bg-black bg-opacity-40 rounded-2xl duration-500",{"rotate-90":r.direction===V(Xe).vertical,"rotate-180":r.direction===V(Xe).rtl}])},[W(i)],2)):Re("",!0)]),_:1})}}}),ud=Object.freeze(Object.defineProperty({__proto__:null,default:ji},Symbol.toStringTag,{value:"Module"})),eo=[];function fd(e){eo.push(e),dt(()=>{const t=eo.indexOf(e);t!==-1&&eo.splice(t,1)})}function dd(e,t){const{innerWidth:n,innerHeight:o}=window,r=e*n,s=t*o;eo.forEach(i=>i(r,s))}const Bi=Oe({__name:"ZoomWrapper",props:{modelValue:{},playController:{},rtl:{type:Boolean},horizontal:{type:Boolean},longStrip:{type:Boolean},touchDevice:{type:Boolean},busy:{type:Boolean}},emits:["update:modelValue","dragEnd","click"],setup(e,{emit:t}){const n=e,o=J(null),r=J(Math.min(_n,Math.max(bn,n.modelValue))),s=J(!1),i=J(!1),l=J(!1),a=J(!1),c=Gt(()=>a.value=!1,150);function d(){a.value||(a.value=!0),c()}de(()=>n.modelValue,k=>ae(k)),tt(()=>{n.touchDevice?(Nt(window,"touchstart",m),fd(Pe)):(Nt(o,"mousedown",q),de(()=>n.horizontal,k=>{k?window.addEventListener("wheel",Q,{passive:!1}):window.removeEventListener("wheel",Q)},{immediate:!0}))}),dt(()=>{window.removeEventListener("wheel",Q)});let u;Xo({onKeyDown:k=>{var Me;if(n.busy)return;(Me=o.value)==null||Me.focus();const L=k.key==="Meta",ee=k.key==="Control";L||ee?(s.value=!0,window.addEventListener("wheel",b,{passive:!1}),u=()=>{s.value=!1,window.removeEventListener("wheel",b),window.removeEventListener("blur",u),u=void 0},window.addEventListener("blur",u)):(k.ctrlKey||k.metaKey)&&k.key==="0"&&ae(1)},onKeyUp:()=>{s.value==!0&&(u==null||u())}});function h(k){l.value!==k&&(l.value=k,k?n.playController.pause():(t("dragEnd"),n.playController.resume()))}function b(k){k.stopPropagation(),k.preventDefault();const L=Math.ceil((r.value+k.deltaY*-.01)*100)/100;ae(L,{x:k.clientX,y:k.clientY})}let $={x:0,y:0},v={x:0,y:0};function q(k){k.button===0&&($={x:k.clientX,y:k.clientY},v={x:o.value.scrollLeft,y:o.value.scrollTop},window.addEventListener("mousemove",D),window.addEventListener("mouseup",()=>{window.removeEventListener("mousemove",D),setTimeout(()=>h(!1))},{once:!0}),k.preventDefault(),k.stopPropagation())}function D(k){h(!0);const L=k.clientX-$.x,ee=k.clientY-$.y,Me=o.value;Me.scrollLeft=v.x-L,Me.scrollTop=v.y-ee}let B=0,N=1,z,E=!1;function m(k){if(!n.busy){if(E=k.touches.length===2,E){h(!0),k.stopPropagation(),k.preventDefault();const L=o.value;B=ie(k),N=r.value,z={x:(k.touches[0].clientX+k.touches[1].clientX)/2,y:(k.touches[0].clientY+k.touches[1].clientY)/2,scrollLeft:L.scrollLeft,scrollTop:L.scrollTop,scrollWidth:L.scrollWidth,scrollHeight:L.scrollHeight}}(E||n.playController.isPlaying&&n.longStrip)&&(window.addEventListener("touchmove",y),window.addEventListener("touchend",_,{once:!0}))}}function _(){if(window.removeEventListener("touchmove",y),E){h(!1),E=!1;return}if(!l.value)return;const k=Gt(()=>{h(!1),o.value.removeEventListener("scroll",ee)},100),L=setTimeout(k,100);o.value.addEventListener("scroll",ee);function ee(){clearTimeout(L),k()}}function y(k){if(h(!0),E){k.stopPropagation(),k.preventDefault();const ee=ie(k)/B;ae(Math.ceil(ee*N*100)/100,z)}}const F=Gt(()=>i.value=!1,100);function Q(k){n.busy||(i.value||(i.value=!0),F(),k.deltaY&&(!s.value&&o.value&&(o.value.scrollLeft+=k.deltaY*(n.rtl?-1:1)),k.preventDefault()))}function ie(k){return Math.hypot(k.touches[0].clientX-k.touches[1].clientX,k.touches[0].clientY-k.touches[1].clientY)}let S=0,re;function me(k){k.stopPropagation(),!l.value&&(S++,re&&clearTimeout(re),S===2&&Pe(k.clientX,k.clientY),re=setTimeout(()=>{!l.value&&S===1&&t("click",k),re=void 0,S=0},300))}function Pe(k,L){if(!S)return;S=0;const ee=r.value===1?2:1;ae(ee,{x:k,y:L})}async function ae(k,L){const ee=o.value,Me=Math.min(_n,Math.max(bn,k));if(!ee||r.value===Me)return;const Be=(L==null?void 0:L.scrollLeft)??ee.scrollLeft,Ie=(L==null?void 0:L.scrollTop)??ee.scrollTop,Ft=(L==null?void 0:L.scrollHeight)??ee.scrollHeight,tn=(L==null?void 0:L.scrollWidth)??ee.scrollWidth,st=(L==null?void 0:L.x)??ee.clientWidth/2,He=n.rtl?ee.clientWidth-st:st,Pt=(L==null?void 0:L.y)??ee.clientHeight/2;d(),r.value=Me,t("update:modelValue",Me),await ut();const Rt=ee.scrollWidth/tn,O=ee.scrollHeight/Ft;ee.scrollLeft=Be*Rt+He*(Rt-1)*(n.rtl?-1:1),ee.scrollTop=Ie*O+Pt*(O-1)}return(k,L)=>(A(),Z("div",{ref_key:"root",ref:o,tabindex:"0",class:ye(["w-full h-full overflow-auto scrollbar-none focus:outline-none touch-pan-x touch-pan-y",{"!snap-none":l.value||i.value,"cursor-grabbing":l.value,"overflow-hidden":a.value}]),style:Ke({"font-size":`${r.value}px`}),onClick:me},[$e(k.$slots,"default")],6))}}),pd=Object.freeze(Object.defineProperty({__proto__:null,default:Bi},Symbol.toStringTag,{value:"Module"})),hd=`.loading-indicator{display:inline-block;height:5rem;position:relative;width:5rem}.loading-indicator:after,.loading-indicator:before{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #b85c38;border-radius:9999px;content:"";display:block;opacity:1;position:absolute}.loading-indicator:after{animation-delay:-.5s}@keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}
 `,gd={},md={class:"flex justify-center items-center w-full h-full"},vd=[K("div",{class:"loading-indicator"},null,-1)];function bd(e,t){return A(),Z("div",md,vd)}const or=xe(gd,[["render",bd],["styles",[hd]]]),_d=Object.freeze(Object.defineProperty({__proto__:null,default:or},Symbol.toStringTag,{value:"Module"})),yd=["data-index"],wd={key:0,class:"page--loading"},xd=["src"],Cd=["src"],kd=["data-index"],Di=xe(Oe({__name:"ReaderBody",props:{direction:{},isLongStrip:{type:Boolean},isVertical:{type:Boolean},isRTL:{type:Boolean},pages:{},totalImgs:{},gap:{},zoom:{},spaceTop:{},spaceBottom:{},touchDevice:{type:Boolean},playController:{},busy:{type:Boolean},idle:{type:Boolean}},emits:["update:zoom","update:playing","dragEnd","click","end","prev","next"],setup(e,{emit:t}){const n=e,o=J(null),r=ce(()=>{var u;return(u=o.value)==null?void 0:u.$el}),s=J(null),i=ef(r),l=ce(()=>{const{width:u,height:h}=i,b=n.isLongStrip?n.isVertical?u.value:h.value:Math.min(u.value,h.value);return Math.min(4,Math.max(1,Math.ceil(b/400-1)))*n.gap}),a=ce(()=>{const{width:{value:u},height:{value:h}}=i;return n.pages.map(b=>{const $={indexes:b.map(B=>B.index)},v=b.map(({img:B})=>B).filter(Boolean);if(!v.length)return $;$.srcs=v.map(({src:B})=>B);const q=v.reduce((B,N)=>B+N.naturalWidth,0),D=v.reduce((B,N)=>B+N.naturalHeight,0)/v.length;return n.isLongStrip&&n.isVertical||!n.isLongStrip&&u/q<h/D?($.width=Math.min(u,q),$.height=D*$.width/q):$.height=Math.min(h,D),$})}),c=ce(()=>a.value.map(u=>(u==null?void 0:u.width)??(u==null?void 0:u.height)).filter(Boolean).sort((u,h)=>h-u)[0]);function d(u){if(!n.isLongStrip){const h=n.isVertical?i.height.value:i.width.value,$=(n.isVertical?u.clientY:n.isRTL?h-u.clientX:u.clientX)/h;if($<=.2){t("prev");return}else if($>=.8){t("next");return}}t("click")}return(u,h)=>{const b=or,$=Bi;return A(),Se($,{"model-value":u.zoom,ref_key:"root",ref:o,class:ye(["reader-body",{"reader-body--long-strip":u.isLongStrip,"reader-body--pages":!u.isLongStrip,"reader-body--vertical":u.isVertical,"reader-body--rtl":u.isRTL,"reader-body--idle":u.idle}]),"play-controller":u.playController,horizontal:!u.isVertical,rtl:u.isRTL,"touch-device":u.touchDevice,busy:u.busy,"long-strip":u.isLongStrip,style:Ke({"--gap":`${l.value}em`,"--space-top":(u.spaceTop||0)+"em","--screen-width-em":V(i).width.value+"em","--screen-height-em":V(i).height.value+"em",...u.isLongStrip?{"--max-size-em":c.value+"em"}:{}}),"onUpdate:modelValue":h[0]||(h[0]=v=>t("update:zoom",v)),onDragEnd:h[1]||(h[1]=()=>t("dragEnd")),onClick:d},{default:oe(()=>[(A(!0),Z(Ce,null,Hn(a.value,v=>{var q;return A(),Z("div",Fo({key:u.direction+"_"+v.indexes[0],"data-index":v.indexes[0]},v.indexes.length>1?{"data-index2":v.indexes[1]}:{}),[(q=v.srcs)!=null&&q.length?v.srcs.length==1?(A(),Z("img",{key:1,src:v.srcs[0],style:Ke({width:v.width!==void 0?v.width+"em":"",height:v.height!==void 0?v.height+"em":""})},null,12,xd)):(A(),Z("div",{key:2,class:ye(["page--double",{"flex-row-reverse":u.isRTL}]),style:Ke({height:v.height!==void 0?v.height+"em":""})},[(A(!0),Z(Ce,null,Hn(v.srcs,D=>(A(),Z("div",{key:D},[K("img",{src:D},null,8,Cd)]))),128))],6)):(A(),Z("div",wd,[W(b)]))],16,yd)}),128)),K("div",{ref_key:"autoNextEl",ref:s,"data-index":u.totalImgs,style:Ke(u.isLongStrip?u.isVertical?{height:V(i).height.value+"em"}:{width:V(i).width.value+"em"}:{})},[$e(u.$slots,"end")],12,kd)]),_:3},8,["model-value","play-controller","horizontal","rtl","touch-device","busy","long-strip","class","style"])}}}),[["styles",[`.reader-body{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:1024px){.reader-body{transform:none}}.reader-body--rtl{flex-direction:row-reverse}.reader-body:not(.reader-body--vertical){align-items:center;display:flex;height:100%;justify-content:flex-start}.reader-body--long-strip.reader-body--vertical>div:first-child{margin-top:var(--space-top);padding-top:0}.reader-body--long-strip.reader-body--vertical>div:last-child{padding-bottom:0}.reader-body--long-strip.reader-body--vertical>div{padding:calc(var(--gap)/2) 0;width:var(--max-size-em)}.reader-body--long-strip:not(.reader-body--vertical)>div{align-items:center;display:flex;height:var(--max-size-em);padding:0 calc(var(--gap)/2)}.reader-body--long-strip>div>img{flex-shrink:0;margin:auto}.reader-body--pages:after,.reader-body--pages:before{content:"";cursor:pointer;display:block;position:fixed;z-index:10}.reader-body--pages.reader-body--idle:after,.reader-body--pages.reader-body--idle:before{cursor:none}.reader-body--pages>div{align-items:center;display:flex;height:var(--screen-height-em);justify-content:center;min-height:100vh;min-width:100vw;scroll-snap-align:center;width:var(--screen-width-em)}.reader-body--pages.reader-body--vertical{--tw-scroll-snap-strictness:mandatory;scroll-snap-type:y var(--tw-scroll-snap-strictness)}.reader-body--pages.reader-body--vertical:after,.reader-body--pages.reader-body--vertical:before{height:20vw;left:0;right:0}.reader-body--pages.reader-body--vertical:before{top:0}.reader-body--pages.reader-body--vertical:after{bottom:0}.reader-body--pages:not(.reader-body--vertical){--tw-scroll-snap-strictness:mandatory;scroll-snap-type:x var(--tw-scroll-snap-strictness)}.reader-body--pages:not(.reader-body--vertical):after,.reader-body--pages:not(.reader-body--vertical):before{bottom:0;top:0;width:20vw}.reader-body--pages:not(.reader-body--vertical):before{left:0}.reader-body--pages:not(.reader-body--vertical):after{right:0}.reader-body--pages .page--double{align-items:center;display:flex;gap:var(--gap);justify-content:center}.reader-body--pages .page--double div{display:flex;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reader-body--pages .page--double div img{flex-shrink:0;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.reader-body .page--loading{height:calc(var(--screen-height-em)*.75);margin:auto;width:calc(var(--screen-width-em)*.5)}.reader-body>div{flex-shrink:0;margin:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reader-body img{--tw-bg-opacity:1!important;background-color:rgb(41 37 36/var(--tw-bg-opacity))!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}
 `]]]),Pd=Object.freeze(Object.defineProperty({__proto__:null,default:Di},Symbol.toStringTag,{value:"Module"})),Td={class:"inline-flex p-6 gap-6 text-base text-stone-300 select-none"},Od={key:0,class:"inline-block rounded-full relative w-28 h-12 overflow-hidden"},$d={key:0,class:"animate-auto-next absolute left-0 top-0 bottom-0 h-full bg-stone-600 bg-opacity-50 animate-auto-next"},Ni=xe(Oe({__name:"AutoNext",props:{hasNext:{type:Boolean}},emits:["next","hide"],setup(e,{emit:t}){const n=J(null),o=J(null),r=J(!1),s=J(!1),i=J(3);return tt(()=>{let l;wi(o,a=>{s.value=a.some(c=>c.isIntersecting),i.value=5,l&&(clearInterval(l),l=void 0),s.value&&(l=setInterval(()=>{i.value-=1,i.value<=0&&(clearInterval(l),l=void 0,t("next"))},1e3))}),wi(n,a=>{r.value=a.some(c=>c.isIntersecting)}),dt(()=>l&&clearInterval(l))}),(l,a)=>(A(),Z("div",{ref_key:"root",ref:n,class:"h-full w-full flex justify-center items-center"},[bt(K("div",Td,[l.hasNext?(A(),Z("div",Od,[s.value?(A(),Z("div",$d)):Re("",!0),bt((A(),Z("button",{ref_key:"nextButton",ref:o,class:"bg-transparent rounded-full h-full w-full border-solid border-stone-600 border-2 hover:bg-stone-300 hover:bg-opacity-10 duration-200",onClick:a[0]||(a[0]=Bt(()=>t("next"),["stop"]))},[yt(" Next in "+lt(i.value),1)])),[[V(Qt)]])])):Re("",!0),bt((A(),Z("button",{class:"rounded-full px-6 h-12 bg-transparent border-solid border-stone-600 border-2 hover:bg-stone-300 hover:bg-opacity-10 duration-200",onClick:a[1]||(a[1]=Bt(()=>t("hide"),["stop"]))},[yt(" Hide ")])),[[V(Qt)]])],512),[[yc,r.value||!l.hasNext]])],512))}}),[["styles",[`.animate-auto-next{animation:auto-next 5s linear forwards}@keyframes auto-next{0%{width:0}to{width:100%}}
-`]]]),Id=Object.freeze(Object.defineProperty({__proto__:null,default:Ni},Symbol.toStringTag,{value:"Module"})),rr=3;function Ed(e,t){const n=sn(Array.from({length:e.value.length})),o=[];let r=0;de([t,e],async([l,a],[c])=>{const d=Math.floor(l),u=Math.floor(c||-1),h=a.length-n.length;if(h>0){const b=Array.from({length:h});n.push(...b)}d!==u&&(r=Math.max(0,r-Math.abs(d-u)));for(let b=d;b<a.length;b++){if(r>rr)return;s(b)}for(let b=d-1;b>=0;b--){if(r>rr)return;s(b)}},{immediate:!0});async function s(l){l===void 0||!e.value[l]||r>rr||(o[l]||(o[l]=!0,r++,n[l]=await Sd(e.value[l]),r=Math.max(0,r-1)),s(i()))}function i(){for(let l=Math.floor(t.value);l<e.value.length;l++)if(!o[l])return l;for(let l=Math.floor(t.value)-1;l>=0;l--)if(!o[l])return l}return n}function Sd(e){return new Promise(t=>{const n=new Image,o=setInterval(()=>{const{naturalWidth:r,naturalHeight:s}=n;s&&r&&(t({src:e,naturalWidth:r,naturalHeight:s}),clearInterval(o))},20);n.onerror=()=>{t(void 0),clearInterval(o)},n.src=e})}function Md(e,t){return ce(()=>t.value?Fi(e):e.map((n,o)=>[{img:n,index:o}]))}function Fi(e,t=0){if(e.length===0)return[];const n=e.slice(0,2),r=n.some(s=>s&&s.naturalWidth>s.naturalHeight)?[n[0]]:n;return[r.map((s,i)=>({img:s,index:t+i})),...Fi(e.slice(r.length),t+r.length)]}function Ld(e,t,n){return Hu(async()=>{if(n!==void 0)return n;const o=await zd(e);return await new Promise(r=>{if(n!==void 0){r(n);return}const s=Math.max(o.length<4?0:o.length<6?1:2,t),i=Math.min(s+4,o.length<6?o.length-1:o.length),l=Math.max(0,i-4),a=o.slice(l,i);let c=!1;Promise.all(a.map(async d=>{const u=await Ad(d);!c&&u&&(c=!0,r(!0))})).then(()=>{c||r(!1)})})},n??!1)}async function zd(e){return e.value.length?e.value:await new Promise(t=>{const n=de(e,o=>{n(),o.length&&t(o)})})}function Ad(e){return new Promise(t=>{const n=new Image,o=setInterval(()=>{n.naturalHeight&&n.naturalWidth&&(t(n.naturalHeight/n.naturalWidth>2.5),clearInterval(o))},20);n.onerror=()=>{t(!1),clearInterval(o)},n.src=e})}function jd({initialPage:e,max:t}){const n=typeof e=="number"?Math.max(0,Math.min(e,t)):0,o=sessionStorage.getItem("tk:page:path");return o!==location.pathname&&(sessionStorage.setItem("tk:page:path",location.pathname),o&&sessionStorage.removeItem("tk:page")),tr("tk:page",n,{writeDefaults:!1,mergeDefaults(r){return Math.max(0,Math.min(r,t))}})}function Bd(){sessionStorage.removeItem("tk:page"),sessionStorage.removeItem("tk:page:path")}const sr=40;function Dd({page:e,direction:t,style:n,isLongStrip:o,isVertical:r,isRTL:s,spaceTop:i,scrollEl:l,interferePlayer:a,onChangedPage:c}){let d=!1,u=!1,h;const b=Fd(q,300);tt(()=>{let m=null;Ql(async()=>{l.value&&l.value!==m&&(m=l.value,v(e.value),m==null||m.removeEventListener("scroll",b),l.value.addEventListener("scroll",b))});const{width:_,height:y}=lf();de(_,$),de(y,$),de(n,$),de(t,$)});async function $(){d=!0;const m=e.value;await ut(),D()!==m&&v(m)}function v(m,{smooth:_}={smooth:!1}){const y=l.value;if(!y)return;d=!0;const F=async()=>{await ut(),d=!1,u=!0},Q=Math.floor(m),ie=y.querySelector(`[data-index="${Q}"],[data-index2="${Q}"]`);if(!ie){F();return}a(async()=>{u?o.value?(await E(y,ie,{smooth:_,offsetDelta:m%1}),q()):(y.style.setProperty("scroll-snap-type","none"),await E(y,ie,{smooth:_}),y.style.setProperty("scroll-snap-type",""),q()):o.value?(r.value||await new Promise(S=>setTimeout(S,300)),await E(y,ie,{smooth:_,offsetDelta:m%1})):await E(y,ie,{smooth:_}),await F()})}function q(){if(!l.value||d)return;const m=D();m!==void 0&&m!==e.value&&c(m)}function D(){const m=B();if(!m)return;const _=+m.getAttribute("data-index")||0;return o.value?Math.floor((_+N(m))*100)/100:_}function B(){h??(h=l.value.getRootNode());const m=h.elementsFromPoint(r.value||!o.value?window.innerWidth/2:s.value?window.innerWidth-sr:sr,r.value&&o.value?i.value||sr:window.innerHeight/2);for(let _=0;_<m.length;_++){const y=m[_];if(y.hasAttribute("data-index"))return y;if(y===l.value)break}}function N(m){const _=m.getBoundingClientRect();return r.value?Math.abs(_.top-(i.value||0))/_.height:s.value?Math.max(0,_.right-l.value.clientWidth)/_.width:Math.abs(_.left)/_.width}let z=!1;async function E(m,_,y){if(z)return;z=!0;const F=r.value?m.scrollTop:m.scrollLeft,Q=y.offsetDelta??0,ie=r.value?_.offsetTop+Q*_.offsetHeight-(o.value?i.value??0:0):s.value?_.offsetLeft-m.clientWidth+_.offsetWidth-Q*_.offsetWidth:_.offsetLeft+Q*_.offsetWidth;if(!y.smooth){r.value?m.scrollTop=ie:m.scrollLeft=ie,z=!1;return}const S=ie-F,re=30;let me=0;return new Promise(Pe=>{(function ae(){const k=Nd(me,F,S,re);r.value?m.scrollTop=k:m.scrollLeft=k,me++,me<=re?requestAnimationFrame(ae):(Pe(),z=!1)})()})}return{goToPage:v}}function Nd(e,t,n,o){return n*(Math.pow(e/o-1,3)+1)+t}function Fd(e,t){let n;return()=>{n||(n=setTimeout(()=>{n=void 0,e()},t))}}function Rd({autoPlay:e,touchDevice:t,scrollEl:n,isVertical:o,isRTL:r,isLongStrip:s,speed:i,onLongIdle:l}){const a=tr("tk:isPlaying",e,{writeDefaults:!1,listenToStorageChanges:!1,mergeDefaults:(y,F)=>y===void 0?F:y===!0||y==="true"}),c=J(!1);let d,u;const h=Gt(m,100);let b;const $=Gt(()=>{c.value=!0,clearTimeout(b),b=a.value?void 0:setTimeout(l,15e3)},t?2e3:1e3),v=()=>setTimeout(()=>{c.value=!1,$(),b&&(clearTimeout(b),b=void 0)},30);v(),t||Nt(window,"mousemove",v);const q=_i();tt(()=>{de(q,y=>{a.value&&(y==="visible"?m():u==null||u())}),de(i,()=>D()),de(s,y=>{y||N()})}),dt(()=>{clearTimeout(b),b=void 0});async function D(y){a.value&&(u==null||u()),y&&(await ut(),await y()),a.value&&h()}function B(){a.value?N():z()}function N(){a.value&&(a.value=!1,u==null||u(),v())}function z(){!a.value&&s.value&&(a.value=!0,m(),v())}function E(){u==null||u()}function m(){const y=n.value;if(!a.value||!y)return;const F=o.value?y.scrollHeight-y.clientHeight:y.scrollWidth-y.clientWidth,Q=_();if(F<=Q){N();return}u=()=>{d=Date.now(),u=void 0};const ie=Date.now();d=ie;const S=.05*i.value,re=o.value?"scrollTop":"scrollLeft";let me=Date.now(),Pe=0;const ae=()=>{if(d!==ie)return;const k=Date.now(),L=k-me;me=k;const ee=S*L+Pe;ee>=1?(Pe=ee%1,y[re]+=(ee-Pe)*(r.value?-1:1)):Pe=ee,setTimeout(ae,1)};ae()}function _(){const y=n.value;return o.value?y.scrollTop:r.value?-y.scrollLeft:y.scrollLeft}return{isPlaying:a,isIdle:c,toggle:B,play:z,pause:E,resume:m,stop:N,interfere:D,awake:v}}function Hd(e){var u,h,b,$;let t=-1;const{vol:n,chap:o,title:r,slug:s,basePath:i}=e,l=r.chapters??[],a=(l==null?void 0:l.length)>1?l:[];a.length&&(t=a.findIndex(v=>v.slug===e.slug),t===-1&&(t=a.findIndex(v=>v.vol===n&&v.chap===o)),t===-1&&(t=a.findIndex(v=>s.startsWith(`${v.slug}-`)&&s.length-v.slug.length>3)));const c=((u=e.prev)==null?void 0:u.slug)??((h=a[t+1])==null?void 0:h.slug),d=((b=e.next)==null?void 0:b.slug)??(($=a[t-1])==null?void 0:$.slug);return{activeIndex:t,activeLabel:Ri({vol:n,chap:o}),chapters:a.map(v=>({label:Ri(v),path:ir(i,v.slug)})),prevPath:ir(i,c),nextPath:ir(i,d)}}function ir(e,t){return!t||t.includes("//")||t.startsWith("/")?t:(e||"/")+t}function Ri({vol:e,chap:t}){return e==null?`Ch.${t}`:`Vol.${e} ch.${t}`}const Vd={key:0,class:"ml-auto inline-flex gap-[1px] scale-95 origin-right"},Wd=Oe({...{inheritAttrs:!1},__name:"TrackkunReader",props:{raw:{},imgs:{},isWebtoon:{type:Boolean},page:{},spaceTop:{},spaceBottom:{},fullScreen:{type:Boolean},touchDevice:{type:Boolean},entryId:{},autoPlay:{type:Boolean},isGuest:{type:Boolean}},emits:["pageChanged","fullScreenChanged","playingChanged","dispose","openEntry","addEntry","longIdle"],setup(e,{emit:t}){const n=e,o=Yc({touchDevice:n.touchDevice}),r=ce(()=>Array.isArray(n.imgs)?n.imgs.filter(O=>typeof O=="string"):[]),s=jd({initialPage:n.page,max:r.value.length-1}),i=Ld(r,Math.ceil(s.value),n.isWebtoon),{direction:l,style:a,isRTL:c,isDouble:d,isVertical:u,isLongStrip:h,gap:b,speed:$,zoom:v}=gf({titleName:n.raw.title.name,asyncIsWebtoon:i}),q=Ed(r,s),D=Md(q,d),B=ce(()=>s.value>=r.value.length),N=ce(()=>Hd(n.raw)),z=ce(()=>{var O,Y;return c.value?(O=N.value)==null?void 0:O.nextPath:(Y=N.value)==null?void 0:Y.prevPath}),E=ce(()=>{var O,Y;return c.value?(O=N.value)==null?void 0:O.prevPath:(Y=N.value)==null?void 0:Y.nextPath}),m=J(null),_=Rd({autoPlay:n.autoPlay,touchDevice:n.touchDevice,scrollEl:ce(()=>{var O;return(O=m.value)==null?void 0:O.$el}),speed:$,isRTL:c,isVertical:u,isLongStrip:h,onLongIdle:()=>t("longIdle")});de(_.isPlaying,O=>{O||st(!1),t("playingChanged",O)}),de(_.isIdle,O=>{_.isPlaying.value&&st(O)}),de(o,O=>{!O&&_.isIdle.value?_.awake():O&&n.fullScreen&&st()});const y=ce(()=>!n.touchDevice&&_.isIdle.value&&!o.value),F=ce({get(){return v.value},set(O){_.interfere(()=>{v.value=O})}}),Q=()=>_.interfere(()=>new Promise(O=>setTimeout(O,100)));su().addListener({onKeyDown:O=>{const Y=h.value&&u.value,Le=h.value&&!u.value,f=!h.value&&u.value,p=!h.value&&!u.value;switch(O.key){case" ":h.value&&(O.preventDefault(),_.toggle());break;case"ArrowUp":case"PageUp":Y?Q():f&&(O.preventDefault(),Be());break;case"ArrowDown":case"PageDown":Y?Q():f&&(O.preventDefault(),Ie());break;case"ArrowLeft":Le?Q():p?(O.preventDefault(),ee()):u.value&&ae();break;case"ArrowRight":Le?Q():p?(O.preventDefault(),Me()):u.value&&Pe();break}}});const S=Dd({page:s,style:a,direction:l,isLongStrip:h,isVertical:u,isRTL:c,spaceTop:ce(()=>n.spaceTop),scrollEl:ce(()=>{var O;return(O=m.value)==null?void 0:O.$el}),interferePlayer:O=>_.interfere(O),onChangedPage(O){if(O<0||O>=r.value.length+1)return;s.value=O,t("pageChanged",O),O>=r.value.length&&(st(!1),_.stop())}});function re(){h.value||S.goToPage(Math.floor(s.value),{smooth:!0})}function me(){if(_.isPlaying.value){!n.fullScreen||!n.touchDevice?_.stop():_.awake();return}st()}function Pe(){var O;L((O=N.value)==null?void 0:O.nextPath)}function ae(){var O;L((O=N.value)==null?void 0:O.prevPath)}function k(O){var Le,f,p;const Y=(p=(f=(Le=N.value)==null?void 0:Le.chapters)==null?void 0:f[O])==null?void 0:p.path;Y&&L(Y)}function L(O){O&&(location.href=O.includes("://")?O:location.origin+O)}function ee(){c.value?Ie():Be()}function Me(){c.value?Be():Ie()}function Be(){var Le;const O=D.value,Y=B.value?O[O.length-1][0].index:(Le=O[Ft()-1])==null?void 0:Le[0].index;Y!==void 0?S.goToPage(Y):ae()}function Ie(){var Y;const O=B.value?Math.floor(s.value)+1:((Y=D.value[Ft()+1])==null?void 0:Y[0].index)??r.value.length;S.goToPage(O)}function Ft(){const O=Math.floor(s.value),Y=D.value.findIndex(Le=>Le.some(({index:f})=>f===O));return Y===-1?D.value.length-1:Y}function tn(){Bd(),_.stop(),t("dispose")}async function st(O){o.value&&!n.fullScreen||t("fullScreenChanged",typeof O=="boolean"?O:!n.fullScreen)}function He(){n.entryId?Rt():Pt()}function Pt(){_.stop(),t("addEntry")}function Rt(){_.stop(),t("openEntry",n.entryId)}return(O,Y)=>{const Le=or,f=Ni,p=Di,g=ji,x=zi,w=Li,P=Jn,M=Mi,T=nr,I=Si,C=Ei,R=Ii,j=Oi,H=Ti,X=Pi,te=Zo,fe=qo,ue=Gs,ve=Js;return A(),Se(ve,{"full-screen":!!O.fullScreen,idle:y.value,"space-top":n.spaceTop,"space-bottom":n.spaceBottom,"touch-device":O.touchDevice,rtl:V(c)},is({back:oe(()=>[W(P,{href:O.raw.title.url,title:O.raw.title.name},{default:oe(()=>[W(w)]),_:1},8,["href","title"])]),exit:oe(()=>[W(P,{title:"Hide reader",onClick:tn},{default:oe(()=>[W(M)]),_:1})]),"chapter-nav":oe(()=>[W(T,{modelValue:N.value.activeIndex,label:N.value.activeLabel,items:N.value.chapters,"onUpdate:modelValue":k},{item:oe(({item:pe})=>[yt(lt(pe.label),1)]),_:1},8,["modelValue","label","items"]),z.value||E.value?(A(),Z("div",Vd,[W(P,{title:V(c)?"Next":"Previous",href:z.value,disabled:!z.value,class:"!rounded-r-none"},{default:oe(()=>[W(I)]),_:1},8,["title","href","disabled"]),W(P,{title:V(c)?"Previous":"Next",href:E.value,disabled:!E.value,class:"!rounded-l-none"},{default:oe(()=>[W(C)]),_:1},8,["title","href","disabled"])])):Re("",!0)]),entry:oe(()=>[W(P,{title:O.entryId?"View entry":"Add to Trackkun",onClick:He},{default:oe(()=>[O.entryId?(A(),Se(j,{key:0})):(A(),Se(H,{key:1}))]),_:1},8,["title"])]),settings:oe(()=>[W(X,{"reader-style":V(a),"onUpdate:readerStyle":Y[3]||(Y[3]=pe=>we(a)?a.value=pe:null),direction:V(l),"onUpdate:direction":Y[4]||(Y[4]=pe=>we(l)?l.value=pe:null),gap:V(b),"onUpdate:gap":Y[5]||(Y[5]=pe=>we(b)?b.value=pe:null),speed:V($),"onUpdate:speed":Y[6]||(Y[6]=pe=>we($)?$.value=pe:null),zoom:F.value,"onUpdate:zoom":Y[7]||(Y[7]=pe=>F.value=pe),webtoon:V(i).state.value,disabled:V(i).isLoading.value},null,8,["reader-style","direction","gap","speed","zoom","webtoon","disabled"])]),play:oe(()=>[W(P,{title:V(_).isPlaying.value?"Pause":"Play",disabled:V(i).isLoading.value||!V(h),onClick:Y[8]||(Y[8]=()=>V(_).toggle())},{default:oe(()=>[V(_).isPlaying.value?(A(),Se(te,{key:0})):(A(),Se(fe,{key:1}))]),_:1},8,["title","disabled"])]),"reset-zoom":oe(()=>[W(Jt,{name:"fade","enter-from-class":"opacity-0","leave-to-class":"opacity-0"},{default:oe(()=>[W(ue,{zoom:F.value,onClick:Y[9]||(Y[9]=Bt(()=>F.value=1,["stop"])),class:"duration-200"},null,8,["zoom"])]),_:1})]),progress:oe(()=>[K("div",{class:"h-0.5 rounded-t-sm max-w-full bg-orange-500 duration-500",style:Ke({width:`${V(s)/(r.value.length-1)*100}%`})},null,4)]),default:oe(()=>[V(i).isLoading.value||!r.value.length?(A(),Se(Le,{key:0})):(A(),Z(Ce,{key:1},[W(p,{ref_key:"body",ref:m,zoom:F.value,"onUpdate:zoom":Y[0]||(Y[0]=pe=>F.value=pe),pages:V(D),"total-imgs":r.value.length,direction:V(l),gap:V(b),"is-long-strip":V(h),isRTL:V(c),"is-vertical":V(u),"space-top":O.spaceTop,"space-bottom":n.spaceBottom,"touch-device":O.touchDevice,busy:V(o),idle:y.value,"play-controller":V(_),onPrev:Be,onNext:Ie,onClick:me,onDragEnd:re,onWheelPassive:Y[1]||(Y[1]=()=>V(_).interfere())},is({_:2},[!V(i).isLoading.value&&r.value.length?{name:"end",fn:oe(()=>[W(f,{"has-next":!!N.value.nextPath,onNext:Pe,onHide:tn},null,8,["has-next"])]),key:"0"}:void 0]),1032,["zoom","pages","total-imgs","direction","gap","is-long-strip","isRTL","is-vertical","space-top","space-bottom","touch-device","busy","idle","play-controller"]),W(g,{direction:V(l)},null,8,["direction"]),B.value?Re("",!0):(A(),Se(x,{key:0,playing:!!V(_).isPlaying.value},null,8,["playing"]))],64))]),_:2},[V(D).length?{name:"page-nav",fn:oe(()=>[W(R,{"model-value":V(s),disabled:V(i).isLoading.value,pages:V(D),"total-imgs":r.value.length,"onUpdate:modelValue":Y[2]||(Y[2]=pe=>V(S).goToPage(pe,{smooth:!0}))},null,8,["model-value","disabled","pages","total-imgs"])]),key:"0"}:void 0]),1032,["full-screen","idle","space-top","space-bottom","touch-device","rtl"])}}}),Hi=xe(Wd,[["styles",[`/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Helvetica,sans-serif;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;border-style:none;cursor:pointer;outline:2px solid transparent;outline-offset:2px;white-space:nowrap}button[disabled]{cursor:default!important}svg{height:100%;width:100%}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\\!pointer-events-none{pointer-events:none!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{bottom:0;left:0;right:0;top:0}.inset-2{bottom:.5rem;left:.5rem;right:.5rem;top:.5rem}.left-0{left:0}.top-0{top:0}.bottom-0{bottom:0}.left-3{left:.75rem}.bottom-full{bottom:100%}.top-full{top:100%}.left-1\\/2{left:50%}.right-0{right:0}.top-1\\/2{top:50%}.top-1{top:.25rem}.z-50{z-index:50}.z-10{z-index:10}.z-\\[9999999999\\]{z-index:9999999999}.-z-10{z-index:-10}.z-30{z-index:30}.z-20{z-index:20}.m-auto{margin:auto}.-mx-12{margin-left:-3rem;margin-right:-3rem}.-my-12{margin-bottom:-3rem;margin-top:-3rem}.ml-auto{margin-left:auto}.-ml-20{margin-left:-5rem}.ml-1{margin-left:.25rem}.-mr-3{margin-right:-.75rem}.mb-8{margin-bottom:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-0\\.5{height:.125rem}.h-0{height:0}.h-full{height:100%}.h-12{height:3rem}.h-\\[27rem\\]{height:27rem}.h-16{height:4rem}.h-10{height:2.5rem}.h-4{height:1rem}.h-9{height:2.25rem}.h-24{height:6rem}.h-1\\.5{height:.375rem}.h-1{height:.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-6{height:1.5rem}.h-20{height:5rem}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[75vh\\]{max-height:75vh}.max-h-full{max-height:100%}.w-full{width:100%}.w-28{width:7rem}.w-40{width:10rem}.w-4{width:1rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-24{width:6rem}.w-1\\/3{width:33.333333%}.w-\\[4\\.5rem\\]{width:4.5rem}.max-w-full{max-width:100%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-right{transform-origin:right}.origin-bottom{transform-origin:bottom}.origin-top{transform-origin:top}.translate-y-full{--tw-translate-y:100%}.-translate-y-1\\.5,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\.5{--tw-translate-y:-.375rem}.-translate-y-1{--tw-translate-y:-.25rem}.-translate-y-1,.translate-y-1\\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\.5{--tw-translate-y:.375rem}.translate-y-1{--tw-translate-y:.25rem}.-translate-x-1\\/2,.translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.scale-y-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-90{--tw-scale-y:.9}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-none{cursor:none}.cursor-auto{cursor:auto}.cursor-grabbing{cursor:grabbing}.touch-pan-x{--tw-pan-x:pan-x}.touch-pan-x,.touch-pan-y{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y:pan-y}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.\\!snap-none{scroll-snap-type:none!important}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[1px\\]{gap:1px}.gap-6{gap:1.5rem}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-sm{border-radius:.125rem}.rounded-\\[2\\.5rem\\]{border-radius:2.5rem}.\\!rounded-r-none{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.\\!rounded-l-none{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border-2{border-width:2px}.border{border-width:1px}.border-t-\\[1px\\]{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-stone-600{--tw-border-opacity:1;border-color:rgb(87 83 78/var(--tw-border-opacity))}.border-stone-400{--tw-border-opacity:1;border-color:rgb(168 162 158/var(--tw-border-opacity))}.border-stone-300{--tw-border-opacity:1;border-color:rgb(214 211 209/var(--tw-border-opacity))}.border-opacity-30{--tw-border-opacity:.3}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity))}.bg-stone-600{--tw-bg-opacity:1;background-color:rgb(87 83 78/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-stone-800{--tw-bg-opacity:1;background-color:rgb(41 37 36/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-stone-300{--tw-bg-opacity:1;background-color:rgb(214 211 209/var(--tw-bg-opacity))}.bg-stone-400{--tw-bg-opacity:1;background-color:rgb(168 162 158/var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:.5}.bg-opacity-75{--tw-bg-opacity:.75}.bg-opacity-80{--tw-bg-opacity:.8}.bg-opacity-40{--tw-bg-opacity:.4}.bg-opacity-90{--tw-bg-opacity:.9}.p-6{padding:1.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-1{padding:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pt-3{padding-top:.75rem}.pb-12{padding-bottom:3rem}.pl-1{padding-left:.25rem}.pb-4{padding-bottom:1rem}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:Helvetica,sans-serif}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.lowercase{text-transform:lowercase}.leading-none{line-height:1}.text-stone-300{--tw-text-opacity:1;color:rgb(214 211 209/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(184 92 56/var(--tw-text-opacity))}.text-stone-400{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.text-stone-100{--tw-text-opacity:1;color:rgb(245 245 244/var(--tw-text-opacity))}.text-stone-900{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.duration-150{transition-duration:.15s}.duration-100{transition-duration:.1s}.ease-linear{transition-timing-function:linear}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-sm{scrollbar-color:#777 transparent;scrollbar-width:thin}.scrollbar-sm::-webkit-scrollbar{background-color:transparent;height:.25rem;width:.25rem}.scrollbar-sm::-webkit-scrollbar-track{background:transparent}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:#777;border-radius:2px}.children-pointer-events-auto>*{pointer-events:auto}.last\\:mb-0:last-child{margin-bottom:0}.last\\:border-b-transparent:last-child{border-bottom-color:transparent}@media (hover:hover) and (pointer:fine){.hover\\:bg-stone-300:hover{--tw-bg-opacity:1;background-color:rgb(214 211 209/var(--tw-bg-opacity))}.hover\\:bg-stone-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}.hover\\:bg-stone-900:hover{--tw-bg-opacity:1;background-color:rgb(28 25 23/var(--tw-bg-opacity))}.hover\\:bg-stone-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity))}.hover\\:bg-opacity-10:hover{--tw-bg-opacity:.1}.hover\\:bg-opacity-50:hover{--tw-bg-opacity:.5}.hover\\:text-stone-400:hover{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.hover\\:text-stone-100:hover{--tw-text-opacity:1;color:rgb(245 245 244/var(--tw-text-opacity))}}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-primary:focus{outline-color:#b85c38}@media (hover:hover) and (pointer:fine){.group:hover .group-hover\\:bg-stone-100{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}.group:hover .group-hover\\:bg-opacity-20{--tw-bg-opacity:.2}}@media (min-width:640px){.sm\\:inset-3{bottom:.75rem;left:.75rem;right:.75rem;top:.75rem}.sm\\:w-\\[32rem\\]{width:32rem}.sm\\:pb-2{padding-bottom:.5rem}}@media (min-width:768px){.md\\:px-8{padding-left:2rem;padding-right:2rem}.md\\:pb-0{padding-bottom:0}}@media (min-width:1024px){.lg\\:px-10{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1280px){.xl\\:px-12{padding-left:3rem;padding-right:3rem}}
+`]]]),Id=Object.freeze(Object.defineProperty({__proto__:null,default:Ni},Symbol.toStringTag,{value:"Module"})),rr=3;function Ed(e,t){const n=sn(Array.from({length:e.value.length})),o=[];let r=0;de([t,e],async([l,a],[c])=>{const d=Math.floor(l),u=Math.floor(c||-1),h=a.length-n.length;if(h>0){const b=Array.from({length:h});n.push(...b)}d!==u&&(r=Math.max(0,r-Math.abs(d-u)));for(let b=d;b<a.length;b++){if(r>rr)return;s(b)}for(let b=d-1;b>=0;b--){if(r>rr)return;s(b)}},{immediate:!0});async function s(l){l===void 0||!e.value[l]||r>rr||(o[l]||(o[l]=!0,r++,n[l]=await Sd(e.value[l]),r=Math.max(0,r-1)),s(i()))}function i(){for(let l=Math.floor(t.value);l<e.value.length;l++)if(!o[l])return l;for(let l=Math.floor(t.value)-1;l>=0;l--)if(!o[l])return l}return n}function Sd(e){return new Promise(t=>{const n=new Image,o=setInterval(()=>{const{naturalWidth:r,naturalHeight:s}=n;s&&r&&(t({src:e,naturalWidth:r,naturalHeight:s}),clearInterval(o))},20);n.onerror=()=>{t(void 0),clearInterval(o)},n.src=e})}function Md(e,t){return ce(()=>t.value?Fi(e):e.map((n,o)=>[{img:n,index:o}]))}function Fi(e,t=0){if(e.length===0)return[];const n=e.slice(0,2),r=n.some(s=>s&&s.naturalWidth>s.naturalHeight)?[n[0]]:n;return[r.map((s,i)=>({img:s,index:t+i})),...Fi(e.slice(r.length),t+r.length)]}function Ld(e,t,n){return Hu(async()=>{if(n!==void 0)return n;const o=await zd(e);return await new Promise(r=>{if(n!==void 0){r(n);return}const s=Math.max(o.length<4?0:o.length<6?1:2,t),i=Math.min(s+4,o.length<6?o.length-1:o.length),l=Math.max(0,i-4),a=o.slice(l,i);let c=!1;Promise.all(a.map(async d=>{const u=await Ad(d);!c&&u&&(c=!0,r(!0))})).then(()=>{c||r(!1)})})},n??!1)}async function zd(e){return e.value.length?e.value:await new Promise(t=>{const n=de(e,o=>{n(),o.length&&t(o)})})}function Ad(e){return new Promise(t=>{const n=new Image,o=setInterval(()=>{n.naturalHeight&&n.naturalWidth&&(t(n.naturalHeight/n.naturalWidth>2.5),clearInterval(o))},20);n.onerror=()=>{t(!1),clearInterval(o)},n.src=e})}function jd({initialPage:e,max:t}){const n=typeof e=="number"?Math.max(0,Math.min(e,t)):0,o=sessionStorage.getItem("tk:page:path");return o!==location.pathname&&(sessionStorage.setItem("tk:page:path",location.pathname),o&&sessionStorage.removeItem("tk:page")),tr("tk:page",n,{writeDefaults:!1,mergeDefaults(r){return Math.max(0,Math.min(r,t))}})}function Bd(){sessionStorage.removeItem("tk:page"),sessionStorage.removeItem("tk:page:path")}const sr=40;function Dd({page:e,direction:t,style:n,isLongStrip:o,isVertical:r,isRTL:s,spaceTop:i,scrollEl:l,interferePlayer:a,onChangedPage:c}){let d=!1,u=!1,h;const b=Fd(q,300);tt(()=>{let m=null;Ql(async()=>{l.value&&l.value!==m&&(m=l.value,v(e.value),m==null||m.removeEventListener("scroll",b),l.value.addEventListener("scroll",b))});const{width:_,height:y}=lf();de(_,$),de(y,$),de(n,$),de(t,$)});async function $(){d=!0;const m=e.value;if(await ut(),D()===m){d=!1;return}v(m)}function v(m,{smooth:_}={smooth:!1}){const y=l.value;if(!y)return;d=!0;const F=async()=>{await ut(),d=!1,u=!0},Q=Math.floor(m),ie=y.querySelector(`[data-index="${Q}"],[data-index2="${Q}"]`);if(!ie){F();return}a(async()=>{u?o.value?(await E(y,ie,{smooth:_,offsetDelta:m%1}),q()):(y.style.setProperty("scroll-snap-type","none"),await E(y,ie,{smooth:_}),y.style.setProperty("scroll-snap-type",""),q()):o.value?(r.value||await new Promise(S=>setTimeout(S,300)),await E(y,ie,{smooth:_,offsetDelta:m%1})):await E(y,ie,{smooth:_}),await F()})}function q(){if(!l.value||d)return;const m=D();m!==void 0&&m!==e.value&&c(m)}function D(){const m=B();if(!m)return;const _=+m.getAttribute("data-index")||0;return o.value?Math.floor((_+N(m))*100)/100:_}function B(){h??(h=l.value.getRootNode());const m=h.elementsFromPoint(r.value||!o.value?window.innerWidth/2:s.value?window.innerWidth-sr:sr,r.value&&o.value?i.value||sr:window.innerHeight/2);for(let _=0;_<m.length;_++){const y=m[_];if(y.hasAttribute("data-index"))return y;if(y===l.value)break}}function N(m){const _=m.getBoundingClientRect();return r.value?Math.abs(_.top-(i.value||0))/_.height:s.value?Math.max(0,_.right-l.value.clientWidth)/_.width:Math.abs(_.left)/_.width}let z=!1;async function E(m,_,y){if(z)return;z=!0;const F=r.value?m.scrollTop:m.scrollLeft,Q=y.offsetDelta??0,ie=r.value?_.offsetTop+Q*_.offsetHeight-(o.value?i.value??0:0):s.value?_.offsetLeft-m.clientWidth+_.offsetWidth-Q*_.offsetWidth:_.offsetLeft+Q*_.offsetWidth;if(!y.smooth){r.value?m.scrollTop=ie:m.scrollLeft=ie,z=!1;return}const S=ie-F,re=30;let me=0;return new Promise(Pe=>{(function ae(){const k=Nd(me,F,S,re);r.value?m.scrollTop=k:m.scrollLeft=k,me++,me<=re?requestAnimationFrame(ae):(Pe(),z=!1)})()})}return{goToPage:v}}function Nd(e,t,n,o){return n*(Math.pow(e/o-1,3)+1)+t}function Fd(e,t){let n;return()=>{n||(n=setTimeout(()=>{n=void 0,e()},t))}}function Rd({autoPlay:e,touchDevice:t,scrollEl:n,isVertical:o,isRTL:r,isLongStrip:s,speed:i,onLongIdle:l}){const a=tr("tk:isPlaying",e,{writeDefaults:!1,listenToStorageChanges:!1,mergeDefaults:(y,F)=>y===void 0?F:y===!0||y==="true"}),c=J(!1);let d,u;const h=Gt(m,100);let b;const $=Gt(()=>{c.value=!0,clearTimeout(b),b=a.value?void 0:setTimeout(l,15e3)},t?2e3:1e3),v=()=>setTimeout(()=>{c.value=!1,$(),b&&(clearTimeout(b),b=void 0)},30);v(),t||Nt(window,"mousemove",v);const q=_i();tt(()=>{de(q,y=>{a.value&&(y==="visible"?m():u==null||u())}),de(i,()=>D()),de(s,y=>{y||N()})}),dt(()=>{clearTimeout(b),b=void 0});async function D(y){a.value&&(u==null||u()),y&&(await ut(),await y()),a.value&&h()}function B(){a.value?N():z()}function N(){a.value&&(a.value=!1,u==null||u(),v())}function z(){!a.value&&s.value&&(a.value=!0,m(),v())}function E(){u==null||u()}function m(){const y=n.value;if(!a.value||!y)return;const F=o.value?y.scrollHeight-y.clientHeight:y.scrollWidth-y.clientWidth,Q=_();if(F<=Q){N();return}u=()=>{d=Date.now(),u=void 0};const ie=Date.now();d=ie;const S=.05*i.value,re=o.value?"scrollTop":"scrollLeft";let me=Date.now(),Pe=0;const ae=()=>{if(d!==ie)return;const k=Date.now(),L=k-me;me=k;const ee=S*L+Pe;ee>=1?(Pe=ee%1,y[re]+=(ee-Pe)*(r.value?-1:1)):Pe=ee,setTimeout(ae,1)};ae()}function _(){const y=n.value;return o.value?y.scrollTop:r.value?-y.scrollLeft:y.scrollLeft}return{isPlaying:a,isIdle:c,toggle:B,play:z,pause:E,resume:m,stop:N,interfere:D,awake:v}}function Hd(e){var u,h,b,$;let t=-1;const{vol:n,chap:o,title:r,slug:s,basePath:i}=e,l=r.chapters??[],a=(l==null?void 0:l.length)>1?l:[];a.length&&(t=a.findIndex(v=>v.slug===e.slug),t===-1&&(t=a.findIndex(v=>v.vol===n&&v.chap===o)),t===-1&&(t=a.findIndex(v=>s.startsWith(`${v.slug}-`)&&s.length-v.slug.length>3)));const c=((u=e.prev)==null?void 0:u.slug)??((h=a[t+1])==null?void 0:h.slug),d=((b=e.next)==null?void 0:b.slug)??(($=a[t-1])==null?void 0:$.slug);return{activeIndex:t,activeLabel:Ri({vol:n,chap:o}),chapters:a.map(v=>({label:Ri(v),path:ir(i,v.slug)})),prevPath:ir(i,c),nextPath:ir(i,d)}}function ir(e,t){return!t||t.includes("//")||t.startsWith("/")?t:(e||"/")+t}function Ri({vol:e,chap:t}){return e==null?`Ch.${t}`:`Vol.${e} ch.${t}`}const Vd={key:0,class:"ml-auto inline-flex gap-[1px] scale-95 origin-right"},Wd=Oe({...{inheritAttrs:!1},__name:"TrackkunReader",props:{raw:{},imgs:{},isWebtoon:{type:Boolean},page:{},spaceTop:{},spaceBottom:{},fullScreen:{type:Boolean},touchDevice:{type:Boolean},entryId:{},autoPlay:{type:Boolean},isGuest:{type:Boolean}},emits:["pageChanged","fullScreenChanged","playingChanged","dispose","openEntry","addEntry","longIdle"],setup(e,{emit:t}){const n=e,o=Yc({touchDevice:n.touchDevice}),r=ce(()=>Array.isArray(n.imgs)?n.imgs.filter(O=>typeof O=="string"):[]),s=jd({initialPage:n.page,max:r.value.length-1}),i=Ld(r,Math.ceil(s.value),n.isWebtoon),{direction:l,style:a,isRTL:c,isDouble:d,isVertical:u,isLongStrip:h,gap:b,speed:$,zoom:v}=gf({titleName:n.raw.title.name,asyncIsWebtoon:i}),q=Ed(r,s),D=Md(q,d),B=ce(()=>s.value>=r.value.length),N=ce(()=>Hd(n.raw)),z=ce(()=>{var O,Y;return c.value?(O=N.value)==null?void 0:O.nextPath:(Y=N.value)==null?void 0:Y.prevPath}),E=ce(()=>{var O,Y;return c.value?(O=N.value)==null?void 0:O.prevPath:(Y=N.value)==null?void 0:Y.nextPath}),m=J(null),_=Rd({autoPlay:n.autoPlay,touchDevice:n.touchDevice,scrollEl:ce(()=>{var O;return(O=m.value)==null?void 0:O.$el}),speed:$,isRTL:c,isVertical:u,isLongStrip:h,onLongIdle:()=>t("longIdle")});de(_.isPlaying,O=>{O||st(!1),t("playingChanged",O)}),de(_.isIdle,O=>{_.isPlaying.value&&st(O)}),de(o,O=>{!O&&_.isIdle.value?_.awake():O&&n.fullScreen&&st()});const y=ce(()=>!n.touchDevice&&_.isIdle.value&&!o.value),F=ce({get(){return v.value},set(O){_.interfere(()=>{v.value=O})}}),Q=()=>_.interfere(()=>new Promise(O=>setTimeout(O,100)));su().addListener({onKeyDown:O=>{const Y=h.value&&u.value,Le=h.value&&!u.value,f=!h.value&&u.value,p=!h.value&&!u.value;switch(O.key){case" ":h.value&&(O.preventDefault(),_.toggle());break;case"ArrowUp":case"PageUp":Y?Q():f&&(O.preventDefault(),Be());break;case"ArrowDown":case"PageDown":Y?Q():f&&(O.preventDefault(),Ie());break;case"ArrowLeft":Le?Q():p?(O.preventDefault(),ee()):u.value&&ae();break;case"ArrowRight":Le?Q():p?(O.preventDefault(),Me()):u.value&&Pe();break}}});const S=Dd({page:s,style:a,direction:l,isLongStrip:h,isVertical:u,isRTL:c,spaceTop:ce(()=>n.spaceTop),scrollEl:ce(()=>{var O;return(O=m.value)==null?void 0:O.$el}),interferePlayer:O=>_.interfere(O),onChangedPage(O){if(O<0||O>=r.value.length+1)return;s.value=O,t("pageChanged",O),O>=r.value.length&&(st(!1),_.stop())}});function re(){h.value||S.goToPage(Math.floor(s.value),{smooth:!0})}function me(){if(_.isPlaying.value){!n.fullScreen||!n.touchDevice?_.stop():_.awake();return}st()}function Pe(){var O;L((O=N.value)==null?void 0:O.nextPath)}function ae(){var O;L((O=N.value)==null?void 0:O.prevPath)}function k(O){var Le,f,p;const Y=(p=(f=(Le=N.value)==null?void 0:Le.chapters)==null?void 0:f[O])==null?void 0:p.path;Y&&L(Y)}function L(O){O&&(location.href=O.includes("://")?O:location.origin+O)}function ee(){c.value?Ie():Be()}function Me(){c.value?Be():Ie()}function Be(){var Le;const O=D.value,Y=B.value?O[O.length-1][0].index:(Le=O[Ft()-1])==null?void 0:Le[0].index;Y!==void 0?S.goToPage(Y):ae()}function Ie(){var Y;const O=B.value?Math.floor(s.value)+1:((Y=D.value[Ft()+1])==null?void 0:Y[0].index)??r.value.length;S.goToPage(O)}function Ft(){const O=Math.floor(s.value),Y=D.value.findIndex(Le=>Le.some(({index:f})=>f===O));return Y===-1?D.value.length-1:Y}function tn(){Bd(),_.stop(),t("dispose")}async function st(O){o.value&&!n.fullScreen||t("fullScreenChanged",typeof O=="boolean"?O:!n.fullScreen)}function He(){n.entryId?Rt():Pt()}function Pt(){_.stop(),t("addEntry")}function Rt(){_.stop(),t("openEntry",n.entryId)}return(O,Y)=>{const Le=or,f=Ni,p=Di,g=ji,x=zi,w=Li,P=Jn,M=Mi,T=nr,I=Si,C=Ei,R=Ii,j=Oi,H=Ti,X=Pi,te=Zo,fe=qo,ue=Gs,ve=Js;return A(),Se(ve,{"full-screen":!!O.fullScreen,idle:y.value,"space-top":n.spaceTop,"space-bottom":n.spaceBottom,"touch-device":O.touchDevice,rtl:V(c)},is({back:oe(()=>[W(P,{href:O.raw.title.url,title:O.raw.title.name},{default:oe(()=>[W(w)]),_:1},8,["href","title"])]),exit:oe(()=>[W(P,{title:"Hide reader",onClick:tn},{default:oe(()=>[W(M)]),_:1})]),"chapter-nav":oe(()=>[W(T,{modelValue:N.value.activeIndex,label:N.value.activeLabel,items:N.value.chapters,"onUpdate:modelValue":k},{item:oe(({item:pe})=>[yt(lt(pe.label),1)]),_:1},8,["modelValue","label","items"]),z.value||E.value?(A(),Z("div",Vd,[W(P,{title:V(c)?"Next":"Previous",href:z.value,disabled:!z.value,class:"!rounded-r-none"},{default:oe(()=>[W(I)]),_:1},8,["title","href","disabled"]),W(P,{title:V(c)?"Previous":"Next",href:E.value,disabled:!E.value,class:"!rounded-l-none"},{default:oe(()=>[W(C)]),_:1},8,["title","href","disabled"])])):Re("",!0)]),entry:oe(()=>[W(P,{title:O.entryId?"View entry":"Add to Trackkun",onClick:He},{default:oe(()=>[O.entryId?(A(),Se(j,{key:0})):(A(),Se(H,{key:1}))]),_:1},8,["title"])]),settings:oe(()=>[W(X,{"reader-style":V(a),"onUpdate:readerStyle":Y[3]||(Y[3]=pe=>we(a)?a.value=pe:null),direction:V(l),"onUpdate:direction":Y[4]||(Y[4]=pe=>we(l)?l.value=pe:null),gap:V(b),"onUpdate:gap":Y[5]||(Y[5]=pe=>we(b)?b.value=pe:null),speed:V($),"onUpdate:speed":Y[6]||(Y[6]=pe=>we($)?$.value=pe:null),zoom:F.value,"onUpdate:zoom":Y[7]||(Y[7]=pe=>F.value=pe),webtoon:V(i).state.value,disabled:V(i).isLoading.value},null,8,["reader-style","direction","gap","speed","zoom","webtoon","disabled"])]),play:oe(()=>[W(P,{title:V(_).isPlaying.value?"Pause":"Play",disabled:V(i).isLoading.value||!V(h),onClick:Y[8]||(Y[8]=()=>V(_).toggle())},{default:oe(()=>[V(_).isPlaying.value?(A(),Se(te,{key:0})):(A(),Se(fe,{key:1}))]),_:1},8,["title","disabled"])]),"reset-zoom":oe(()=>[W(Jt,{name:"fade","enter-from-class":"opacity-0","leave-to-class":"opacity-0"},{default:oe(()=>[W(ue,{zoom:F.value,onClick:Y[9]||(Y[9]=Bt(()=>F.value=1,["stop"])),class:"duration-200"},null,8,["zoom"])]),_:1})]),progress:oe(()=>[K("div",{class:"h-0.5 rounded-t-sm max-w-full bg-orange-500 duration-500",style:Ke({width:`${V(s)/(r.value.length-1)*100}%`})},null,4)]),default:oe(()=>[V(i).isLoading.value||!r.value.length?(A(),Se(Le,{key:0})):(A(),Z(Ce,{key:1},[W(p,{ref_key:"body",ref:m,zoom:F.value,"onUpdate:zoom":Y[0]||(Y[0]=pe=>F.value=pe),pages:V(D),"total-imgs":r.value.length,direction:V(l),gap:V(b),"is-long-strip":V(h),isRTL:V(c),"is-vertical":V(u),"space-top":O.spaceTop,"space-bottom":n.spaceBottom,"touch-device":O.touchDevice,busy:V(o),idle:y.value,"play-controller":V(_),onPrev:Be,onNext:Ie,onClick:me,onDragEnd:re,onWheelPassive:Y[1]||(Y[1]=()=>V(_).interfere())},is({_:2},[!V(i).isLoading.value&&r.value.length?{name:"end",fn:oe(()=>[W(f,{"has-next":!!N.value.nextPath,onNext:Pe,onHide:tn},null,8,["has-next"])]),key:"0"}:void 0]),1032,["zoom","pages","total-imgs","direction","gap","is-long-strip","isRTL","is-vertical","space-top","space-bottom","touch-device","busy","idle","play-controller"]),W(g,{direction:V(l)},null,8,["direction"]),B.value?Re("",!0):(A(),Se(x,{key:0,playing:!!V(_).isPlaying.value},null,8,["playing"]))],64))]),_:2},[V(D).length?{name:"page-nav",fn:oe(()=>[W(R,{"model-value":V(s),disabled:V(i).isLoading.value,pages:V(D),"total-imgs":r.value.length,"onUpdate:modelValue":Y[2]||(Y[2]=pe=>V(S).goToPage(pe,{smooth:!0}))},null,8,["model-value","disabled","pages","total-imgs"])]),key:"0"}:void 0]),1032,["full-screen","idle","space-top","space-bottom","touch-device","rtl"])}}}),Hi=xe(Wd,[["styles",[`/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Helvetica,sans-serif;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;border-style:none;cursor:pointer;outline:2px solid transparent;outline-offset:2px;white-space:nowrap}button[disabled]{cursor:default!important}svg{height:100%;width:100%}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\\!pointer-events-none{pointer-events:none!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{bottom:0;left:0;right:0;top:0}.inset-2{bottom:.5rem;left:.5rem;right:.5rem;top:.5rem}.left-0{left:0}.top-0{top:0}.bottom-0{bottom:0}.left-3{left:.75rem}.bottom-full{bottom:100%}.top-full{top:100%}.left-1\\/2{left:50%}.right-0{right:0}.top-1\\/2{top:50%}.top-1{top:.25rem}.z-50{z-index:50}.z-10{z-index:10}.z-\\[9999999999\\]{z-index:9999999999}.-z-10{z-index:-10}.z-30{z-index:30}.z-20{z-index:20}.m-auto{margin:auto}.-mx-12{margin-left:-3rem;margin-right:-3rem}.-my-12{margin-bottom:-3rem;margin-top:-3rem}.ml-auto{margin-left:auto}.-ml-20{margin-left:-5rem}.ml-1{margin-left:.25rem}.-mr-3{margin-right:-.75rem}.mb-8{margin-bottom:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-0\\.5{height:.125rem}.h-0{height:0}.h-full{height:100%}.h-12{height:3rem}.h-\\[27rem\\]{height:27rem}.h-16{height:4rem}.h-10{height:2.5rem}.h-4{height:1rem}.h-9{height:2.25rem}.h-24{height:6rem}.h-1\\.5{height:.375rem}.h-1{height:.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-6{height:1.5rem}.h-20{height:5rem}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[75vh\\]{max-height:75vh}.max-h-full{max-height:100%}.w-full{width:100%}.w-28{width:7rem}.w-40{width:10rem}.w-4{width:1rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-24{width:6rem}.w-1\\/3{width:33.333333%}.w-\\[4\\.5rem\\]{width:4.5rem}.max-w-full{max-width:100%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-right{transform-origin:right}.origin-bottom{transform-origin:bottom}.origin-top{transform-origin:top}.translate-y-full{--tw-translate-y:100%}.-translate-y-1\\.5,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\.5{--tw-translate-y:-.375rem}.-translate-y-1{--tw-translate-y:-.25rem}.-translate-y-1,.translate-y-1\\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\.5{--tw-translate-y:.375rem}.translate-y-1{--tw-translate-y:.25rem}.-translate-x-1\\/2,.translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.scale-y-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-90{--tw-scale-y:.9}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-none{cursor:none}.cursor-auto{cursor:auto}.cursor-grabbing{cursor:grabbing}.touch-pan-x{--tw-pan-x:pan-x}.touch-pan-x,.touch-pan-y{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y:pan-y}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.\\!snap-none{scroll-snap-type:none!important}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[1px\\]{gap:1px}.gap-6{gap:1.5rem}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-sm{border-radius:.125rem}.rounded-\\[2\\.5rem\\]{border-radius:2.5rem}.\\!rounded-r-none{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.\\!rounded-l-none{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border-2{border-width:2px}.border{border-width:1px}.border-t-\\[1px\\]{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-stone-600{--tw-border-opacity:1;border-color:rgb(87 83 78/var(--tw-border-opacity))}.border-stone-400{--tw-border-opacity:1;border-color:rgb(168 162 158/var(--tw-border-opacity))}.border-stone-300{--tw-border-opacity:1;border-color:rgb(214 211 209/var(--tw-border-opacity))}.border-opacity-30{--tw-border-opacity:.3}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity))}.bg-stone-600{--tw-bg-opacity:1;background-color:rgb(87 83 78/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-stone-800{--tw-bg-opacity:1;background-color:rgb(41 37 36/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-stone-300{--tw-bg-opacity:1;background-color:rgb(214 211 209/var(--tw-bg-opacity))}.bg-stone-400{--tw-bg-opacity:1;background-color:rgb(168 162 158/var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:.5}.bg-opacity-75{--tw-bg-opacity:.75}.bg-opacity-80{--tw-bg-opacity:.8}.bg-opacity-40{--tw-bg-opacity:.4}.bg-opacity-90{--tw-bg-opacity:.9}.p-6{padding:1.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-1{padding:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pt-3{padding-top:.75rem}.pb-12{padding-bottom:3rem}.pl-1{padding-left:.25rem}.pb-4{padding-bottom:1rem}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:Helvetica,sans-serif}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.lowercase{text-transform:lowercase}.leading-none{line-height:1}.text-stone-300{--tw-text-opacity:1;color:rgb(214 211 209/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(184 92 56/var(--tw-text-opacity))}.text-stone-400{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.text-stone-100{--tw-text-opacity:1;color:rgb(245 245 244/var(--tw-text-opacity))}.text-stone-900{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.duration-150{transition-duration:.15s}.duration-100{transition-duration:.1s}.ease-linear{transition-timing-function:linear}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-sm{scrollbar-color:#777 transparent;scrollbar-width:thin}.scrollbar-sm::-webkit-scrollbar{background-color:transparent;height:.25rem;width:.25rem}.scrollbar-sm::-webkit-scrollbar-track{background:transparent}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:#777;border-radius:2px}.children-pointer-events-auto>*{pointer-events:auto}.last\\:mb-0:last-child{margin-bottom:0}.last\\:border-b-transparent:last-child{border-bottom-color:transparent}@media (hover:hover) and (pointer:fine){.hover\\:bg-stone-300:hover{--tw-bg-opacity:1;background-color:rgb(214 211 209/var(--tw-bg-opacity))}.hover\\:bg-stone-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}.hover\\:bg-stone-900:hover{--tw-bg-opacity:1;background-color:rgb(28 25 23/var(--tw-bg-opacity))}.hover\\:bg-stone-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity))}.hover\\:bg-opacity-10:hover{--tw-bg-opacity:.1}.hover\\:bg-opacity-50:hover{--tw-bg-opacity:.5}.hover\\:text-stone-400:hover{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.hover\\:text-stone-100:hover{--tw-text-opacity:1;color:rgb(245 245 244/var(--tw-text-opacity))}}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-primary:focus{outline-color:#b85c38}@media (hover:hover) and (pointer:fine){.group:hover .group-hover\\:bg-stone-100{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}.group:hover .group-hover\\:bg-opacity-20{--tw-bg-opacity:.2}}@media (min-width:640px){.sm\\:inset-3{bottom:.75rem;left:.75rem;right:.75rem;top:.75rem}.sm\\:w-\\[32rem\\]{width:32rem}.sm\\:pb-2{padding-bottom:.5rem}}@media (min-width:768px){.md\\:px-8{padding-left:2rem;padding-right:2rem}.md\\:pb-0{padding-bottom:0}}@media (min-width:1024px){.lg\\:px-10{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1280px){.xl\\:px-12{padding-left:3rem;padding-right:3rem}}
 `]]]),Ud=Object.freeze(Object.defineProperty({__proto__:null,default:Hi},Symbol.toStringTag,{value:"Module"})),Kd={},qd={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Zd=[K("path",{fill:"currentColor",d:"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46s46-20.595 46-46s-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"},null,-1)];function Yd(e,t){return A(),Z("svg",qd,Zd)}const Xd=Object.freeze(Object.defineProperty({__proto__:null,default:xe(Kd,[["render",Yd]])},Symbol.toStringTag,{value:"Module"})),Jd={text:Qd,attr:Gd,"attr-contain":ep,value:np,row:op};function lr(e,t={}){if(!e)return;const{root:n=document.documentElement,returnAll:o,preProcess:r}=t,s=tp(e);if(s.length>1){for(let u=0;u<s.length;u+=1){const h=lr(s[u],t);if(h!=null&&h.length)return h}return}const[i,l]=e.split("|");if(!l)return;const a=(l!=null&&l.startsWith("[")&&l.endsWith("]")?l.substring(1,l.length-1).split(","):[l]).map(u=>{const h=u.indexOf(":"),b=h!==-1;return{action:b?u.substring(0,h):u,param:b?u.substring(h+1):""}}),c=i?Array.from(n.querySelectorAll(i)):[n];if(!c.length)return o?[]:void 0;r&&r(c);const d=[];for(const u of c)for(const h of a){const b=Jd[h.action],$=b(u,h.param);if($){if(o){d.push($);break}return $}}return o?d:void 0}function Qd(e){return Array.from(e.childNodes).filter(n=>n.nodeType===3).map(n=>en(n.textContent)).filter(Boolean).join(" ").trim()||en(e.textContent)}function Gd(e,t){return en(e.getAttribute(t))}function ep(e,t){let n=e.getAttribute(t);if(!n){const o=e.getAttributeNames().find(r=>r.includes(t));o&&(n=e.getAttribute(o))}return en(n)}function tp(e){const t=[],n=e.split("||").map(o=>o.trim()).filter(Boolean);return n.forEach((o,r)=>{if(o.includes("|")){t.push(o);return}const s=n[r+1];s&&(n[r+1]=`${o},${s}`)}),t}function np(e){return e.value}function op(e,t){var r,s,i;if(!t)return;const n=(r=en(e.textContent))==null?void 0:r.toLowerCase(),o=t.toLowerCase();if(!(n!==o&&n!==`${o}:`))return en(((s=e.nextElementSibling)==null?void 0:s.textContent)??((i=e.nextSibling)==null?void 0:i.textContent))}function en(e){if(e)return(e==null?void 0:e.replace(/(\n|\t)/g," ").trim())||void 0}const rp=`html.gear-second{background:#000;font-size:16px!important}html.gear-second,html.gear-second body{overflow:hidden!important}html.gear-second body{touch-action:pan-x pan-y!important}html.gear-second body>footer,html.gear-second body>header,html.gear-second body>nav{display:none!important;visibility:hidden!important}html.gear-second body #radio_content.cerrado,html.gear-second body .pf-br-icon{--tw-translate-x:-100%!important;display:none!important;height:0!important;max-height:0!important;max-width:0!important;opacity:0!important;pointer-events:none!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;visibility:hidden!important;width:0!important;z-index:-10!important}html.gear-second body gear-second{bottom:0!important;display:block!important;left:0!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:99999}html.gear-second:not(.gear-second--adblock) body>:not(gear-second){margin-top:var(--tk-safe-top)!important}html.gear-second--adblock,html.gear-second--adblock body,html.gear-second--adblock body :not(gear-second){visibility:hidden!important}html.gear-second--adblock body :not(gear-second){display:none!important;pointer-events:none!important}
 `,yn="gear-second",Vi="gear-second--adblock",ar={raw:{},spec:void 0,imgs:[],isWebtoon:void 0,page:0,spaceTop:void 0,spaceBottom:void 0,fullScreen:void 0,touchDevice:void 0,entryId:void 0,autoPlay:void 0,adBlock:void 0,textScaleFactor:void 0,isGuest:void 0,onDispose:void 0,onFullScreenChanged:void 0,onPlayingChanged:void 0,onPageChanged:void 0,onOpenEntry:void 0,onAddEntry:void 0,onLongIdle:void 0,onFinished:void 0},ge={el:void 0,controller:void 0,data:sn({...ar})};async function sp(e){var r,s;if(ge.controller)return ge.data.raw=e.raw,ge.controller;const t=()=>{var i;ge.el&&(document.body.removeChild(ge.el),ge.el=void 0),document.documentElement.classList.remove(yn),document.documentElement.classList.remove(Vi),ap(ge.data),Object.assign(ge.data,ar),ge.controller=void 0,(i=e==null?void 0:e.onDispose)==null||i.call(e)};ge.controller={triggerDoubleTap:(i,l)=>dd(i,l),updateArgs(i){Object.assign(ge.data,i),cr()},dispose:t};let n=e.raw.isWebtoon;const o=(r=e.raw.imgs)!=null&&r.length?e.raw.imgs:lr(e.raw.imgsLocator??((s=e.spec)==null?void 0:s.imgs),{returnAll:!0,preProcess:n!==void 0?void 0:i=>n=n||up(i)})??[];return document.documentElement.classList.add(yn),e.adBlock&&document.documentElement.classList.add(Vi),await ip(),Object.assign(ge.data,ar,e,{isWebtoon:n,imgs:o,page:cp({page:e.page??0,imgs:o}),onDispose:t}),cr(),Wi(e.raw.slug),ge.el||(ge.el=document.createElement(yn),document.body.appendChild(ge.el)),ge.controller}async function ip(){if(window.customElements.get(yn))return;const e=document.createElement("style");e.appendChild(document.createTextNode(rp)),document.head.appendChild(e);const t=ac({styles:[await lp()],data:()=>({readerData:ge.data,isFinished:!1}),render(){return Ls(Hi,{...this.readerData,onFullScreenChanged:n=>{var o,r;this.readerData.fullScreen=n,(r=(o=this.readerData).onFullScreenChanged)==null||r.call(o,n),cr()},onPageChanged:n=>{var o,r,s,i;this.readerData.page=n,(r=(o=this.readerData).onPageChanged)==null||r.call(o,n),!this.isFinished&&n>=this.readerData.imgs.length-2&&(this.isFinished=!0,(i=(s=this.readerData).onFinished)==null||i.call(s))}})}});window.customElements.define(yn,t)}async function lp(){const e=Object.assign({"./TrackkunReader.vue":Ud,"./components/AutoNext.vue":Id,"./components/BottomSheet.vue":uu,"./components/ButtonDropdown.vue":jf,"./components/ButtonIcon.vue":Qc,"./components/ButtonReaderSettings.vue":mf,"./components/ButtonResetZoom.vue":Dc,"./components/DirectionToast.vue":ud,"./components/InputPercentage.vue":pu,"./components/InputSelect.vue":bu,"./components/LoadingIndicator.vue":_d,"./components/PageNav.vue":Bf,"./components/PauseToast.vue":rd,"./components/ReaderBody.vue":Pd,"./components/ReaderLayout.vue":Ic,"./components/TableField.vue":mu,"./components/ZoomWrapper.vue":pd,"./components/icons/IconBack.vue":od,"./components/icons/IconBookmarkNew.vue":wf,"./components/icons/IconBookmarked.vue":Tf,"./components/icons/IconChevronLeft.vue":qf,"./components/icons/IconChevronRight.vue":Hf,"./components/icons/IconClose.vue":ou,"./components/icons/IconExclamationCircle.vue":Xd,"./components/icons/IconNext.vue":cd,"./components/icons/IconPause.vue":Zc,"./components/icons/IconPlay.vue":Vc,"./components/icons/IconReaderExit.vue":Qf,"./components/icons/IconSettings.vue":Cu,"./components/icons/IconTriangle.vue":Sf,"./components/icons/IconZoom.vue":zc}),t=[];for(const n in e){const o=e[n];t.push(o.default.styles)}return t.join("")}function cr(){if(ge.data.adBlock)return;const{spaceTop:e,fullScreen:t}=ge.data,n=document.querySelector(":root");n==null||n.style.setProperty("--tk-safe-top",`${t?0:(e||0)+56}px`)}function ap({page:e,imgs:t}){if(e<1||!t)return;if(e>=t.length){document.documentElement.scrollTop=document.documentElement.scrollHeight;return}const n=t[Math.floor(e)],o=n?document.querySelector(`[src="${n}"],[data-src="${n}"]`):void 0;o&&setTimeout(()=>{o.scrollIntoView(),setTimeout(()=>{window.scrollTo({top:document.documentElement.scrollTop+e%1*o.getBoundingClientRect().height})})})}function cp({page:e,imgs:t}){if(!t.length||document.documentElement.scrollTop<700)return e;for(let n=0;n<t.length;n++){const o=t[n],r=document.querySelector(`[src="${o}"],[data-src="${o}"]`);if(!r)continue;const s=r.getBoundingClientRect();if(s.bottom>0){const i=s.top;return n+(i>=0?0:Math.floor(-i/s.height*100)/100)}}return e}async function Wi(e,t=0){var s;const n=ge.data.raw.imgsLocator??((s=ge.data.spec)==null?void 0:s.imgs);if(!n||t>=7||(await new Promise(i=>setTimeout(i,1e3)),ge.data.raw.slug!==e))return;const o=lr(n,{returnAll:!0});if(!(o!=null&&o.length))return;const r=o.length>ge.data.imgs.length;r&&(ge.data.imgs=o),Wi(e,r?0:t+1)}function up(e){const t=e.map(n=>+(n.getAttribute("height")||0)/+(n.getAttribute("width")||1));if(t.some(n=>n>2.5))return!0;if(t.filter(Boolean).length>Math.max(1,t.length-2))return!1}return sp});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gear-second",
   "author": "endyquang",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "license": "UNLICENSED",
   "description": "Trkun manga reader",
   "main": "index.js",