@prose-reader/react-reader 1.238.0 → 1.239.0

package/dist/annotations/useReaderWithAnnotations.d.ts

@@ -38,7 +38,7 @@ export declare const useReaderWithAnnotations: () => (Omit<Omit<Omit<Omit<{
         lock(): () => void;
         navigationResolver: {
             getNavigationForUrl: (url: string | URL) => {
-                position: import('@prose-reader/core').DeprecatedViewportPosition;
+                position: import('@prose-reader/core').SpinePosition;
                 spineItemId: string;
             } | undefined;
             getNavigationForSpineItemPage: (params: Omit<Parameters<getNavigationForSpineItemPage>[0], "context" | "spineItemsManager" | "spineItemNavigationResolver" | "spineLocator">) => import('@prose-reader/core').SpinePosition;

package/dist/context/useReader.d.ts

@@ -42,7 +42,7 @@ export declare const useReader: () => (Omit<Omit<Omit<Omit<{
         lock(): () => void;
         navigationResolver: {
             getNavigationForUrl: (url: string | URL) => {
-                position: import('@prose-reader/core').DeprecatedViewportPosition;
+                position: import('@prose-reader/core').SpinePosition;
                 spineItemId: string;
             } | undefined;
             getNavigationForSpineItemPage: (params: Omit<Parameters<getNavigationForSpineItemPage>[0], "context" | "spineItemsManager" | "spineItemNavigationResolver" | "spineLocator">) => import('@prose-reader/core').SpinePosition;

package/dist/index.js

@@ -517,7 +517,7 @@ const Vn = (e, t, o) => {
       }
     );
   }
-), Un = "@prose-reader/react-reader", qn = "1.237.0", Qn = m(
+), Un = "@prose-reader/react-reader", qn = "1.238.0", Qn = m(
   ({ open: e, setOpen: t }) => /* @__PURE__ */ n(
     Y,
     {

package/dist/index.umd.cjs

@@ -1,2 +1,2 @@
-(function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("reactjrx"),require("rxjs"),require("@chakra-ui/react"),require("react-icons/lu"),require("react-dom"),require("@prose-reader/enhancer-gestures"),require("@prose-reader/core"),require("react-icons/bs"),require("react-icons/ri"),require("react-icons/rx"),require("react-icons/hi"),require("rc-slider"),require("rc-slider/assets/index.css"),require("react-icons/io"),require("react-icons/md")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","reactjrx","rxjs","@chakra-ui/react","react-icons/lu","react-dom","@prose-reader/enhancer-gestures","@prose-reader/core","react-icons/bs","react-icons/ri","react-icons/rx","react-icons/hi","rc-slider","rc-slider/assets/index.css","react-icons/io","react-icons/md"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b["prose-react-reader"]={},b.jsxRuntime,b.React,b.reactjrx,b.rxjs,b.react,b.lu,b.reactDom,b.enhancerGestures,b.core,b.bs,b.ri,b.rx,b.hi,b.RcSlider,null,b.io,b.md))})(this,function(b,e,c,g,l,t,S,R,ee,F,ne,oe,H,te,se,ln,G,U){"use strict";function re(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>n[s]})}}return o.default=n,Object.freeze(o)}const y=re(c),Y=c.createContext({reader:void 0,quickMenuSignal:g.signal({default:!1}),notificationsSubject:new l.Subject}),ie=c.memo(({children:n,reader:o,quickMenuOpen:s,onQuickMenuOpenChange:i})=>{const[,r]=g.useSignalState(()=>g.signal({default:s})),a=g.useConstant(()=>new l.Subject),d=g.useLiveRef(i),h=c.useMemo(()=>({quickMenuSignal:r,reader:o,notificationsSubject:a}),[r,o,a]);return c.useEffect(()=>{r.setValue(s)},[s,r]),g.useSubscribe(()=>r.pipe(l.tap(d.current)),[r,d]),e.jsx(Y.Provider,{value:h,children:n})}),ae=y.forwardRef(function(o,s){return e.jsx(t.IconButton,{variant:"ghost","aria-label":"Close",ref:s,...o,children:o.children??e.jsx(S.LuX,{})})}),x=y.forwardRef(function(o,s){const{children:i,portalled:r=!0,portalRef:a,backdrop:d=!0,...h}=o;return e.jsxs(t.Portal,{disabled:!r,container:a,children:[d&&e.jsx(t.Dialog.Backdrop,{}),e.jsx(t.Dialog.Positioner,{children:e.jsx(t.Dialog.Content,{ref:s,...h,asChild:!1,children:i})})]})}),O=y.forwardRef(function(o,s){return e.jsx(t.Dialog.CloseTrigger,{position:"absolute",top:"2",insetEnd:"2",...o,asChild:!0,children:e.jsx(ae,{size:"sm",ref:s,children:o.children})})}),B=t.Dialog.Root,A=t.Dialog.Footer,D=t.Dialog.Header,E=t.Dialog.Body;t.Dialog.Backdrop;const M=t.Dialog.Title;t.Dialog.Description,t.Dialog.Trigger;const L=t.Dialog.ActionTrigger,z=()=>c.useContext(Y),v=()=>{const{reader:n}=z();return n},K=n=>!!n&&"__PROSE_READER_ENHANCER_SEARCH"in n,_=n=>!!n&&"__PROSE_READER_ENHANCER_ANNOTATIONS"in n,Q=n=>!!n&&"__PROSE_READER_ENHANCER_GALLERY"in n,le=n=>{const o=v(),s=_(o)?o:void 0;return{data:g.useObserve(()=>s?.annotations.annotations$.pipe(l.map(r=>r.find(a=>a.id===n)),l.filter(g.isDefined),l.switchMap(r=>s.locateResource(r))),[s])}},Z=({id:n,onNavigate:o,allowLeftIcon:s=!0})=>{const i=v(),{data:r}=le(n),a=r?.meta.range?.toString()||r?.meta.node?.textContent;return e.jsx(t.List.Item,{children:e.jsxs(t.Link,{href:"#",onClick:()=>{o(),i?.navigation.goToCfi(r?.meta.cfi??"")},children:[r?.resource?.notes?e.jsx(t.List.Indicator,{asChild:!0,children:e.jsx(S.LuNotebookPen,{})}):s?e.jsx(t.List.Indicator,{asChild:!0,visibility:"hidden",children:e.jsx(S.LuNotebookPen,{})}):null,e.jsxs(t.Stack,{gap:0,children:[a?e.jsx(t.Text,{lineClamp:2,fontSize:"md",children:a}):e.jsxs(t.Text,{lineClamp:2,fontSize:"md",fontStyle:"italic",children:["Page ",(r?.meta.absolutePageIndex??0)+1]}),e.jsx(t.Text,{fontStyle:"italic",fontWeight:"bold",fontSize:"sm",children:`Book page: ${r?.meta?.absolutePageIndex!==void 0?r.meta.absolutePageIndex+1:"unknown (not loaded)"}`})]})]})})},N=()=>{const n=v(),o=_(n)?n:void 0;return{data:g.useObserve(()=>o?.annotations.annotations$.pipe(l.switchMap(i=>o.locateResource(i))),[o])}},ce=()=>{const{data:n}=N();return{data:n?.filter(o=>o.meta.isCfiRange)}},de=({onNavigate:n})=>{const{data:o}=ce();return e.jsx(t.List.Root,{overflowY:"auto",gap:3,pt:4,variant:"plain",children:o?.map(s=>e.jsx(Z,{id:s.resource.id,onNavigate:n},s.resource.id))})},he=()=>{const{data:n}=N();return{data:n?.filter(o=>!o.meta.isCfiRange&&!o.resource.notes)}},ge=({onNavigate:n})=>{const{data:o}=he();return e.jsx(t.List.Root,{overflowY:"auto",gap:3,pt:4,variant:"plain",children:o?.map(s=>e.jsx(Z,{id:s.resource.id,onNavigate:n,allowLeftIcon:!1},s.resource.id))})},pe=c.memo(({onNavigate:n,defaultTab:o})=>{const[s,i]=c.useState(o??"bookmarks");return e.jsxs(t.Tabs.Root,{value:s,onValueChange:r=>i(r.value),children:[e.jsxs(t.Tabs.List,{children:[e.jsxs(t.Tabs.Trigger,{value:"bookmarks",children:[e.jsx(S.LuBookmark,{}),"Bookmarks"]}),e.jsxs(t.Tabs.Trigger,{value:"annotations",children:[e.jsx(S.LuNotebookPen,{}),"Annotations"]}),e.jsx(t.Tabs.Indicator,{})]}),e.jsx(t.Tabs.Content,{value:"bookmarks",children:e.jsx(ge,{onNavigate:n})}),e.jsx(t.Tabs.Content,{value:"annotations",children:e.jsx(de,{onNavigate:n})})]})}),ue=c.memo(({openWith:n,setOpen:o,onNavigate:s})=>e.jsx(B,{lazyMount:!0,placement:"center",open:!!n,onOpenChange:i=>o(i.open),size:{mdDown:"full",md:"lg"},scrollBehavior:"inside",children:e.jsxs(x,{height:"100%",children:[e.jsx(D,{children:e.jsx(M,{children:"Annotations"})}),e.jsx(E,{flex:1,children:e.jsx(pe,{onNavigate:s,defaultTab:n})}),e.jsx(A,{children:e.jsx(L,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})})}),e.jsx(O,{})]})})),fe=c.memo(({children:n})=>{const o=v(),s=g.useObserve(()=>o?.spine.element$,[o]);return s?e.jsx(e.Fragment,{children:R.createPortal(n,s)}):null}),be=({absolutePageIndex:n,itemIndex:o})=>{const s=v();return{spineItem:g.useObserve(()=>s?o!==void 0?l.of(s.spine.spineItemsManager.get(o)):n!==void 0?s.spine.pages.observeFromAbsolutePageIndex(n).pipe(l.map(r=>s.spine.spineItemsManager.get(r?.itemIndex))):l.EMPTY:l.EMPTY,[o,n,s])}},ve=({absolutePageIndex:n,itemIndex:o})=>{const{spineItem:s}=be({absolutePageIndex:n,itemIndex:o}),i=g.useObserve(()=>s?.isReady$??l.of(!1),[s]);return{spineItem:s,isReady:i}},X="data-bookmark-area",ke=c.memo(({absolutePageIndex:n,left:o,top:s,width:i})=>{const{isReady:r}=ve({absolutePageIndex:n}),{data:a}=N(),d=a?.find(u=>u?.meta?.absolutePageIndex===n&&u.meta.range===void 0);if(!r)return null;const h=i*.1/2;return e.jsx(t.Presence,{present:!!d,lazyMount:!0,animationName:{_open:"fade-in",_closed:"fade-out"},animationDuration:"moderate",children:e.jsx(t.Box,{"data-bookmark-area":X,position:"absolute",left:o+i,transform:"translateX(-100%)",pointerEvents:"none",top:s,width:h,height:h,_before:{content:'""',position:"absolute",top:0,left:0,width:0,height:0,borderTop:`${h}px solid #03030373`,borderLeft:`${h}px solid transparent`}})})}),Se=c.memo(()=>{const n=v(),o=g.useObserve(()=>n?.layoutInfo$,[n]);return e.jsx(fe,{children:o?.pages.map(({absoluteLayout:{left:s,top:i,width:r}},a)=>e.jsx(ke,{absolutePageIndex:a,left:s,top:i,width:r},a))})}),Ce=()=>{const n=v();return _(n)?n:void 0},Ie=()=>{const n=Ce(),{data:o}=N();c.useEffect(()=>n?n.gestures.hooks.register("beforeTapGesture",({event$:i})=>i.pipe(l.withLatestFrom(n?.annotations.candidates$),l.map(([r,a])=>{if(!r.page)return!0;const{spineItem:d,spineItemPageIndex:h,spineItemPagePosition:u,pageSize:p}=r.page;if(ee.isPositionInArea(u,{type:"corner",corner:"top-right",size:10,unit:"%"},p)){const f=n.spine.pages.fromSpineItemPageIndex(d,h);if(!f)return!0;const C=o?.find(P=>P?.meta?.absolutePageIndex===f.absolutePageIndex&&P.meta.range===void 0);if(C)return n?.annotations.delete(C.resource.id),!1;if(a?.[f.absolutePageIndex])return n?.annotations.annotateAbsolutePage({absolutePageIndex:f.absolutePageIndex}),!1}return!0}))):void 0,[n,o])},q=t.createToaster({placement:"bottom-end",pauseOnPageIdle:!0}),Te=()=>e.jsx(t.Portal,{children:e.jsx(t.Toaster,{toaster:q,insetInline:{mdDown:"4"},children:n=>e.jsxs(t.Toast.Root,{width:{md:"sm"},children:[n.type==="loading"?e.jsx(t.Spinner,{size:"sm",color:"blue.solid"}):e.jsx(t.Toast.Indicator,{}),e.jsxs(t.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[n.title&&e.jsx(t.Toast.Title,{children:n.title}),n.description&&e.jsx(t.Toast.Description,{children:n.description})]}),n.action&&e.jsx(t.Toast.ActionTrigger,{children:n.action.label}),n.meta?.closable&&e.jsx(t.Toast.CloseTrigger,{})]})})}),Pe={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function ye(){const[n,o]=c.useState(null),[s,i]=c.useState(Pe),r=c.useMemo(()=>new ResizeObserver(a=>{if(a[0]){const{x:d,y:h,width:u,height:p,top:k,left:f,bottom:C,right:T}=a[0].contentRect;i({x:d,y:h,width:u,height:p,top:k,left:f,bottom:C,right:T})}}),[]);return c.useLayoutEffect(()=>{if(n)return r.observe(n),()=>{r.disconnect()}},[n,r]),[o,s,n]}const me=(n,o,s)=>{const i=v(),r=Q(i)?i:void 0;g.useSubscribe(()=>{if(!r||!n)return l.NEVER;const a=o.layout.layout$.pipe(l.startWith(o.layout.layoutInfo),l.distinctUntilChanged(F.isShallowEqual)),d=F.observeIntersection(n).pipe(l.map(h=>h.some(u=>u.isIntersecting)));return a.pipe(l.throttleTime(100,void 0,{trailing:!0}),l.switchMap(()=>d.pipe(l.tap(h=>{h||(n.innerHTML="")}),l.filter(h=>h),l.first()).pipe(l.switchMap(()=>(n.innerHTML="",r?.gallery.snapshot(o,n,s))))))},[r,o,s,n])},we=c.memo(({item:n,onNavigated:o})=>{const[s,i,r]=ye(),a=v();me(r,n,i);const d=g.useObserve(()=>a?.locateResource(n,{mode:"shallow"}),[a,n]);return e.jsxs(t.Box,{width:"100%",aspectRatio:"2/3",border:"1px solid",borderColor:"border",borderRadius:"md","data-grid-item":!0,cursor:"pointer",position:"relative",overflow:"hidden",onClick:()=>{o(),a?.navigation.goToSpineItem({indexOrId:n})},children:[e.jsx(t.Box,{height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",ref:s}),e.jsxs(t.Text,{position:"absolute",bottom:0,left:"0",right:"0",textAlign:"center",bgColor:"white",p:4,fontSize:"xs",children:["Page ",(d?.meta?.absolutePageIndex??0)+1]})]})}),xe=c.memo(({open:n,setOpen:o})=>{const s=v(),i=g.useObserve(()=>s?.spineItemsManager.items$,[s]);return e.jsx(B,{lazyMount:!0,placement:"center",open:n,onOpenChange:r=>o(r.open),size:{mdDown:"full",md:"lg"},scrollBehavior:"inside",children:e.jsxs(x,{height:"100%",children:[e.jsx(D,{children:e.jsx(M,{children:"Gallery"})}),e.jsx(E,{children:e.jsx(t.Box,{gridTemplateColumns:["repeat(2, minmax(0, 1fr))","repeat(3, minmax(0, 1fr))"],display:"grid",gap:[2,4],pt:2,"data-grid":!0,children:i?.map(r=>e.jsx(we,{item:r,onNavigated:()=>{o(!1)}},r.item.id))})}),e.jsx(A,{children:e.jsx(L,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})})}),e.jsx(O,{})]})})}),Oe="@prose-reader/react-reader",Be="1.237.0",Ae=c.memo(({open:n,setOpen:o})=>e.jsx(B,{lazyMount:!0,placement:"center",open:n,onOpenChange:s=>o(s.open),size:{mdDown:"full",md:"lg"},scrollBehavior:"inside",children:e.jsxs(x,{children:[e.jsx(D,{children:e.jsx(M,{children:"Help"})}),e.jsxs(E,{overflowY:"auto",flex:1,display:"flex",flexDirection:"column",gap:4,children:[e.jsxs(t.Stack,{children:[e.jsx(t.Heading,{mb:2,as:"h3",size:"lg",children:"Shortcuts"}),e.jsxs(t.HStack,{mb:1,children:[e.jsx(t.Kbd,{children:e.jsx(S.LuArrowBigRight,{})})," ",e.jsx(t.Text,{children:"Navigate to right page"})]}),e.jsxs(t.HStack,{mb:1,children:[e.jsx(t.Kbd,{children:e.jsx(S.LuArrowBigLeft,{})})," ",e.jsx(t.Text,{children:"Navigate to left page"})]})]}),e.jsxs(t.Stack,{children:[e.jsx(t.Heading,{mb:2,as:"h3",size:"lg",children:"Bookmarks"}),e.jsx(t.HStack,{mb:1,children:e.jsx(t.Text,{children:"Tap on the top right corner of a page bookmark it"})})]}),e.jsxs(t.Stack,{children:[e.jsx(t.Heading,{mb:2,as:"h3",size:"lg",children:"About"}),e.jsxs(t.Text,{children:[Oe," version: ",Be]})]})]}),e.jsx(A,{children:e.jsx(L,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})})}),e.jsx(O,{})]})})),m=()=>{const n=v();return g.useObserve(()=>n?l.combineLatest([n.pagination.state$,n.context.state$]).pipe(l.map(([o,s])=>{const i=s.manifest?.spineItems.every(r=>r.mediaType?.startsWith("image/"));return{...o,hasChapters:!s.isFullyPrePaginated&&!i}})):l.NEVER,[n])},De=()=>{const n=m(),o=Math.floor((n?.percentageEstimateOfBook??0)*100),s=o>0?o:1;return n?.percentageEstimateOfBook===void 0?null:e.jsx(t.Box,{position:"absolute",right:0,bottom:0,p:2,color:"black",children:e.jsxs(t.Text,{fontSize:"sm",children:[s," %"]})})},Ee=()=>{const[n,o]=c.useState(new Date);return c.useEffect(()=>{const s=setInterval(()=>{o(new Date)},6e4);return()=>clearInterval(s)},[]),n},Me=n=>{const o=Ee();return e.jsx(t.Text,{fontSize:"xs",...n,children:o.toLocaleTimeString(navigator.language,{hour:"2-digit",minute:"2-digit"})})},W=()=>{const{quickMenuSignal:n}=z();return[g.useSignalValue(n),n.setValue,n]},Le=()=>{const[n]=W();return e.jsx(t.Box,{position:"absolute",left:0,bottom:0,p:2,color:n?void 0:"colorPalette.contrast",children:e.jsx(Me,{})})},ze=()=>{const n=v();g.useSubscribe(()=>n?.links$.subscribe(o=>{if(o.type==="click"&&F.isHtmlTagElement(o.target,"a")){if(!o.target.href)return;const s=new URL(o.target.href);window.location.host!==s.host&&confirm("You are going to be redirected to external link")&&window.open(o.target.href,"__blank")}}),[n])},_e=()=>{const n=v(),{notificationsSubject:o}=z();g.useSubscribe(()=>n?.zoom.isZooming$.pipe(l.switchMap(s=>{if(!s)return l.EMPTY;const i=new l.Subject;return o.next({key:"zoom",title:"Zooming",duration:999999,abort:i}),l.NEVER.pipe(l.finalize(()=>{i.next(),i.complete()}))})),[n])},$e=()=>{const n=v(),{notificationsSubject:o}=z();g.useSubscribe(()=>n?.settings.values$.pipe(l.map(({fontScale:s})=>s),l.distinctUntilChanged(),l.skip(1),l.tap(s=>{o.next({key:"fontScaleChange",title:"Font size changed",description:`${s*100} %`})})),[n,o])},He=()=>{const{notificationsSubject:n}=z();$e(),_e(),g.useSubscribe(()=>n.pipe(l.filter(g.isDefined),l.mergeMap(o=>{const s=o.duration??3e3,i=q.create({title:o.title,description:o.description,duration:s}),r=n.pipe(l.skip(1),l.filter(a=>!!o.key&&a?.key===o.key));return l.merge(l.timer(s),o.abort??l.NEVER,r).pipe(l.first(),l.finalize(()=>{q.dismiss(i)}))})),[n])},Ne=y.forwardRef(function(o,s){const{showArrow:i,children:r,portalled:a=!0,content:d,portalRef:h,...u}=o;return e.jsxs(t.Popover.Root,{...u,positioning:{...u.positioning,gutter:4},children:[e.jsx(t.Popover.Trigger,{asChild:!0,children:r}),e.jsx(t.Portal,{disabled:!a,container:h,children:e.jsx(t.Popover.Positioner,{children:e.jsxs(t.Popover.Content,{width:"auto",px:"2",py:"1",textStyle:"xs",rounded:"sm",ref:s,children:[i&&e.jsx(t.Popover.Arrow,{children:e.jsx(t.Popover.ArrowTip,{})}),d]})})})]})}),Fe=y.forwardRef(function(o,s){const{children:i,...r}=o;return e.jsx(Ne,{content:i,...r,ref:s,children:e.jsx(t.IconButton,{variant:"ghost","aria-label":"info",size:"2xs",colorPalette:"gray",children:e.jsx(te.HiOutlineInformationCircle,{})})})}),qe=y.forwardRef(function(o,s){return e.jsx(t.Progress.Track,{...o,ref:s,children:e.jsx(t.Progress.Range,{})})});y.forwardRef(function(o,s){const{children:i,info:r,...a}=o;return e.jsxs(t.Progress.Label,{...a,ref:s,children:[i,r&&e.jsx(Fe,{children:r})]})});const We=t.Progress.Root,Ve=t.Progress.ValueText,V=()=>{const n=m(),o=n?.numberOfTotalPages===1,s=(n?.beginNumberOfPagesInSpineItem??0)>1,i=(n?.endNumberOfPagesInSpineItem??0)>1,r=(n?.hasChapters?n?.beginPageIndexInSpineItem:n?.beginAbsolutePageIndex)??0,a=(n?.hasChapters?n?.endPageIndexInSpineItem:n?.endAbsolutePageIndex)??0,[d=0,h=0]=[r,a].sort((k,f)=>k-f),u=n?.beginPageIndexInSpineItem!==n?.endPageIndexInSpineItem||n?.beginSpineItemIndex!==n?.endSpineItemIndex,p=n?.hasChapters?n?.beginNumberOfPagesInSpineItem:n?.numberOfTotalPages;return{hasOnlyOnePage:o,beginPageIndex:r,endPageIndex:a,isBeginWithinChapter:s,isEndWithinChapter:i,beginAndEndAreDifferent:u,totalApproximatePages:p,leftPageIndex:d,rightPageIndex:h}},Ge=()=>{const n=m(),{hasOnlyOnePage:o,leftPageIndex:s,rightPageIndex:i,totalApproximatePages:r,beginAndEndAreDifferent:a}=V(),d=Math.round((n?.percentageEstimateOfBook??0)*100),h=p=>p?.subChapter?`${p.title} / ${h(p.subChapter)}`:p?.title||"",u=h(n?.beginChapterInfo);return e.jsxs(t.Stack,{alignItems:"center",gap:1,maxW:"100%",overflow:"auto",children:[e.jsx(We,{value:d,size:"xs",width:150,children:e.jsxs(t.HStack,{justifyContent:"space-between",children:[e.jsx(qe,{width:110}),e.jsx(Ve,{children:`${d}%`})]})}),e.jsx(t.Text,{truncate:!0,maxWidth:"100%",fontSize:"sm",mt:1,children:u?`Chapter: ${u}`:" "}),!o&&e.jsxs(t.HStack,{children:[e.jsx(t.Text,{fontSize:"xs",children:a?`${s+1} - ${i+1} of ${r}`:`${s+1} of ${r}`}),!!n?.hasChapters&&e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:"-"}),e.jsxs(t.Text,{fontSize:"xs",children:["(",(n?.beginAbsolutePageIndex??0)+1,")"]})]})]})]})},J=c.memo(({children:n,position:o,...s})=>e.jsx(t.Presence,{display:"flex",flexDirection:"row",width:"100%",position:"absolute",...o==="bottom"?{bottom:0}:{top:0},animationName:o==="bottom"?{_open:"slide-from-bottom, fade-in",_closed:"slide-to-bottom, fade-out"}:{_open:"slide-from-top, fade-in",_closed:"slide-to-top, fade-out"},animationDuration:"moderate",bgColor:"bg.panel",alignItems:"center",justifyContent:"center",shadow:"md",p:4,...s,children:n})),Ue=t.chakra(se),Ye=c.memo(n=>e.jsx(t.Box,{display:"contents",css:{"--bg":"colors.bg","--bg-emphasized":"colors.bg.emphasized","--color-solid":"colors.colorPalette.solid"},children:e.jsx(Ue,{keyboard:!1,style:{padding:0},css:{"& > .rc-slider-handle:focus-visible":{boxShadow:"0 0 0 2px var(--color-solid) !important"},"& > .rc-slider-handle:active":{boxShadow:"0 0 5px var(--color-solid) !important"},"& > .rc-slider-handle.rc-slider-handle-dragging":{boxShadow:"0 0 0 3px var(--color-solid) !important"}},styles:{rail:{height:"8px",top:"50%",transform:"translateY(-50%)",backgroundColor:"var(--bg-emphasized)"},track:{height:"8px",top:"50%",transform:"translateY(-50%)",backgroundColor:"var(--color-solid)"},handle:{width:"24px",height:"24px",top:"50%",borderColor:"var(--color-solid)",transform:`translate(${n.reverse?"50%":"-50%"}, -50%)`,backgroundColor:"var(--bg)",marginTop:"0px"}},...n})})),Ke=()=>{const o=m()?.isUsingSpread,{beginPageIndex:s,totalApproximatePages:i=0}=V(),r=o?Math.floor((s||0)/2):s,[a,d]=g.useSignalState(()=>g.signal({default:r||0})),h=0,u=Math.max(0,o?Math.floor((i-1)/2):i-1);return c.useEffect(()=>{d.update(r||0)},[r,d]),{value:a,valueSignal:d,min:h,max:u}},Qe=n=>{const o=v(),s=m(),{manifest:i}=g.useObserve(()=>o?.context.state$,[o])??{},r=i?.readingDirection==="rtl",a=s?.isUsingSpread,{totalApproximatePages:d=0,isBeginWithinChapter:h}=V(),u=1,p=h,{value:k,valueSignal:f,min:C,max:T}=Ke(),P=c.useCallback($=>{const[I=0]=Array.isArray($)?$:[$];f.setValue(I);const j=a?Math.floor(I)*2:Math.floor(I);p?o?.navigation.goToPageOfSpineItem({pageIndex:j,spineItemId:o.pagination.state.beginSpineItemIndex??0,animation:!1}):o?.navigation.goToAbsolutePageIndex({absolutePageIndex:j,animation:!1})},[o,a,f,p]);return g.useSubscribe(()=>o?.navigation.throttleLock({duration:100,trigger:f.subject}),[o,f]),d===1||a&&d===2?e.jsx(t.Box,{style:n.style}):e.jsx(Ye,{value:[k],max:T,min:C,reverse:r,step:u,onChange:P,...n})},Ze=c.memo(({open:n,onItemClick:o})=>{const s=v(),i=g.useObserve(()=>s?.navigation.state$,[s]),a=g.useObserve(()=>s?.settings.values$,[s])?.computedPageTurnDirection==="vertical",[d,h]=c.useState(!0);return e.jsxs(J,{present:n,position:"bottom",display:"flex",flexDirection:"column",overflow:"auto",pb:8,children:[e.jsxs(t.HStack,{flex:1,alignItems:"center",justifyContent:"center",maxWidth:"100%",children:[e.jsx(t.IconButton,{"aria-label":"left",size:"lg",variant:"ghost",flexShrink:0,onClick:()=>s?.navigation.goToLeftOrTopSpineItem(),disabled:!i?.canGoLeftSpineItem&&!i?.canGoTopSpineItem,children:a?e.jsx(H.RxDoubleArrowUp,{}):e.jsx(H.RxDoubleArrowLeft,{})}),e.jsxs(t.Stack,{flex:1,maxW:400,gap:2,alignItems:"center",overflow:"auto",px:4,children:[e.jsx(Ge,{}),e.jsx(Qe,{style:{width:"100%",maxWidth:"300px",height:"35px"}})]}),e.jsx(t.IconButton,{"aria-label":"right",size:"lg",flexShrink:0,variant:"ghost",disabled:!i?.canGoRightSpineItem&&!i?.canGoBottomSpineItem,onClick:()=>{s?.navigation.goToRightOrBottomSpineItem()},children:a?e.jsx(H.RxDoubleArrowDown,{}):e.jsx(H.RxDoubleArrowRight,{})})]}),e.jsx(t.HStack,{alignSelf:"stretch",alignItems:"center",justifyContent:"center",children:e.jsxs(t.Collapsible.Root,{open:d,flex:1,onOpenChange:({open:u})=>{h(u)},children:[e.jsx(t.Collapsible.Trigger,{paddingY:"3",width:"100%",display:"flex",justifyContent:"center",children:e.jsx(S.LuChevronDown,{style:{transform:d?"rotate(0deg)":"rotate(180deg)"}})}),e.jsxs(t.Collapsible.Content,{display:"flex",justifyContent:"center",children:[e.jsx(t.IconButton,{"aria-label":"Help",size:"lg",variant:"ghost",onClick:()=>o("help"),children:e.jsx(S.LuCircleHelp,{})}),e.jsx(t.IconButton,{"aria-label":"Table of contents",size:"lg",variant:"ghost",onClick:()=>o("toc"),children:e.jsx(S.LuTableOfContents,{})}),K(s)&&e.jsx(t.IconButton,{"aria-label":"Search",size:"lg",variant:"ghost",onClick:()=>o("search"),children:e.jsx(S.LuSearch,{})}),_(s)&&e.jsx(t.IconButton,{"aria-label":"Bookmarks",size:"lg",variant:"ghost",onClick:()=>o("bookmarks"),children:e.jsx(ne.BsBookmarks,{})}),_(s)&&e.jsx(t.IconButton,{"aria-label":"Annotations",size:"lg",variant:"ghost",onClick:()=>o("annotations"),children:e.jsx(S.LuNotebookPen,{})}),e.jsx(t.IconButton,{"aria-label":"Thumbnails",size:"lg",variant:s?.settings.values.viewportMode==="thumbnails"?"solid":"ghost",onClick:()=>{s?.settings.update({viewportMode:s?.settings.values.viewportMode==="normal"?"thumbnails":"normal"})},children:e.jsx(S.LuGalleryHorizontal,{})}),Q(s)&&e.jsx(t.IconButton,{"aria-label":"Gallery",size:"lg",variant:"ghost",onClick:()=>o("gallery"),children:e.jsx(oe.RiGalleryView2,{})})]})]})})]})}),Xe=()=>{const[n,o]=c.useState(!1),s=c.useCallback(()=>document.fullscreenElement?document.exitFullscreen().catch(console.error).then(()=>{o(!1)}):document.documentElement.requestFullscreen({navigationUI:"hide"}).catch(console.error).then(()=>{o(!0)}),[]);return c.useEffect(()=>{function i(){o(!!document.fullscreenElement)}return document.addEventListener("fullscreenchange",i),()=>{document.removeEventListener("fullscreenchange",i)}},[]),{isFullscreen:n,onToggleFullscreenClick:s}},Je=c.memo(({open:n,onItemClick:o})=>{const s=v(),i=g.useObserve(()=>s?.context.manifest$,[s]),{isFullscreen:r,onToggleFullscreenClick:a}=Xe();return e.jsxs(J,{present:n,position:"top",height:"80px",justifyContent:"space-between",children:[e.jsx(t.IconButton,{"aria-label":"left",size:"lg",variant:"ghost",flexShrink:0,onClick:()=>o("back"),children:e.jsx(G.IoIosArrowBack,{})}),e.jsx(t.Stack,{flex:1,maxW:600,gap:1,alignItems:"center",overflow:"auto",px:4,children:e.jsx(t.Text,{truncate:!0,maxWidth:"100%",children:i?.title})}),e.jsxs(t.HStack,{children:[e.jsx(t.IconButton,{"aria-label":"right",size:"lg",flexShrink:0,variant:"ghost",onClick:()=>o("more"),children:e.jsx(G.IoMdMore,{})}),e.jsx(t.IconButton,{"aria-label":"right",size:"lg",flexShrink:0,variant:"ghost",onClick:a,children:r?e.jsx(U.MdFullscreenExit,{}):e.jsx(U.MdFullscreen,{})})]})]})}),je=c.memo(({onItemClick:n})=>{const[o]=W();return e.jsxs(e.Fragment,{children:[e.jsx(Je,{open:o,onItemClick:n}),e.jsx(Ze,{open:o,onItemClick:n})]})}),Re=c.memo(({contextText:n="",startOffset:o=0,text:s,cfi:i="#",onClick:r,absolutePageIndex:a})=>{const h=n.substring(Math.max(o-15,0),Math.max(o,0)),u=n.substring(Math.min(o+s.length,n.length-1),Math.min(o+s.length+15,n.length-1));return e.jsxs(t.Link,{href:i,style:{margin:5,overflow:"hidden"},onClick:p=>{p.preventDefault(),r(i)},display:"flex",flexDirection:"column",alignItems:"flex-start",gap:0,children:[e.jsxs(t.Text,{lineClamp:1,as:"cite",style:{display:"block"},children:['"',h,e.jsx("b",{children:s}),u,'"']}),e.jsx(t.Text,{fontSize:"sm",color:"gray.500",style:{textDecoration:"none"},children:`Book page: ${a!==void 0?a+1:"unknown (not loaded)"}`})]})}),en=500,nn=()=>{const n=g.useConstant(()=>new l.BehaviorSubject("")),o=g.useObserve(n),s=v(),i=K(s)?s:void 0,r=g.useObserve(()=>n.pipe(l.distinctUntilChanged(),l.switchMap(a=>a===""||!i?l.of(void 0):l.merge(l.of({type:"start",data:void 0}),l.timer(en).pipe(l.switchMap(()=>i.search.search(a)),l.map(d=>({type:"end",data:d})))))),[i,n]);return{value:o,setValue:n.next.bind(n),status:r?.type??"idle",data:r?.data}},on=c.memo(({onNavigate:n})=>{const o=v(),{value:s,setValue:i,status:r,data:a}=nn(),d=p=>{i(p.target.value)},h=c.useCallback(p=>{n(),o?.navigation.goToCfi(p)},[o,n]),u=g.useObserve(()=>o?.locateResource(a?.slice(0,100)??[]),[a]);return e.jsxs(t.Stack,{flex:1,height:"100%",gap:2,children:[e.jsx(t.Input,{placeholder:"Type something...",value:s,onChange:d,flexShrink:0,variant:"subtle",name:"search",focusRing:"none",focusVisibleRing:"none",outline:"none",focusRingColor:"transparent"}),e.jsxs(t.Stack,{style:{overflow:"hidden",overflowY:"auto"},overflow:"auto",px:4,flex:1,children:[r==="start"&&e.jsx(t.Text,{children:"Searching ..."}),a?.length===0&&e.jsx(t.Text,{children:"No results"}),r==="end"&&(a?.length??0)>0&&e.jsxs(t.Stack,{children:[e.jsxs(t.Text,{fontSize:"md",children:[a?.length," result(s)"]}),e.jsx(t.Stack,{gap:0,children:u?.map((p,k)=>e.jsx(Re,{contextText:p.meta?.range?.startContainer.parentElement?.textContent??"",pageIndex:p.meta?.itemPageIndex,startOffset:p.meta?.range?.startOffset??0,text:s,cfi:p.meta.cfi,onClick:h,absolutePageIndex:p.meta?.absolutePageIndex},k))})]})]})]})}),tn=c.memo(({open:n,setOpen:o,onNavigate:s})=>e.jsx(B,{lazyMount:!0,placement:"center",open:n,onOpenChange:i=>o(i.open),size:{mdDown:"full",md:"lg"},scrollBehavior:"inside",children:e.jsxs(x,{height:"100%",children:[e.jsx(D,{children:e.jsx(M,{children:"Search"})}),e.jsx(E,{flex:1,p:0,children:e.jsx(on,{onNavigate:s})}),e.jsx(A,{children:e.jsx(L,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})})}),e.jsx(O,{})]})})),sn=c.memo(({onNavigate:n})=>{const o=v(),{manifest:s,assumedRenditionLayout:i}=g.useObserve(()=>o?.context.state$,[o])??{},{nav:r}=s??{},a=m();r?.toc;const{beginSpineItemIndex:d,beginPageIndexInSpineItem:h}=a??{},u=(i==="reflowable"?h:d)||0;let p=a?.beginChapterInfo;for(;p?.subChapter;)p=p?.subChapter;const k=(f,C,T)=>e.jsxs(c.Fragment,{children:[e.jsx(t.List.Item,{pl:4*(T+1),style:{display:"flex",alignItems:"center"},children:e.jsxs(t.Link,{onClick:()=>{n(),o?.navigation.goToUrl(f.href)},href:"#",children:[p?.path===f.path&&e.jsx(t.List.Indicator,{asChild:!0,children:e.jsx(S.LuCircleCheck,{})}),p?.path!==f.path&&e.jsx(t.List.Indicator,{asChild:!0,visibility:"hidden",children:e.jsx(S.LuCircleCheck,{})}),e.jsxs(t.Stack,{gap:0,children:[e.jsx(t.Text,{fontSize:"md",children:f.title||f.path}),p?.path===f.path&&e.jsx(t.Text,{fontStyle:"italic",fontWeight:"bold",fontSize:"sm",children:`Currently on page ${u+1}`})]})]})}),f.contents.length>0&&e.jsx(t.List.Root,{as:"div",gap:2,children:f.contents.map((P,w)=>k(P,w,T+1))})]},C);return e.jsx(t.List.Root,{gap:3,overflowY:"auto",py:4,flex:1,children:r?.toc.map((f,C)=>k(f,C,0))})}),rn=c.memo(({open:n,setOpen:o,onNavigate:s})=>e.jsx(B,{lazyMount:!0,placement:"center",open:n,onOpenChange:i=>o(i.open),size:{mdDown:"full",md:"lg"},scrollBehavior:"inside",children:e.jsxs(x,{children:[e.jsx(D,{children:e.jsx(M,{children:"Table of Contents"})}),e.jsx(E,{overflowY:"auto",flex:1,children:e.jsx(sn,{onNavigate:s})}),e.jsx(A,{children:e.jsx(L,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})})}),e.jsx(O,{})]})})),an=({enableFloatingTime:n=!0,enableFloatingProgress:o=!0,onItemClick:s})=>{const[i,r]=c.useState(!1),[a,d]=c.useState(!1),[h,u]=c.useState(!1),[p,k]=c.useState(void 0),[f,C]=c.useState(!1),[T,P]=W(),w=c.useCallback(()=>{r(!1),d(!1),u(!1),k(void 0),P(!1),C(!1)},[P]),$=c.useCallback(I=>{I==="annotations"?k("annotations"):I==="search"?u(!0):I==="help"?d(!0):I==="toc"?r(!0):I==="bookmarks"?k("bookmarks"):I==="gallery"&&C(!0),s?.(I)},[s]);return ze(),He(),Ie(),e.jsxs(e.Fragment,{children:[o&&e.jsx(t.Presence,{present:!T,animationName:{_open:"fade-in",_closed:"fade-out"},animationDuration:"moderate",children:e.jsx(De,{})}),e.jsx(xe,{open:f,setOpen:C}),e.jsx(je,{onItemClick:$}),e.jsx(Se,{}),e.jsx(Ae,{open:a,setOpen:d}),e.jsx(rn,{open:i,setOpen:r,onNavigate:w}),e.jsx(tn,{open:h,setOpen:u,onNavigate:w}),e.jsx(ue,{openWith:p,setOpen:I=>k(I?"annotations":void 0),onNavigate:w}),e.jsx(t.Presence,{present:n||T,animationName:{_open:"fade-in",_closed:"fade-out"},animationDuration:"slow",overflow:"hidden",children:e.jsx(Le,{})}),e.jsx(Te,{})]})};b.BOOKMARK_AREA_DATA_ATTRIBUTE=X,b.ReactReader=an,b.ReactReaderProvider=ie,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
+(function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("reactjrx"),require("rxjs"),require("@chakra-ui/react"),require("react-icons/lu"),require("react-dom"),require("@prose-reader/enhancer-gestures"),require("@prose-reader/core"),require("react-icons/bs"),require("react-icons/ri"),require("react-icons/rx"),require("react-icons/hi"),require("rc-slider"),require("rc-slider/assets/index.css"),require("react-icons/io"),require("react-icons/md")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","reactjrx","rxjs","@chakra-ui/react","react-icons/lu","react-dom","@prose-reader/enhancer-gestures","@prose-reader/core","react-icons/bs","react-icons/ri","react-icons/rx","react-icons/hi","rc-slider","rc-slider/assets/index.css","react-icons/io","react-icons/md"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b["prose-react-reader"]={},b.jsxRuntime,b.React,b.reactjrx,b.rxjs,b.react,b.lu,b.reactDom,b.enhancerGestures,b.core,b.bs,b.ri,b.rx,b.hi,b.RcSlider,null,b.io,b.md))})(this,function(b,e,c,g,l,t,S,R,ee,F,ne,oe,H,te,se,ln,G,U){"use strict";function re(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>n[s]})}}return o.default=n,Object.freeze(o)}const y=re(c),Y=c.createContext({reader:void 0,quickMenuSignal:g.signal({default:!1}),notificationsSubject:new l.Subject}),ie=c.memo(({children:n,reader:o,quickMenuOpen:s,onQuickMenuOpenChange:i})=>{const[,r]=g.useSignalState(()=>g.signal({default:s})),a=g.useConstant(()=>new l.Subject),d=g.useLiveRef(i),h=c.useMemo(()=>({quickMenuSignal:r,reader:o,notificationsSubject:a}),[r,o,a]);return c.useEffect(()=>{r.setValue(s)},[s,r]),g.useSubscribe(()=>r.pipe(l.tap(d.current)),[r,d]),e.jsx(Y.Provider,{value:h,children:n})}),ae=y.forwardRef(function(o,s){return e.jsx(t.IconButton,{variant:"ghost","aria-label":"Close",ref:s,...o,children:o.children??e.jsx(S.LuX,{})})}),x=y.forwardRef(function(o,s){const{children:i,portalled:r=!0,portalRef:a,backdrop:d=!0,...h}=o;return e.jsxs(t.Portal,{disabled:!r,container:a,children:[d&&e.jsx(t.Dialog.Backdrop,{}),e.jsx(t.Dialog.Positioner,{children:e.jsx(t.Dialog.Content,{ref:s,...h,asChild:!1,children:i})})]})}),O=y.forwardRef(function(o,s){return e.jsx(t.Dialog.CloseTrigger,{position:"absolute",top:"2",insetEnd:"2",...o,asChild:!0,children:e.jsx(ae,{size:"sm",ref:s,children:o.children})})}),B=t.Dialog.Root,A=t.Dialog.Footer,D=t.Dialog.Header,E=t.Dialog.Body;t.Dialog.Backdrop;const M=t.Dialog.Title;t.Dialog.Description,t.Dialog.Trigger;const L=t.Dialog.ActionTrigger,z=()=>c.useContext(Y),v=()=>{const{reader:n}=z();return n},K=n=>!!n&&"__PROSE_READER_ENHANCER_SEARCH"in n,_=n=>!!n&&"__PROSE_READER_ENHANCER_ANNOTATIONS"in n,Q=n=>!!n&&"__PROSE_READER_ENHANCER_GALLERY"in n,le=n=>{const o=v(),s=_(o)?o:void 0;return{data:g.useObserve(()=>s?.annotations.annotations$.pipe(l.map(r=>r.find(a=>a.id===n)),l.filter(g.isDefined),l.switchMap(r=>s.locateResource(r))),[s])}},Z=({id:n,onNavigate:o,allowLeftIcon:s=!0})=>{const i=v(),{data:r}=le(n),a=r?.meta.range?.toString()||r?.meta.node?.textContent;return e.jsx(t.List.Item,{children:e.jsxs(t.Link,{href:"#",onClick:()=>{o(),i?.navigation.goToCfi(r?.meta.cfi??"")},children:[r?.resource?.notes?e.jsx(t.List.Indicator,{asChild:!0,children:e.jsx(S.LuNotebookPen,{})}):s?e.jsx(t.List.Indicator,{asChild:!0,visibility:"hidden",children:e.jsx(S.LuNotebookPen,{})}):null,e.jsxs(t.Stack,{gap:0,children:[a?e.jsx(t.Text,{lineClamp:2,fontSize:"md",children:a}):e.jsxs(t.Text,{lineClamp:2,fontSize:"md",fontStyle:"italic",children:["Page ",(r?.meta.absolutePageIndex??0)+1]}),e.jsx(t.Text,{fontStyle:"italic",fontWeight:"bold",fontSize:"sm",children:`Book page: ${r?.meta?.absolutePageIndex!==void 0?r.meta.absolutePageIndex+1:"unknown (not loaded)"}`})]})]})})},N=()=>{const n=v(),o=_(n)?n:void 0;return{data:g.useObserve(()=>o?.annotations.annotations$.pipe(l.switchMap(i=>o.locateResource(i))),[o])}},ce=()=>{const{data:n}=N();return{data:n?.filter(o=>o.meta.isCfiRange)}},de=({onNavigate:n})=>{const{data:o}=ce();return e.jsx(t.List.Root,{overflowY:"auto",gap:3,pt:4,variant:"plain",children:o?.map(s=>e.jsx(Z,{id:s.resource.id,onNavigate:n},s.resource.id))})},he=()=>{const{data:n}=N();return{data:n?.filter(o=>!o.meta.isCfiRange&&!o.resource.notes)}},ge=({onNavigate:n})=>{const{data:o}=he();return e.jsx(t.List.Root,{overflowY:"auto",gap:3,pt:4,variant:"plain",children:o?.map(s=>e.jsx(Z,{id:s.resource.id,onNavigate:n,allowLeftIcon:!1},s.resource.id))})},pe=c.memo(({onNavigate:n,defaultTab:o})=>{const[s,i]=c.useState(o??"bookmarks");return e.jsxs(t.Tabs.Root,{value:s,onValueChange:r=>i(r.value),children:[e.jsxs(t.Tabs.List,{children:[e.jsxs(t.Tabs.Trigger,{value:"bookmarks",children:[e.jsx(S.LuBookmark,{}),"Bookmarks"]}),e.jsxs(t.Tabs.Trigger,{value:"annotations",children:[e.jsx(S.LuNotebookPen,{}),"Annotations"]}),e.jsx(t.Tabs.Indicator,{})]}),e.jsx(t.Tabs.Content,{value:"bookmarks",children:e.jsx(ge,{onNavigate:n})}),e.jsx(t.Tabs.Content,{value:"annotations",children:e.jsx(de,{onNavigate:n})})]})}),ue=c.memo(({openWith:n,setOpen:o,onNavigate:s})=>e.jsx(B,{lazyMount:!0,placement:"center",open:!!n,onOpenChange:i=>o(i.open),size:{mdDown:"full",md:"lg"},scrollBehavior:"inside",children:e.jsxs(x,{height:"100%",children:[e.jsx(D,{children:e.jsx(M,{children:"Annotations"})}),e.jsx(E,{flex:1,children:e.jsx(pe,{onNavigate:s,defaultTab:n})}),e.jsx(A,{children:e.jsx(L,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})})}),e.jsx(O,{})]})})),fe=c.memo(({children:n})=>{const o=v(),s=g.useObserve(()=>o?.spine.element$,[o]);return s?e.jsx(e.Fragment,{children:R.createPortal(n,s)}):null}),be=({absolutePageIndex:n,itemIndex:o})=>{const s=v();return{spineItem:g.useObserve(()=>s?o!==void 0?l.of(s.spine.spineItemsManager.get(o)):n!==void 0?s.spine.pages.observeFromAbsolutePageIndex(n).pipe(l.map(r=>s.spine.spineItemsManager.get(r?.itemIndex))):l.EMPTY:l.EMPTY,[o,n,s])}},ve=({absolutePageIndex:n,itemIndex:o})=>{const{spineItem:s}=be({absolutePageIndex:n,itemIndex:o}),i=g.useObserve(()=>s?.isReady$??l.of(!1),[s]);return{spineItem:s,isReady:i}},X="data-bookmark-area",ke=c.memo(({absolutePageIndex:n,left:o,top:s,width:i})=>{const{isReady:r}=ve({absolutePageIndex:n}),{data:a}=N(),d=a?.find(u=>u?.meta?.absolutePageIndex===n&&u.meta.range===void 0);if(!r)return null;const h=i*.1/2;return e.jsx(t.Presence,{present:!!d,lazyMount:!0,animationName:{_open:"fade-in",_closed:"fade-out"},animationDuration:"moderate",children:e.jsx(t.Box,{"data-bookmark-area":X,position:"absolute",left:o+i,transform:"translateX(-100%)",pointerEvents:"none",top:s,width:h,height:h,_before:{content:'""',position:"absolute",top:0,left:0,width:0,height:0,borderTop:`${h}px solid #03030373`,borderLeft:`${h}px solid transparent`}})})}),Se=c.memo(()=>{const n=v(),o=g.useObserve(()=>n?.layoutInfo$,[n]);return e.jsx(fe,{children:o?.pages.map(({absoluteLayout:{left:s,top:i,width:r}},a)=>e.jsx(ke,{absolutePageIndex:a,left:s,top:i,width:r},a))})}),Ce=()=>{const n=v();return _(n)?n:void 0},Ie=()=>{const n=Ce(),{data:o}=N();c.useEffect(()=>n?n.gestures.hooks.register("beforeTapGesture",({event$:i})=>i.pipe(l.withLatestFrom(n?.annotations.candidates$),l.map(([r,a])=>{if(!r.page)return!0;const{spineItem:d,spineItemPageIndex:h,spineItemPagePosition:u,pageSize:p}=r.page;if(ee.isPositionInArea(u,{type:"corner",corner:"top-right",size:10,unit:"%"},p)){const f=n.spine.pages.fromSpineItemPageIndex(d,h);if(!f)return!0;const C=o?.find(P=>P?.meta?.absolutePageIndex===f.absolutePageIndex&&P.meta.range===void 0);if(C)return n?.annotations.delete(C.resource.id),!1;if(a?.[f.absolutePageIndex])return n?.annotations.annotateAbsolutePage({absolutePageIndex:f.absolutePageIndex}),!1}return!0}))):void 0,[n,o])},q=t.createToaster({placement:"bottom-end",pauseOnPageIdle:!0}),Te=()=>e.jsx(t.Portal,{children:e.jsx(t.Toaster,{toaster:q,insetInline:{mdDown:"4"},children:n=>e.jsxs(t.Toast.Root,{width:{md:"sm"},children:[n.type==="loading"?e.jsx(t.Spinner,{size:"sm",color:"blue.solid"}):e.jsx(t.Toast.Indicator,{}),e.jsxs(t.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[n.title&&e.jsx(t.Toast.Title,{children:n.title}),n.description&&e.jsx(t.Toast.Description,{children:n.description})]}),n.action&&e.jsx(t.Toast.ActionTrigger,{children:n.action.label}),n.meta?.closable&&e.jsx(t.Toast.CloseTrigger,{})]})})}),Pe={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function ye(){const[n,o]=c.useState(null),[s,i]=c.useState(Pe),r=c.useMemo(()=>new ResizeObserver(a=>{if(a[0]){const{x:d,y:h,width:u,height:p,top:k,left:f,bottom:C,right:T}=a[0].contentRect;i({x:d,y:h,width:u,height:p,top:k,left:f,bottom:C,right:T})}}),[]);return c.useLayoutEffect(()=>{if(n)return r.observe(n),()=>{r.disconnect()}},[n,r]),[o,s,n]}const me=(n,o,s)=>{const i=v(),r=Q(i)?i:void 0;g.useSubscribe(()=>{if(!r||!n)return l.NEVER;const a=o.layout.layout$.pipe(l.startWith(o.layout.layoutInfo),l.distinctUntilChanged(F.isShallowEqual)),d=F.observeIntersection(n).pipe(l.map(h=>h.some(u=>u.isIntersecting)));return a.pipe(l.throttleTime(100,void 0,{trailing:!0}),l.switchMap(()=>d.pipe(l.tap(h=>{h||(n.innerHTML="")}),l.filter(h=>h),l.first()).pipe(l.switchMap(()=>(n.innerHTML="",r?.gallery.snapshot(o,n,s))))))},[r,o,s,n])},we=c.memo(({item:n,onNavigated:o})=>{const[s,i,r]=ye(),a=v();me(r,n,i);const d=g.useObserve(()=>a?.locateResource(n,{mode:"shallow"}),[a,n]);return e.jsxs(t.Box,{width:"100%",aspectRatio:"2/3",border:"1px solid",borderColor:"border",borderRadius:"md","data-grid-item":!0,cursor:"pointer",position:"relative",overflow:"hidden",onClick:()=>{o(),a?.navigation.goToSpineItem({indexOrId:n})},children:[e.jsx(t.Box,{height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",ref:s}),e.jsxs(t.Text,{position:"absolute",bottom:0,left:"0",right:"0",textAlign:"center",bgColor:"white",p:4,fontSize:"xs",children:["Page ",(d?.meta?.absolutePageIndex??0)+1]})]})}),xe=c.memo(({open:n,setOpen:o})=>{const s=v(),i=g.useObserve(()=>s?.spineItemsManager.items$,[s]);return e.jsx(B,{lazyMount:!0,placement:"center",open:n,onOpenChange:r=>o(r.open),size:{mdDown:"full",md:"lg"},scrollBehavior:"inside",children:e.jsxs(x,{height:"100%",children:[e.jsx(D,{children:e.jsx(M,{children:"Gallery"})}),e.jsx(E,{children:e.jsx(t.Box,{gridTemplateColumns:["repeat(2, minmax(0, 1fr))","repeat(3, minmax(0, 1fr))"],display:"grid",gap:[2,4],pt:2,"data-grid":!0,children:i?.map(r=>e.jsx(we,{item:r,onNavigated:()=>{o(!1)}},r.item.id))})}),e.jsx(A,{children:e.jsx(L,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})})}),e.jsx(O,{})]})})}),Oe="@prose-reader/react-reader",Be="1.238.0",Ae=c.memo(({open:n,setOpen:o})=>e.jsx(B,{lazyMount:!0,placement:"center",open:n,onOpenChange:s=>o(s.open),size:{mdDown:"full",md:"lg"},scrollBehavior:"inside",children:e.jsxs(x,{children:[e.jsx(D,{children:e.jsx(M,{children:"Help"})}),e.jsxs(E,{overflowY:"auto",flex:1,display:"flex",flexDirection:"column",gap:4,children:[e.jsxs(t.Stack,{children:[e.jsx(t.Heading,{mb:2,as:"h3",size:"lg",children:"Shortcuts"}),e.jsxs(t.HStack,{mb:1,children:[e.jsx(t.Kbd,{children:e.jsx(S.LuArrowBigRight,{})})," ",e.jsx(t.Text,{children:"Navigate to right page"})]}),e.jsxs(t.HStack,{mb:1,children:[e.jsx(t.Kbd,{children:e.jsx(S.LuArrowBigLeft,{})})," ",e.jsx(t.Text,{children:"Navigate to left page"})]})]}),e.jsxs(t.Stack,{children:[e.jsx(t.Heading,{mb:2,as:"h3",size:"lg",children:"Bookmarks"}),e.jsx(t.HStack,{mb:1,children:e.jsx(t.Text,{children:"Tap on the top right corner of a page bookmark it"})})]}),e.jsxs(t.Stack,{children:[e.jsx(t.Heading,{mb:2,as:"h3",size:"lg",children:"About"}),e.jsxs(t.Text,{children:[Oe," version: ",Be]})]})]}),e.jsx(A,{children:e.jsx(L,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})})}),e.jsx(O,{})]})})),m=()=>{const n=v();return g.useObserve(()=>n?l.combineLatest([n.pagination.state$,n.context.state$]).pipe(l.map(([o,s])=>{const i=s.manifest?.spineItems.every(r=>r.mediaType?.startsWith("image/"));return{...o,hasChapters:!s.isFullyPrePaginated&&!i}})):l.NEVER,[n])},De=()=>{const n=m(),o=Math.floor((n?.percentageEstimateOfBook??0)*100),s=o>0?o:1;return n?.percentageEstimateOfBook===void 0?null:e.jsx(t.Box,{position:"absolute",right:0,bottom:0,p:2,color:"black",children:e.jsxs(t.Text,{fontSize:"sm",children:[s," %"]})})},Ee=()=>{const[n,o]=c.useState(new Date);return c.useEffect(()=>{const s=setInterval(()=>{o(new Date)},6e4);return()=>clearInterval(s)},[]),n},Me=n=>{const o=Ee();return e.jsx(t.Text,{fontSize:"xs",...n,children:o.toLocaleTimeString(navigator.language,{hour:"2-digit",minute:"2-digit"})})},W=()=>{const{quickMenuSignal:n}=z();return[g.useSignalValue(n),n.setValue,n]},Le=()=>{const[n]=W();return e.jsx(t.Box,{position:"absolute",left:0,bottom:0,p:2,color:n?void 0:"colorPalette.contrast",children:e.jsx(Me,{})})},ze=()=>{const n=v();g.useSubscribe(()=>n?.links$.subscribe(o=>{if(o.type==="click"&&F.isHtmlTagElement(o.target,"a")){if(!o.target.href)return;const s=new URL(o.target.href);window.location.host!==s.host&&confirm("You are going to be redirected to external link")&&window.open(o.target.href,"__blank")}}),[n])},_e=()=>{const n=v(),{notificationsSubject:o}=z();g.useSubscribe(()=>n?.zoom.isZooming$.pipe(l.switchMap(s=>{if(!s)return l.EMPTY;const i=new l.Subject;return o.next({key:"zoom",title:"Zooming",duration:999999,abort:i}),l.NEVER.pipe(l.finalize(()=>{i.next(),i.complete()}))})),[n])},$e=()=>{const n=v(),{notificationsSubject:o}=z();g.useSubscribe(()=>n?.settings.values$.pipe(l.map(({fontScale:s})=>s),l.distinctUntilChanged(),l.skip(1),l.tap(s=>{o.next({key:"fontScaleChange",title:"Font size changed",description:`${s*100} %`})})),[n,o])},He=()=>{const{notificationsSubject:n}=z();$e(),_e(),g.useSubscribe(()=>n.pipe(l.filter(g.isDefined),l.mergeMap(o=>{const s=o.duration??3e3,i=q.create({title:o.title,description:o.description,duration:s}),r=n.pipe(l.skip(1),l.filter(a=>!!o.key&&a?.key===o.key));return l.merge(l.timer(s),o.abort??l.NEVER,r).pipe(l.first(),l.finalize(()=>{q.dismiss(i)}))})),[n])},Ne=y.forwardRef(function(o,s){const{showArrow:i,children:r,portalled:a=!0,content:d,portalRef:h,...u}=o;return e.jsxs(t.Popover.Root,{...u,positioning:{...u.positioning,gutter:4},children:[e.jsx(t.Popover.Trigger,{asChild:!0,children:r}),e.jsx(t.Portal,{disabled:!a,container:h,children:e.jsx(t.Popover.Positioner,{children:e.jsxs(t.Popover.Content,{width:"auto",px:"2",py:"1",textStyle:"xs",rounded:"sm",ref:s,children:[i&&e.jsx(t.Popover.Arrow,{children:e.jsx(t.Popover.ArrowTip,{})}),d]})})})]})}),Fe=y.forwardRef(function(o,s){const{children:i,...r}=o;return e.jsx(Ne,{content:i,...r,ref:s,children:e.jsx(t.IconButton,{variant:"ghost","aria-label":"info",size:"2xs",colorPalette:"gray",children:e.jsx(te.HiOutlineInformationCircle,{})})})}),qe=y.forwardRef(function(o,s){return e.jsx(t.Progress.Track,{...o,ref:s,children:e.jsx(t.Progress.Range,{})})});y.forwardRef(function(o,s){const{children:i,info:r,...a}=o;return e.jsxs(t.Progress.Label,{...a,ref:s,children:[i,r&&e.jsx(Fe,{children:r})]})});const We=t.Progress.Root,Ve=t.Progress.ValueText,V=()=>{const n=m(),o=n?.numberOfTotalPages===1,s=(n?.beginNumberOfPagesInSpineItem??0)>1,i=(n?.endNumberOfPagesInSpineItem??0)>1,r=(n?.hasChapters?n?.beginPageIndexInSpineItem:n?.beginAbsolutePageIndex)??0,a=(n?.hasChapters?n?.endPageIndexInSpineItem:n?.endAbsolutePageIndex)??0,[d=0,h=0]=[r,a].sort((k,f)=>k-f),u=n?.beginPageIndexInSpineItem!==n?.endPageIndexInSpineItem||n?.beginSpineItemIndex!==n?.endSpineItemIndex,p=n?.hasChapters?n?.beginNumberOfPagesInSpineItem:n?.numberOfTotalPages;return{hasOnlyOnePage:o,beginPageIndex:r,endPageIndex:a,isBeginWithinChapter:s,isEndWithinChapter:i,beginAndEndAreDifferent:u,totalApproximatePages:p,leftPageIndex:d,rightPageIndex:h}},Ge=()=>{const n=m(),{hasOnlyOnePage:o,leftPageIndex:s,rightPageIndex:i,totalApproximatePages:r,beginAndEndAreDifferent:a}=V(),d=Math.round((n?.percentageEstimateOfBook??0)*100),h=p=>p?.subChapter?`${p.title} / ${h(p.subChapter)}`:p?.title||"",u=h(n?.beginChapterInfo);return e.jsxs(t.Stack,{alignItems:"center",gap:1,maxW:"100%",overflow:"auto",children:[e.jsx(We,{value:d,size:"xs",width:150,children:e.jsxs(t.HStack,{justifyContent:"space-between",children:[e.jsx(qe,{width:110}),e.jsx(Ve,{children:`${d}%`})]})}),e.jsx(t.Text,{truncate:!0,maxWidth:"100%",fontSize:"sm",mt:1,children:u?`Chapter: ${u}`:" "}),!o&&e.jsxs(t.HStack,{children:[e.jsx(t.Text,{fontSize:"xs",children:a?`${s+1} - ${i+1} of ${r}`:`${s+1} of ${r}`}),!!n?.hasChapters&&e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:"-"}),e.jsxs(t.Text,{fontSize:"xs",children:["(",(n?.beginAbsolutePageIndex??0)+1,")"]})]})]})]})},J=c.memo(({children:n,position:o,...s})=>e.jsx(t.Presence,{display:"flex",flexDirection:"row",width:"100%",position:"absolute",...o==="bottom"?{bottom:0}:{top:0},animationName:o==="bottom"?{_open:"slide-from-bottom, fade-in",_closed:"slide-to-bottom, fade-out"}:{_open:"slide-from-top, fade-in",_closed:"slide-to-top, fade-out"},animationDuration:"moderate",bgColor:"bg.panel",alignItems:"center",justifyContent:"center",shadow:"md",p:4,...s,children:n})),Ue=t.chakra(se),Ye=c.memo(n=>e.jsx(t.Box,{display:"contents",css:{"--bg":"colors.bg","--bg-emphasized":"colors.bg.emphasized","--color-solid":"colors.colorPalette.solid"},children:e.jsx(Ue,{keyboard:!1,style:{padding:0},css:{"& > .rc-slider-handle:focus-visible":{boxShadow:"0 0 0 2px var(--color-solid) !important"},"& > .rc-slider-handle:active":{boxShadow:"0 0 5px var(--color-solid) !important"},"& > .rc-slider-handle.rc-slider-handle-dragging":{boxShadow:"0 0 0 3px var(--color-solid) !important"}},styles:{rail:{height:"8px",top:"50%",transform:"translateY(-50%)",backgroundColor:"var(--bg-emphasized)"},track:{height:"8px",top:"50%",transform:"translateY(-50%)",backgroundColor:"var(--color-solid)"},handle:{width:"24px",height:"24px",top:"50%",borderColor:"var(--color-solid)",transform:`translate(${n.reverse?"50%":"-50%"}, -50%)`,backgroundColor:"var(--bg)",marginTop:"0px"}},...n})})),Ke=()=>{const o=m()?.isUsingSpread,{beginPageIndex:s,totalApproximatePages:i=0}=V(),r=o?Math.floor((s||0)/2):s,[a,d]=g.useSignalState(()=>g.signal({default:r||0})),h=0,u=Math.max(0,o?Math.floor((i-1)/2):i-1);return c.useEffect(()=>{d.update(r||0)},[r,d]),{value:a,valueSignal:d,min:h,max:u}},Qe=n=>{const o=v(),s=m(),{manifest:i}=g.useObserve(()=>o?.context.state$,[o])??{},r=i?.readingDirection==="rtl",a=s?.isUsingSpread,{totalApproximatePages:d=0,isBeginWithinChapter:h}=V(),u=1,p=h,{value:k,valueSignal:f,min:C,max:T}=Ke(),P=c.useCallback($=>{const[I=0]=Array.isArray($)?$:[$];f.setValue(I);const j=a?Math.floor(I)*2:Math.floor(I);p?o?.navigation.goToPageOfSpineItem({pageIndex:j,spineItemId:o.pagination.state.beginSpineItemIndex??0,animation:!1}):o?.navigation.goToAbsolutePageIndex({absolutePageIndex:j,animation:!1})},[o,a,f,p]);return g.useSubscribe(()=>o?.navigation.throttleLock({duration:100,trigger:f.subject}),[o,f]),d===1||a&&d===2?e.jsx(t.Box,{style:n.style}):e.jsx(Ye,{value:[k],max:T,min:C,reverse:r,step:u,onChange:P,...n})},Ze=c.memo(({open:n,onItemClick:o})=>{const s=v(),i=g.useObserve(()=>s?.navigation.state$,[s]),a=g.useObserve(()=>s?.settings.values$,[s])?.computedPageTurnDirection==="vertical",[d,h]=c.useState(!0);return e.jsxs(J,{present:n,position:"bottom",display:"flex",flexDirection:"column",overflow:"auto",pb:8,children:[e.jsxs(t.HStack,{flex:1,alignItems:"center",justifyContent:"center",maxWidth:"100%",children:[e.jsx(t.IconButton,{"aria-label":"left",size:"lg",variant:"ghost",flexShrink:0,onClick:()=>s?.navigation.goToLeftOrTopSpineItem(),disabled:!i?.canGoLeftSpineItem&&!i?.canGoTopSpineItem,children:a?e.jsx(H.RxDoubleArrowUp,{}):e.jsx(H.RxDoubleArrowLeft,{})}),e.jsxs(t.Stack,{flex:1,maxW:400,gap:2,alignItems:"center",overflow:"auto",px:4,children:[e.jsx(Ge,{}),e.jsx(Qe,{style:{width:"100%",maxWidth:"300px",height:"35px"}})]}),e.jsx(t.IconButton,{"aria-label":"right",size:"lg",flexShrink:0,variant:"ghost",disabled:!i?.canGoRightSpineItem&&!i?.canGoBottomSpineItem,onClick:()=>{s?.navigation.goToRightOrBottomSpineItem()},children:a?e.jsx(H.RxDoubleArrowDown,{}):e.jsx(H.RxDoubleArrowRight,{})})]}),e.jsx(t.HStack,{alignSelf:"stretch",alignItems:"center",justifyContent:"center",children:e.jsxs(t.Collapsible.Root,{open:d,flex:1,onOpenChange:({open:u})=>{h(u)},children:[e.jsx(t.Collapsible.Trigger,{paddingY:"3",width:"100%",display:"flex",justifyContent:"center",children:e.jsx(S.LuChevronDown,{style:{transform:d?"rotate(0deg)":"rotate(180deg)"}})}),e.jsxs(t.Collapsible.Content,{display:"flex",justifyContent:"center",children:[e.jsx(t.IconButton,{"aria-label":"Help",size:"lg",variant:"ghost",onClick:()=>o("help"),children:e.jsx(S.LuCircleHelp,{})}),e.jsx(t.IconButton,{"aria-label":"Table of contents",size:"lg",variant:"ghost",onClick:()=>o("toc"),children:e.jsx(S.LuTableOfContents,{})}),K(s)&&e.jsx(t.IconButton,{"aria-label":"Search",size:"lg",variant:"ghost",onClick:()=>o("search"),children:e.jsx(S.LuSearch,{})}),_(s)&&e.jsx(t.IconButton,{"aria-label":"Bookmarks",size:"lg",variant:"ghost",onClick:()=>o("bookmarks"),children:e.jsx(ne.BsBookmarks,{})}),_(s)&&e.jsx(t.IconButton,{"aria-label":"Annotations",size:"lg",variant:"ghost",onClick:()=>o("annotations"),children:e.jsx(S.LuNotebookPen,{})}),e.jsx(t.IconButton,{"aria-label":"Thumbnails",size:"lg",variant:s?.settings.values.viewportMode==="thumbnails"?"solid":"ghost",onClick:()=>{s?.settings.update({viewportMode:s?.settings.values.viewportMode==="normal"?"thumbnails":"normal"})},children:e.jsx(S.LuGalleryHorizontal,{})}),Q(s)&&e.jsx(t.IconButton,{"aria-label":"Gallery",size:"lg",variant:"ghost",onClick:()=>o("gallery"),children:e.jsx(oe.RiGalleryView2,{})})]})]})})]})}),Xe=()=>{const[n,o]=c.useState(!1),s=c.useCallback(()=>document.fullscreenElement?document.exitFullscreen().catch(console.error).then(()=>{o(!1)}):document.documentElement.requestFullscreen({navigationUI:"hide"}).catch(console.error).then(()=>{o(!0)}),[]);return c.useEffect(()=>{function i(){o(!!document.fullscreenElement)}return document.addEventListener("fullscreenchange",i),()=>{document.removeEventListener("fullscreenchange",i)}},[]),{isFullscreen:n,onToggleFullscreenClick:s}},Je=c.memo(({open:n,onItemClick:o})=>{const s=v(),i=g.useObserve(()=>s?.context.manifest$,[s]),{isFullscreen:r,onToggleFullscreenClick:a}=Xe();return e.jsxs(J,{present:n,position:"top",height:"80px",justifyContent:"space-between",children:[e.jsx(t.IconButton,{"aria-label":"left",size:"lg",variant:"ghost",flexShrink:0,onClick:()=>o("back"),children:e.jsx(G.IoIosArrowBack,{})}),e.jsx(t.Stack,{flex:1,maxW:600,gap:1,alignItems:"center",overflow:"auto",px:4,children:e.jsx(t.Text,{truncate:!0,maxWidth:"100%",children:i?.title})}),e.jsxs(t.HStack,{children:[e.jsx(t.IconButton,{"aria-label":"right",size:"lg",flexShrink:0,variant:"ghost",onClick:()=>o("more"),children:e.jsx(G.IoMdMore,{})}),e.jsx(t.IconButton,{"aria-label":"right",size:"lg",flexShrink:0,variant:"ghost",onClick:a,children:r?e.jsx(U.MdFullscreenExit,{}):e.jsx(U.MdFullscreen,{})})]})]})}),je=c.memo(({onItemClick:n})=>{const[o]=W();return e.jsxs(e.Fragment,{children:[e.jsx(Je,{open:o,onItemClick:n}),e.jsx(Ze,{open:o,onItemClick:n})]})}),Re=c.memo(({contextText:n="",startOffset:o=0,text:s,cfi:i="#",onClick:r,absolutePageIndex:a})=>{const h=n.substring(Math.max(o-15,0),Math.max(o,0)),u=n.substring(Math.min(o+s.length,n.length-1),Math.min(o+s.length+15,n.length-1));return e.jsxs(t.Link,{href:i,style:{margin:5,overflow:"hidden"},onClick:p=>{p.preventDefault(),r(i)},display:"flex",flexDirection:"column",alignItems:"flex-start",gap:0,children:[e.jsxs(t.Text,{lineClamp:1,as:"cite",style:{display:"block"},children:['"',h,e.jsx("b",{children:s}),u,'"']}),e.jsx(t.Text,{fontSize:"sm",color:"gray.500",style:{textDecoration:"none"},children:`Book page: ${a!==void 0?a+1:"unknown (not loaded)"}`})]})}),en=500,nn=()=>{const n=g.useConstant(()=>new l.BehaviorSubject("")),o=g.useObserve(n),s=v(),i=K(s)?s:void 0,r=g.useObserve(()=>n.pipe(l.distinctUntilChanged(),l.switchMap(a=>a===""||!i?l.of(void 0):l.merge(l.of({type:"start",data:void 0}),l.timer(en).pipe(l.switchMap(()=>i.search.search(a)),l.map(d=>({type:"end",data:d})))))),[i,n]);return{value:o,setValue:n.next.bind(n),status:r?.type??"idle",data:r?.data}},on=c.memo(({onNavigate:n})=>{const o=v(),{value:s,setValue:i,status:r,data:a}=nn(),d=p=>{i(p.target.value)},h=c.useCallback(p=>{n(),o?.navigation.goToCfi(p)},[o,n]),u=g.useObserve(()=>o?.locateResource(a?.slice(0,100)??[]),[a]);return e.jsxs(t.Stack,{flex:1,height:"100%",gap:2,children:[e.jsx(t.Input,{placeholder:"Type something...",value:s,onChange:d,flexShrink:0,variant:"subtle",name:"search",focusRing:"none",focusVisibleRing:"none",outline:"none",focusRingColor:"transparent"}),e.jsxs(t.Stack,{style:{overflow:"hidden",overflowY:"auto"},overflow:"auto",px:4,flex:1,children:[r==="start"&&e.jsx(t.Text,{children:"Searching ..."}),a?.length===0&&e.jsx(t.Text,{children:"No results"}),r==="end"&&(a?.length??0)>0&&e.jsxs(t.Stack,{children:[e.jsxs(t.Text,{fontSize:"md",children:[a?.length," result(s)"]}),e.jsx(t.Stack,{gap:0,children:u?.map((p,k)=>e.jsx(Re,{contextText:p.meta?.range?.startContainer.parentElement?.textContent??"",pageIndex:p.meta?.itemPageIndex,startOffset:p.meta?.range?.startOffset??0,text:s,cfi:p.meta.cfi,onClick:h,absolutePageIndex:p.meta?.absolutePageIndex},k))})]})]})]})}),tn=c.memo(({open:n,setOpen:o,onNavigate:s})=>e.jsx(B,{lazyMount:!0,placement:"center",open:n,onOpenChange:i=>o(i.open),size:{mdDown:"full",md:"lg"},scrollBehavior:"inside",children:e.jsxs(x,{height:"100%",children:[e.jsx(D,{children:e.jsx(M,{children:"Search"})}),e.jsx(E,{flex:1,p:0,children:e.jsx(on,{onNavigate:s})}),e.jsx(A,{children:e.jsx(L,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})})}),e.jsx(O,{})]})})),sn=c.memo(({onNavigate:n})=>{const o=v(),{manifest:s,assumedRenditionLayout:i}=g.useObserve(()=>o?.context.state$,[o])??{},{nav:r}=s??{},a=m();r?.toc;const{beginSpineItemIndex:d,beginPageIndexInSpineItem:h}=a??{},u=(i==="reflowable"?h:d)||0;let p=a?.beginChapterInfo;for(;p?.subChapter;)p=p?.subChapter;const k=(f,C,T)=>e.jsxs(c.Fragment,{children:[e.jsx(t.List.Item,{pl:4*(T+1),style:{display:"flex",alignItems:"center"},children:e.jsxs(t.Link,{onClick:()=>{n(),o?.navigation.goToUrl(f.href)},href:"#",children:[p?.path===f.path&&e.jsx(t.List.Indicator,{asChild:!0,children:e.jsx(S.LuCircleCheck,{})}),p?.path!==f.path&&e.jsx(t.List.Indicator,{asChild:!0,visibility:"hidden",children:e.jsx(S.LuCircleCheck,{})}),e.jsxs(t.Stack,{gap:0,children:[e.jsx(t.Text,{fontSize:"md",children:f.title||f.path}),p?.path===f.path&&e.jsx(t.Text,{fontStyle:"italic",fontWeight:"bold",fontSize:"sm",children:`Currently on page ${u+1}`})]})]})}),f.contents.length>0&&e.jsx(t.List.Root,{as:"div",gap:2,children:f.contents.map((P,w)=>k(P,w,T+1))})]},C);return e.jsx(t.List.Root,{gap:3,overflowY:"auto",py:4,flex:1,children:r?.toc.map((f,C)=>k(f,C,0))})}),rn=c.memo(({open:n,setOpen:o,onNavigate:s})=>e.jsx(B,{lazyMount:!0,placement:"center",open:n,onOpenChange:i=>o(i.open),size:{mdDown:"full",md:"lg"},scrollBehavior:"inside",children:e.jsxs(x,{children:[e.jsx(D,{children:e.jsx(M,{children:"Table of Contents"})}),e.jsx(E,{overflowY:"auto",flex:1,children:e.jsx(sn,{onNavigate:s})}),e.jsx(A,{children:e.jsx(L,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})})}),e.jsx(O,{})]})})),an=({enableFloatingTime:n=!0,enableFloatingProgress:o=!0,onItemClick:s})=>{const[i,r]=c.useState(!1),[a,d]=c.useState(!1),[h,u]=c.useState(!1),[p,k]=c.useState(void 0),[f,C]=c.useState(!1),[T,P]=W(),w=c.useCallback(()=>{r(!1),d(!1),u(!1),k(void 0),P(!1),C(!1)},[P]),$=c.useCallback(I=>{I==="annotations"?k("annotations"):I==="search"?u(!0):I==="help"?d(!0):I==="toc"?r(!0):I==="bookmarks"?k("bookmarks"):I==="gallery"&&C(!0),s?.(I)},[s]);return ze(),He(),Ie(),e.jsxs(e.Fragment,{children:[o&&e.jsx(t.Presence,{present:!T,animationName:{_open:"fade-in",_closed:"fade-out"},animationDuration:"moderate",children:e.jsx(De,{})}),e.jsx(xe,{open:f,setOpen:C}),e.jsx(je,{onItemClick:$}),e.jsx(Se,{}),e.jsx(Ae,{open:a,setOpen:d}),e.jsx(rn,{open:i,setOpen:r,onNavigate:w}),e.jsx(tn,{open:h,setOpen:u,onNavigate:w}),e.jsx(ue,{openWith:p,setOpen:I=>k(I?"annotations":void 0),onNavigate:w}),e.jsx(t.Presence,{present:n||T,animationName:{_open:"fade-in",_closed:"fade-out"},animationDuration:"slow",overflow:"hidden",children:e.jsx(Le,{})}),e.jsx(Te,{})]})};b.BOOKMARK_AREA_DATA_ATTRIBUTE=X,b.ReactReader=an,b.ReactReaderProvider=ie,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=index.umd.cjs.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prose-reader/react-reader",
   "private": false,
-  "version": "1.238.0",
+  "version": "1.239.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -50,5 +50,5 @@
       "optional": true
     }
   },
-  "gitHead": "1e25d026fdb26ad1ffd8187230a6fd15c1493c60"
+  "gitHead": "1014fc88c110c343adcf7328e5c6d20b8f130e94"
 }