@prose-reader/core 1.229.0 → 1.231.0

package/dist/index.umd.cjs

@@ -1,9 +1,9 @@
-(function(w,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("rxjs"),require("@prose-reader/shared"),require("rxjs/operators"),require("@prose-reader/cfi"),require("reactjrx")):typeof define=="function"&&define.amd?define(["exports","rxjs","@prose-reader/shared","rxjs/operators","@prose-reader/cfi","reactjrx"],o):(w=typeof globalThis<"u"?globalThis:w||self,o(w.prose={},w.rxjs,w.shared,w.operators,w.cfi,w.reactjrx))})(this,function(w,o,$,S,V,rt){"use strict";const at=(e,t)=>{const i=new RegExp(`${t}\\s*=\\s*([0-9.]+)`,"i"),n=e.match(i)||[],s=n[1]||"0";return n&&Number.parseFloat(s)||0},Mt=(e,t,i,n)=>{var s;if((s=e==null?void 0:e.contentDocument)!=null&&s.head){const r=e.contentDocument.createElement("style");r.id=t,r.innerHTML=i,n?e.contentDocument.head.prepend(r):e.contentDocument.head.appendChild(r)}},Tt=(e,t)=>{var i;if((i=e==null?void 0:e.contentDocument)!=null&&i.head){const n=e.contentDocument.getElementById(t);n&&n.remove()}},O=(e,t,i,n)=>{e&&(Tt(e,t),Mt(e,t,i,n))},x=e=>{if(e!=null&&e.contentDocument){const i=e.contentDocument.querySelector("meta[name='viewport']");if(i){const n=i.getAttribute("content");if(n){const s=at(n,"width"),r=at(n,"height");return s>0&&r>0?{hasViewport:!0,width:s,height:r}:{hasViewport:!0}}}}return{hasViewport:!1}},Ft=e=>e.pipe(o.switchMap(t=>{var i;return t.src==="about:blank"&&((i=t.contentDocument)==null?void 0:i.readyState)==="complete"&&t.contentDocument.body?o.of(t):o.fromEvent(t,"load").pipe(o.take(1),o.map(()=>t))})),Lt=e=>e.pipe(o.switchMap(t=>{var i;return o.from(((i=t==null?void 0:t.contentDocument)==null?void 0:i.fonts.ready)||o.of(void 0)).pipe(o.map(()=>t))})),Ae=e=>t=>{const i=e(t),n=new IntersectionObserver(s=>{s.forEach(r=>{r.isIntersecting?r.target.removeAttribute("tab-index"):r.target.setAttribute("tab-index","-1")})},{});return i.hookManager.register("item.onDocumentLoad",({itemId:s,destroy:r})=>{var l;const a=i.spineItemsManager.get(s);if(!a)return;const c=a.renderer.getDocumentFrame();if(!c)return;O(c,"prose-reader-accessibility",`
+(function(w,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("rxjs"),require("@prose-reader/shared"),require("rxjs/operators"),require("@prose-reader/cfi"),require("reactjrx")):typeof define=="function"&&define.amd?define(["exports","rxjs","@prose-reader/shared","rxjs/operators","@prose-reader/cfi","reactjrx"],o):(w=typeof globalThis<"u"?globalThis:w||self,o(w.prose={},w.rxjs,w.shared,w.operators,w.cfi,w.reactjrx))})(this,function(w,o,$,y,V,ut){"use strict";const lt=(e,t)=>{const i=new RegExp(`${t}\\s*=\\s*([0-9.]+)`,"i"),n=e.match(i)||[],s=n[1]||"0";return n&&Number.parseFloat(s)||0},Rt=(e,t,i,n)=>{var s;if((s=e==null?void 0:e.contentDocument)!=null&&s.head){const r=e.contentDocument.createElement("style");r.id=t,r.innerHTML=i,n?e.contentDocument.head.prepend(r):e.contentDocument.head.appendChild(r)}},At=(e,t)=>{var i;if((i=e==null?void 0:e.contentDocument)!=null&&i.head){const n=e.contentDocument.getElementById(t);n&&n.remove()}},N=(e,t,i,n)=>{e&&(At(e,t),Rt(e,t,i,n))},Z=e=>{if(e!=null&&e.contentDocument){const i=e.contentDocument.querySelector("meta[name='viewport']");if(i){const n=i.getAttribute("content");if(n){const s=lt(n,"width"),r=lt(n,"height");return s>0&&r>0?{hasViewport:!0,width:s,height:r}:{hasViewport:!0}}}}return{hasViewport:!1}},Dt=e=>e.pipe(o.switchMap(t=>{var i;return t.src==="about:blank"&&((i=t.contentDocument)==null?void 0:i.readyState)==="complete"&&t.contentDocument.body?o.of(t):o.fromEvent(t,"load").pipe(o.take(1),o.map(()=>t))})),Nt=e=>e.pipe(o.switchMap(t=>{var i;return o.from(((i=t==null?void 0:t.contentDocument)==null?void 0:i.fonts.ready)||o.of(void 0)).pipe(o.map(()=>t))})),Ue=e=>t=>{const i=e(t),n=new IntersectionObserver(s=>{s.forEach(r=>{r.isIntersecting?r.target.removeAttribute("tab-index"):r.target.setAttribute("tab-index","-1")})},{});return i.hookManager.register("item.onDocumentLoad",({itemId:s,destroy:r})=>{var l;const a=i.spineItemsManager.get(s);if(!a)return;const c=a.renderer.getDocumentFrame();if(!c)return;N(c,"prose-reader-accessibility",`
               :focus-visible {
                 
                 outline: -webkit-focus-ring-color auto 1px;
               }
-            `);const u=(l=c.contentDocument)==null?void 0:l.body.querySelectorAll("a");u==null||u.forEach(d=>{n.observe(d)}),r(()=>{u==null||u.forEach(d=>{n.unobserve(d)})})}),{...i}},De=e=>t=>{const i=e(t);return i.context.state$.pipe(o.takeUntil(i.$.destroy$)).subscribe(({rootElement:n})=>{if(!n)return;const s=()=>{i.settings.values.computedPageTurnMode==="controlled"&&n.scrollTo(0,0)};n.addEventListener("scroll",s)}),i.hookManager.register("item.onDocumentLoad",({itemId:n})=>{var a;const s=i.spineItemsManager.get(n),r=s==null?void 0:s.renderer.getDocumentFrame();r&&((a=r.contentDocument)==null||a.body.setAttribute("tabindex","-1"))}),i},C=$.Report.namespace("@prose-reader/core",void 0,{color:"#98cde7"}),Ne=["pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup"];function Oe(e,t,i){if("caretPositionFromPoint"in e)return e.caretPositionFromPoint(t,i);if("caretRangeFromPoint"in e&&typeof e.caretRangeFromPoint<"u")return e.caretRangeFromPoint(t,i)}const ke=(e,t)=>{const i="body"in e?ct(e.body,t):ct(e,t),n="createRange"in e?e:e.ownerDocument;if(i){let s,r=0;const a=n.createRange();return Array.from(i.childNodes).some(c=>{a.selectNodeContents(c);const u=a.getClientRects(),l=Ve(u,t);if(l){s=a.cloneRange();const d=Oe(n,Math.ceil(l.left),Math.ceil(l.top));return d&&"startContainer"in d&&d.startContainer===s.startContainer&&(r=d.startOffset),d&&"offsetNode"in d&&d.offsetNode===s.startContainer&&(r=d.offset),!0}return!1}),s?{node:s.startContainer,offset:r}:{node:i,offset:0}}},ct=(e,t)=>{let i;const n=Ct(e.getBoundingClientRect(),t);return n!=="before"&&n!=="after"&&(i=e),Array.from(e.children).some(s=>{const r=ct(s,t);return r?(i=r,!0):!1}),i};function Ct(e,{left:t,right:i}){return e.left<=t&&e.right<=t?"before":e.left<=t&&e.right>t&&e.right<=i?"partially-before":e.left<=i&&e.right>i?"partially-after":e.left>i?"after":"within"}function Ve(e,t){return Array.from(e).find(i=>{const n=Ct(i,t);return n!=="before"&&n!=="after"})}const Ue=(e,t)=>{var i;if(e.nodeType!==Node.CDATA_SECTION_NODE&&e.nodeType!==Node.DOCUMENT_TYPE_NODE){const n=(i=e.ownerDocument)==null?void 0:i.createRange();n==null||n.selectNodeContents(e);try{t<=((n==null?void 0:n.endOffset)||0)&&(n==null||n.setStart(e,t||0))}catch(s){C.error(s)}return n}},ut=e=>{var t,i,n,s,r;if(e!=null&&e.target&&((i=(t=e==null?void 0:e.target)==null?void 0:t.ownerDocument)!=null&&i.defaultView)){const a=(s=(n=e==null?void 0:e.target)==null?void 0:n.ownerDocument)==null?void 0:s.defaultView;if(a.PointerEvent&&e instanceof a.PointerEvent)return!0}if((r=e==null?void 0:e.view)!=null&&r.window){const a=e==null?void 0:e.view;if(a.PointerEvent&&e instanceof a.PointerEvent)return!0}return!!Ne.includes(e.type)},Ee=e=>{var t,i,n,s,r;if(ut(e))return!1;if(e!=null&&e.target&&((i=(t=e==null?void 0:e.target)==null?void 0:t.ownerDocument)!=null&&i.defaultView)){const a=(s=(n=e==null?void 0:e.target)==null?void 0:n.ownerDocument)==null?void 0:s.defaultView;if(a.MouseEvent)return e instanceof a.MouseEvent}if((r=e==null?void 0:e.view)!=null&&r.window){const a=e==null?void 0:e.view;if(a.MouseEvent)return e instanceof a.MouseEvent}return!1},We=e=>{var t,i,n,s,r;if(e!=null&&e.target&&((i=(t=e==null?void 0:e.target)==null?void 0:t.ownerDocument)!=null&&i.defaultView)){const a=(s=(n=e==null?void 0:e.target)==null?void 0:n.ownerDocument)==null?void 0:s.defaultView;if(a.TouchEvent)return e instanceof a.TouchEvent}if((r=e==null?void 0:e.view)!=null&&r.window){const a=e==null?void 0:e.view;if(a.TouchEvent)return e instanceof a.TouchEvent}return!1},Rt=()=>document.createElement("div"),At=e=>{const t=["img","video","audio","source","link","script"].join(",");return Array.from((e==null?void 0:e.querySelectorAll(t))||[])},ze=e=>{if(At(e).forEach(i=>{var s;const n=i.getAttribute("src")||i.getAttribute("href");n!=null&&n.startsWith("blob:")&&((s=e==null?void 0:e.defaultView)==null||s.URL.revokeObjectURL(n))}),e){const i=Array.from(e.styleSheets||[]);for(const n of i){const s=Array.from(n.cssRules||[]);for(const r of s)if(e.defaultView&&r instanceof e.defaultView.CSSFontFaceRule){const c=r.style.getPropertyValue("src").match(/blob:[^,\s'")]+/g);c&&c.forEach(u=>{var l;(l=e==null?void 0:e.defaultView)==null||l.URL.revokeObjectURL(u)})}}}};function Dt(e,t,i=[]){if(typeof e!="object"||e===null)return!1;for(const n of t)if(!(n in e))return!1;for(const n of i)if(n in e&&typeof e[n]!="function")return!1;return!0}function lt(e){return Dt(e,["nodeType"],[])&&e.nodeType===Node.ELEMENT_NODE}function Nt(e,t){return lt(e)&&e.tagName.toLowerCase()===t.toLowerCase()}function Be(e){return Dt(e,["startContainer","endContainer","startOffset","endOffset","collapsed","commonAncestorContainer"],["setStart","setEnd","selectNodeContents"])}const dt=({position:e,frameElement:t})=>{const i=t.getBoundingClientRect(),n=i.width/t.offsetWidth,s=i.height/t.offsetHeight,{left:r=0,top:a=0}=i,c=e.clientX*n+r,u=e.clientY*s+a;return{clientX:c,clientY:u}},He=(e,t,i,n)=>{var l;const s=(l=t==null?void 0:t.view)==null?void 0:l.frameElement;if(!t||!s)return e;const r=i.getSpineItemFromIframe(s),a=s,{height:c,width:u}=n.getPageSize();if(!r||!(a instanceof HTMLIFrameElement))return e;if(ut(e)){const{clientX:d,clientY:g}=dt({position:e,frameElement:a}),p=new PointerEvent(e.type,{...e,pointerId:e.pointerId,clientX:d,clientY:g});return Object.defineProperty(p,"target",{value:t.target,enumerable:!0}),p}if(Ee(e)){const{clientX:d,clientY:g}=dt({position:e,frameElement:a}),p=new MouseEvent(e.type,{...e,clientX:d,clientY:g});return Object.defineProperty(p,"target",{value:t.target,enumerable:!0}),p}if(We(e)){const d=Array.from(e.touches).map(p=>{const{clientX:h,clientY:m}=dt({position:p,frameElement:a});return new Touch({identifier:p.identifier,target:p.target,clientX:h,clientY:m})}),g=new TouchEvent(e.type,{touches:d,changedTouches:d,targetTouches:d});return Object.defineProperty(g,"target",{value:t.target,enumerable:!0}),g}return e},_e=[...["pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup"]],qe=e=>t=>{const i=e(t);return i.hookManager.register("item.onDocumentLoad",({destroy:n,itemId:s})=>{const r=i.spineItemsManager.get(s),a=r==null?void 0:r.renderer.getDocumentFrame();if(!a||!r)return;const c=_e.map(u=>{var d;const l=g=>{var h;let p=g;if(ut(g)&&(p=new PointerEvent(g.type,g)),p!==g){const m=He(p,g,i.spine.locator,i.context);(h=i.context.state.rootElement)==null||h.dispatchEvent(m)}};return(d=a.contentDocument)==null||d.addEventListener(u,l),()=>{var g;(g=a.contentDocument)==null||g.removeEventListener(u,l)}});n(()=>{c.forEach(u=>u())})}),i},gt=e=>S.map(t=>Object.entries(t).reduce((i,[n,s])=>e.includes(n)?{...i,[n]:s}:i,{})),Z=e=>t=>t.pipe(gt(e),S.distinctUntilChanged($.isShallowEqual));function q(e){return new o.Observable(t=>{const i=new ResizeObserver(n=>{t.next(n)});return i.observe(e),()=>{i.disconnect()}})}const Y=e=>t=>t.pipe(S.switchMap(i=>e.pipe(S.first(),S.map(()=>i)))),Ot=e=>{let t;const i=e.subscribe(n=>{t={result:n}});return()=>(i.unsubscribe(),t?o.of(t.result):e)};function pt(){return new o.Observable(e=>{if(window.requestIdleCallback){const i=window.requestIdleCallback(()=>{e.next(),e.complete()});return()=>cancelIdleCallback(i)}const t=setTimeout(()=>{e.next(),e.complete()},1);return()=>clearTimeout(t)})}function ht(e){return o.defer(()=>pt().pipe(S.switchMap(e)))}const mt=(e,t)=>new o.Observable(i=>{const n=new MutationObserver(s=>{i.next(s)});return n.observe(e,t),()=>n.disconnect()});function kt(e,t){return new o.Observable(i=>{const n=new IntersectionObserver(s=>{i.next(s)},t);return n.observe(e),()=>{n.disconnect()}})}class Vt{constructor(t,i){this.settingsManager=i;const n=$.shallowMergeIfDefined(this.getDefaultSettings(),t);this.outputSettings=this.computeOutputSettings(n),this.inputSettings=$.shallowMergeIfDefined(this.getDefaultSettings(),t),this.outputSettingsUpdateSubject=new o.Subject,this.values$=o.combineLatest([this.settingsManager.values$,this.outputSettingsUpdateSubject.pipe(S.startWith(this.outputSettings))]).pipe(S.map(([s,r])=>({...s,...r})),S.shareReplay(1)),this.values$.subscribe()}_prepareUpdate(t){const i=this.getCleanedParentInputSettings(t),n=this.settingsManager._prepareUpdate(i),s=$.shallowMergeIfDefined(this.inputSettings,t),r=this.computeOutputSettings(s),a=this.hasSettingsChanged(r);return{hasChanged:a||n.hasChanged,commit:()=>(this.inputSettings=s,this.outputSettings=r,!n.hasChanged&&a&&this.outputSettingsUpdateSubject.next(r),{...n.commit(),...r})}}update(t){const{commit:i}=this._prepareUpdate(t);i()}get values(){return{...this.settingsManager.values,...this.outputSettings}}watch(t){return Array.isArray(t)?this.values$.pipe(Z(t)):this.values$.pipe(S.map(i=>i[t]),S.distinctUntilChanged($.isShallowEqual))}destroy(){this.outputSettingsUpdateSubject.complete()}}const Ye=e=>{const t=new FileReader;return new Promise(i=>{t.addEventListener("load",()=>{i(t.result)},!1),t.readAsDataURL(e)})};let Xe=class extends Vt{computeOutputSettings(t){return t}hasSettingsChanged(t){return!$.isShallowEqual(this.outputSettings,t)}getCleanedParentInputSettings(t){const{fontJustification:i,fontScale:n,fontWeight:s,lineHeight:r,...a}=t;return a}getDefaultSettings(){return{fontScale:1,fontWeight:"publisher",lineHeight:"publisher",fontJustification:"publisher"}}};const xe=e=>t=>{const{fontScale:i,lineHeight:n,fontWeight:s,fontJustification:r}=t,a=new o.Subject,c=e(t),u=new Xe({fontScale:i,lineHeight:n,fontWeight:s,fontJustification:r},c.settings),l=()=>`
+            `);const u=(l=c.contentDocument)==null?void 0:l.body.querySelectorAll("a");u==null||u.forEach(d=>{n.observe(d)}),r(()=>{u==null||u.forEach(d=>{n.unobserve(d)})})}),{...i}},Ve=e=>t=>{const i=e(t);return i.context.state$.pipe(o.takeUntil(i.$.destroy$)).subscribe(({rootElement:n})=>{if(!n)return;const s=()=>{i.settings.values.computedPageTurnMode==="controlled"&&n.scrollTo(0,0)};n.addEventListener("scroll",s)}),i.hookManager.register("item.onDocumentLoad",({itemId:n})=>{var a;const s=i.spineItemsManager.get(n),r=s==null?void 0:s.renderer.getDocumentFrame();r&&((a=r.contentDocument)==null||a.body.setAttribute("tabindex","-1"))}),i},C=$.Report.namespace("@prose-reader/core",void 0,{color:"#98cde7"}),ke=["pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup"];function We(e,t,i){if("caretPositionFromPoint"in e)return e.caretPositionFromPoint(t,i);if("caretRangeFromPoint"in e&&typeof e.caretRangeFromPoint<"u")return e.caretRangeFromPoint(t,i)}const Ee=(e,t)=>{const i="body"in e?dt(e.body,t):dt(e,t),n="createRange"in e?e:e.ownerDocument;if(i){let s,r=0;const a=n.createRange();return Array.from(i.childNodes).some(c=>{a.selectNodeContents(c);const u=a.getClientRects(),l=ze(u,t);if(l){s=a.cloneRange();const d=We(n,Math.ceil(l.left),Math.ceil(l.top));return d&&"startContainer"in d&&d.startContainer===s.startContainer&&(r=d.startOffset),d&&"offsetNode"in d&&d.offsetNode===s.startContainer&&(r=d.offset),!0}return!1}),s?{node:s.startContainer,offset:r}:{node:i,offset:0}}},dt=(e,t)=>{let i;const n=Ot(e.getBoundingClientRect(),t);return n!=="before"&&n!=="after"&&(i=e),Array.from(e.children).some(s=>{const r=dt(s,t);return r?(i=r,!0):!1}),i};function Ot(e,{left:t,right:i}){return e.left<=t&&e.right<=t?"before":e.left<=t&&e.right>t&&e.right<=i?"partially-before":e.left<=i&&e.right>i?"partially-after":e.left>i?"after":"within"}function ze(e,t){return Array.from(e).find(i=>{const n=Ot(i,t);return n!=="before"&&n!=="after"})}const He=(e,t)=>{var i;if(e.nodeType!==Node.CDATA_SECTION_NODE&&e.nodeType!==Node.DOCUMENT_TYPE_NODE){const n=(i=e.ownerDocument)==null?void 0:i.createRange();n==null||n.selectNodeContents(e);try{t<=((n==null?void 0:n.endOffset)||0)&&(n==null||n.setStart(e,t||0))}catch(s){C.error(s)}return n}},gt=e=>{var t,i,n,s,r;if(e!=null&&e.target&&((i=(t=e==null?void 0:e.target)==null?void 0:t.ownerDocument)!=null&&i.defaultView)){const a=(s=(n=e==null?void 0:e.target)==null?void 0:n.ownerDocument)==null?void 0:s.defaultView;if(a.PointerEvent&&e instanceof a.PointerEvent)return!0}if((r=e==null?void 0:e.view)!=null&&r.window){const a=e==null?void 0:e.view;if(a.PointerEvent&&e instanceof a.PointerEvent)return!0}return!!ke.includes(e.type)},Be=e=>{var t,i,n,s,r;if(gt(e))return!1;if(e!=null&&e.target&&((i=(t=e==null?void 0:e.target)==null?void 0:t.ownerDocument)!=null&&i.defaultView)){const a=(s=(n=e==null?void 0:e.target)==null?void 0:n.ownerDocument)==null?void 0:s.defaultView;if(a.MouseEvent)return e instanceof a.MouseEvent}if((r=e==null?void 0:e.view)!=null&&r.window){const a=e==null?void 0:e.view;if(a.MouseEvent)return e instanceof a.MouseEvent}return!1},_e=e=>{var t,i,n,s,r;if(e!=null&&e.target&&((i=(t=e==null?void 0:e.target)==null?void 0:t.ownerDocument)!=null&&i.defaultView)){const a=(s=(n=e==null?void 0:e.target)==null?void 0:n.ownerDocument)==null?void 0:s.defaultView;if(a.TouchEvent)return e instanceof a.TouchEvent}if((r=e==null?void 0:e.view)!=null&&r.window){const a=e==null?void 0:e.view;if(a.TouchEvent)return e instanceof a.TouchEvent}return!1},Ut=()=>document.createElement("div"),Vt=e=>{const t=["img","video","audio","source","link","script"].join(",");return Array.from((e==null?void 0:e.querySelectorAll(t))||[])},qe=e=>{if(Vt(e).forEach(i=>{var s;const n=i.getAttribute("src")||i.getAttribute("href");n!=null&&n.startsWith("blob:")&&((s=e==null?void 0:e.defaultView)==null||s.URL.revokeObjectURL(n))}),e){const i=Array.from(e.styleSheets||[]);for(const n of i){const s=Array.from(n.cssRules||[]);for(const r of s)if(e.defaultView&&r instanceof e.defaultView.CSSFontFaceRule){const c=r.style.getPropertyValue("src").match(/blob:[^,\s'")]+/g);c&&c.forEach(u=>{var l;(l=e==null?void 0:e.defaultView)==null||l.URL.revokeObjectURL(u)})}}}};function kt(e,t,i=[]){if(typeof e!="object"||e===null)return!1;for(const n of t)if(!(n in e))return!1;for(const n of i)if(n in e&&typeof e[n]!="function")return!1;return!0}function pt(e){return kt(e,["nodeType"],[])&&e.nodeType===Node.ELEMENT_NODE}function Wt(e,t){return pt(e)&&e.tagName.toLowerCase()===t.toLowerCase()}function Ye(e){return kt(e,["startContainer","endContainer","startOffset","endOffset","collapsed","commonAncestorContainer"],["setStart","setEnd","selectNodeContents"])}const ht=({position:e,frameElement:t})=>{const i=t.getBoundingClientRect(),n=i.width/t.offsetWidth,s=i.height/t.offsetHeight,{left:r=0,top:a=0}=i,c=e.clientX*n+r,u=e.clientY*s+a;return{clientX:c,clientY:u}},xe=(e,t,i,n)=>{var l;const s=(l=t==null?void 0:t.view)==null?void 0:l.frameElement;if(!t||!s)return e;const r=i.getSpineItemFromIframe(s),a=s,{height:c,width:u}=n.getPageSize();if(!r||!(a instanceof HTMLIFrameElement))return e;if(gt(e)){const{clientX:d,clientY:g}=ht({position:e,frameElement:a}),p=new PointerEvent(e.type,{...e,pointerId:e.pointerId,clientX:d,clientY:g});return Object.defineProperty(p,"target",{value:t.target,enumerable:!0}),p}if(Be(e)){const{clientX:d,clientY:g}=ht({position:e,frameElement:a}),p=new MouseEvent(e.type,{...e,clientX:d,clientY:g});return Object.defineProperty(p,"target",{value:t.target,enumerable:!0}),p}if(_e(e)){const d=Array.from(e.touches).map(p=>{const{clientX:m,clientY:h}=ht({position:p,frameElement:a});return new Touch({identifier:p.identifier,target:p.target,clientX:m,clientY:h})}),g=new TouchEvent(e.type,{touches:d,changedTouches:d,targetTouches:d});return Object.defineProperty(g,"target",{value:t.target,enumerable:!0}),g}return e},Xe=[...["pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup"]],Ze=e=>t=>{const i=e(t);return i.hookManager.register("item.onDocumentLoad",({destroy:n,itemId:s})=>{const r=i.spineItemsManager.get(s),a=r==null?void 0:r.renderer.getDocumentFrame();if(!a||!r)return;const c=Xe.map(u=>{var d;const l=g=>{var m;let p=g;if(gt(g)&&(p=new PointerEvent(g.type,g)),p!==g){const h=xe(p,g,i.spine.locator,i.context);(m=i.context.state.rootElement)==null||m.dispatchEvent(h)}};return(d=a.contentDocument)==null||d.addEventListener(u,l),()=>{var g;(g=a.contentDocument)==null||g.removeEventListener(u,l)}});n(()=>{c.forEach(u=>u())})}),i},mt=e=>y.map(t=>Object.entries(t).reduce((i,[n,s])=>e.includes(n)?{...i,[n]:s}:i,{})),G=e=>t=>t.pipe(mt(e),y.distinctUntilChanged($.isShallowEqual));function K(e){return new o.Observable(t=>{const i=new ResizeObserver(n=>{t.next(n)});return i.observe(e),()=>{i.disconnect()}})}const Y=e=>t=>t.pipe(y.switchMap(i=>e.pipe(y.first(),y.map(()=>i)))),Et=e=>{let t;const i=e.subscribe(n=>{t={result:n}});return()=>(i.unsubscribe(),t?o.of(t.result):e)};function ft(){return new o.Observable(e=>{if(window.requestIdleCallback){const i=window.requestIdleCallback(()=>{e.next(),e.complete()});return()=>cancelIdleCallback(i)}const t=setTimeout(()=>{e.next(),e.complete()},1);return()=>clearTimeout(t)})}function St(e){return o.defer(()=>ft().pipe(y.switchMap(e)))}const yt=(e,t)=>new o.Observable(i=>{const n=new MutationObserver(s=>{i.next(s)});return n.observe(e,t),()=>n.disconnect()});function Ge(e,t){return new o.Observable(i=>{const n=new IntersectionObserver(s=>{i.next(s)},t);return n.observe(e),()=>{n.disconnect()}})}class zt{constructor(t,i){this.settingsManager=i;const n=$.shallowMergeIfDefined(this.getDefaultSettings(),t);this.outputSettings=this.computeOutputSettings(n),this.inputSettings=$.shallowMergeIfDefined(this.getDefaultSettings(),t),this.outputSettingsUpdateSubject=new o.Subject,this.values$=o.combineLatest([this.settingsManager.values$,this.outputSettingsUpdateSubject.pipe(y.startWith(this.outputSettings))]).pipe(y.map(([s,r])=>({...s,...r})),y.shareReplay(1)),this.values$.subscribe()}_prepareUpdate(t){const i=this.getCleanedParentInputSettings(t),n=this.settingsManager._prepareUpdate(i),s=$.shallowMergeIfDefined(this.inputSettings,t),r=this.computeOutputSettings(s),a=this.hasSettingsChanged(r);return{hasChanged:a||n.hasChanged,commit:()=>(this.inputSettings=s,this.outputSettings=r,!n.hasChanged&&a&&this.outputSettingsUpdateSubject.next(r),{...n.commit(),...r})}}update(t){const{commit:i}=this._prepareUpdate(t);i()}get values(){return{...this.settingsManager.values,...this.outputSettings}}watch(t){return Array.isArray(t)?this.values$.pipe(G(t)):this.values$.pipe(y.map(i=>i[t]),y.distinctUntilChanged($.isShallowEqual))}destroy(){this.outputSettingsUpdateSubject.complete()}}const Ke=e=>{const t=new FileReader;return new Promise(i=>{t.addEventListener("load",()=>{i(t.result)},!1),t.readAsDataURL(e)})};let Je=class extends zt{computeOutputSettings(t){return t}hasSettingsChanged(t){return!$.isShallowEqual(this.outputSettings,t)}getCleanedParentInputSettings(t){const{fontJustification:i,fontScale:n,fontWeight:s,lineHeight:r,...a}=t;return a}getDefaultSettings(){return{fontScale:1,fontWeight:"publisher",lineHeight:"publisher",fontJustification:"publisher"}}};const Qe=e=>t=>{const{fontScale:i,lineHeight:n,fontWeight:s,fontJustification:r}=t,a=new o.Subject,c=e(t),u=new Je({fontScale:i,lineHeight:n,fontWeight:s,fontJustification:r},c.settings),l=()=>`
     
     body {
       ${u.values.fontScale!==1?`font-size: ${u.values.fontScale}em !important;`:""}
@@ -11,7 +11,7 @@
       ${u.values.fontWeight!=="publisher"?`font-weight: ${u.values.fontWeight} !important;`:""}
       ${u.values.fontJustification!=="publisher"?`text-align: ${u.values.fontJustification} !important;`:""}
     }
-  `,d=p=>{c.spineItemsManager.items.forEach(h=>{if(h.renditionLayout!=="pre-paginated"){const m=h.renderer.getDocumentFrame();m&&O(m,"prose-reader-fonts",l())}}),p&&c.layout()};c.hookManager.register("item.onDocumentLoad",({itemId:p})=>{const h=c.spineItemsManager.get(p);if((h==null?void 0:h.renditionLayout)!=="pre-paginated"){const m=h==null?void 0:h.renderer.getDocumentFrame();m&&O(m,"prose-reader-fonts",l())}});const g=p=>p.pipe(S.pairwise(),o.map(([h,m])=>m.fontScale!==h.fontScale||m.lineHeight!==h.lineHeight));return u.values$.pipe(g,S.tap(d),o.takeUntil(c.$.destroy$)).subscribe(),{...c,destroy:()=>{a.complete(),u.destroy(),c.destroy()},settings:u}},Ze=e=>t=>{const i=e(t),n=s=>o.fromEvent(s,"keyup").pipe(o.withLatestFrom(i.settings.values$),o.map(([r,{pageTurnDirection:a}])=>{if(a==="horizontal"){if(r.key==="ArrowRight")return i.navigation.turnRight();if(r.key==="ArrowLeft")return i.navigation.turnLeft()}if(a==="vertical"){if(r.key==="ArrowDown")return i.navigation.turnRight();if(r.key==="ArrowUp")return i.navigation.turnLeft()}return r}));return n(document).pipe(o.takeUntil(i.$.destroy$)).subscribe(),i.spineItemsManager.items$.pipe(o.switchMap(s=>o.merge(...s.map(r=>r.loaded$.pipe(o.switchMap(()=>{const a=r.renderer.getDocumentFrame();return a instanceof HTMLIFrameElement&&(a!=null&&a.contentDocument)?n(a.contentDocument):o.EMPTY}))))),o.takeUntil(i.$.destroy$)).subscribe(),i},Ge=e=>e.spine.spineItemsManager.items$.pipe(o.switchMap(t=>o.merge(...t.map(i=>i.loaded$.pipe(o.switchMap(()=>{const n=i.renderer.getDocumentFrame();if(!n||!(n!=null&&n.contentDocument))return o.NEVER;const r=Array.from(n.contentDocument.querySelectorAll("a")).map(a=>o.fromEvent(a,"click"));return o.merge(...r)}))))),o.tap(t=>{t.preventDefault()}),o.share());class D{constructor(){this.isDestroyed=!1,this.destroySubject=new o.Subject,this.destroy$=this.destroySubject.asObservable()}destroy(){this.isDestroyed||(this.isDestroyed=!0,this.destroySubject.next(),this.destroySubject.complete())}}const st=class st extends D{constructor(t){super(),this.triggerSubject=new o.Subject,this.stateSubject=new o.BehaviorSubject("idle"),this.unload$=this.triggerSubject.pipe(o.withLatestFrom(this.stateSubject),o.filter(([s,r])=>s.type==="unload"&&r!=="idle"&&r!=="unloading"),o.map(()=>{}),o.share()),this.load$=this.triggerSubject.pipe(o.withLatestFrom(this.stateSubject),o.filter(([s,r])=>s.type==="load"&&r!=="loaded"&&r!=="loading"),o.map(()=>{}),o.share()),this.context=t.context,this.settings=t.settings,this.hookManager=t.hookManager,this.item=t.item,this.containerElement=t.containerElement,this.resourcesHandler=t.resourcesHandler;const i=this.triggerSubject.pipe(o.withLatestFrom(this.stateSubject),o.filter(([s,r])=>s.type==="unload"&&r!=="idle"&&r!=="unloading"),o.map(()=>{}),o.share());this.load$.pipe(o.switchMap(()=>(this.stateSubject.next("loading"),this.onCreateDocument().pipe(o.first()).pipe(o.mergeMap(r=>(this.hookManager.execute("item.onDocumentCreated",this.item.id,{itemId:this.item.id,documentContainer:r}),this.onLoadDocument().pipe(o.endWith(null),o.first()).pipe(Y(this.context.bridgeEvent.viewportFree$),o.switchMap(()=>{const c=this.hookManager.execute("item.onDocumentLoad",this.item.id,{itemId:this.item.id,documentContainer:r}).filter(u=>u instanceof o.Observable);return o.combineLatest([o.of(null),...c]).pipe(o.first())})))),o.tap(()=>{this.stateSubject.next("loaded")}),o.takeUntil(o.merge(this.destroy$,i)))))).subscribe();const n=i.pipe(o.switchMap(()=>(this.stateSubject.next("unloading"),this.context.bridgeEvent.viewportFree$.pipe(o.first(),o.tap(()=>{this.hookManager.destroy("item.onDocumentLoad",this.item.id)}),o.switchMap(()=>this.onUnload().pipe(o.endWith(null),o.first())),o.tap(()=>{this.stateSubject.next("idle")}),o.takeUntil(this.load$)))));o.merge(n).pipe(o.takeUntil(this.destroy$)).subscribe()}setDocumentContainer(t){this._documentContainer=t,this._documentContainer.classList.add(st.DOCUMENT_CONTAINER_CLASS_NAME)}attach(){this.documentContainer&&this.containerElement.appendChild(this.documentContainer)}detach(){var t;(t=this._documentContainer)==null||t.remove(),this._documentContainer=void 0}get state$(){return this.stateSubject}get isLoaded$(){return this.state$.pipe(o.map(t=>t==="loaded"))}load(){this.triggerSubject.next({type:"load"})}unload(){this.triggerSubject.next({type:"unload"})}renderHeadless(){const t=new o.Subject;return o.defer(()=>this.onRenderHeadless({release:t})).pipe(o.endWith(void 0),o.first(),o.map(i=>{if(i)return{doc:i,release:()=>{t.next(void 0)}}}),o.finalize(()=>{t.complete()}),o.catchError(i=>(C.error(i),o.of(void 0))))}layout(t){return o.defer(()=>this.onLayout(t))}destroy(){this.unload(),this.stateSubject.complete(),super.destroy()}get documentContainer(){return this._documentContainer}get writingMode(){}get readingDirection(){}get renditionLayout(){var n;const t=this.item.renditionLayout;if(t)return t;const i=this.getDocumentFrame();if(i){const{hasViewport:s}=x(i);if(s)return"pre-paginated"}return((n=this.context.manifest)==null?void 0:n.renditionLayout)??"reflowable"}};st.DOCUMENT_CONTAINER_CLASS_NAME="prose-reader-document-container";let z=st;const Ke=e=>new URL(e.href);class G{constructor(t,i){this.item=t,this.settings=i}async getResource(){var i,n;return await o.lastValueFrom(((n=(i=this.settings.values).getResource)==null?void 0:n.call(i,this.item))??o.of(void 0))??Ke(this.item)}async fetchResource(){const t=await this.getResource();return t instanceof Response?t:t instanceof URL?fetch(t):t}}const Ut=(e,t)=>{const i=e.startsWith("file://"),n=i?e.replace("file://","http://"):e,s=new URL(t,n).toString();return i?s.replace("http://","file://"):s},Je=async(e,t,i,n,s)=>{if(!e||!e.defaultView)return;const r=t.sheet;if(r)try{const a=Array.from(r.cssRules||[]);for(let c=0;c<a.length;c++){const u=a[c];if(e.defaultView&&u instanceof e.defaultView.CSSFontFaceRule){const l=u.style.getPropertyValue("src");if(l.match(/url\(['"]?([^'"]+)['"]?\)/g)){const g=l.split(",").map(m=>m.trim()),p=await Promise.all(g.map(async m=>{var I,v;if(m.startsWith("local("))return m;const f=m.match(/url\(['"]?([^'"]+)['"]?\)/);if(!f)return m;const b=f[1]??"",y=(I=n.manifest)==null?void 0:I.items.find(({href:P})=>`${Ut(i,b).toLowerCase()}`.endsWith(`${P.toLowerCase()}`));if(y){const P=new G(y,s);try{const M=await P.getResource();if(M instanceof Response){const L=await M.blob(),R=(v=e.defaultView)==null?void 0:v.URL.createObjectURL(L);return m.replace(f[0],`url("${R}")`)}}catch(M){console.error("Error loading font:",M)}}return m})),h=u.cssText.replace(/src:\s*[^;]+;/,`src: ${p.join(", ")};`);r.deleteRule(c),r.insertRule(h,c)}}}}catch(a){console.error("Could not access stylesheet rules:",a)}},Qe=(e,t,i,n,s)=>{var u;const r=t.getAttribute("src")||t.getAttribute("href");if(!r)return o.of(null);const a=(u=n.manifest)==null?void 0:u.items.find(({href:l})=>`${Ut(i,r).toLowerCase()}`.endsWith(`${l.toLowerCase()}`));if(!a)return o.of(null);const c=new G(a,s);return o.from(c.getResource()).pipe(o.mergeMap(l=>l instanceof Response?o.from(l.blob()):o.of(void 0)),o.mergeMap(l=>{var g;if(!l)return o.of(null);const d=((g=e==null?void 0:e.defaultView)==null?void 0:g.URL.createObjectURL(l))??"";if(t.hasAttribute("src"))t.setAttribute("src",d);else if(t.hasAttribute("href")&&(t.setAttribute("href",d),e!=null&&e.defaultView&&t instanceof e.defaultView.HTMLLinkElement))return new o.Observable(p=>{t.onload=async()=>{try{t.sheet&&await Je(e,t,i,n,s),p.next(),p.complete()}catch(h){p.error(h)}},t.onerror=p.error});return o.of(null)}))},je=({settings:e,item:t,context:i})=>n=>n.pipe(o.switchMap(s=>{const r=At(s.contentDocument),a=$.getParentPath(t.href),c=r.map(u=>Qe(s.contentDocument,u,a,i,e));return o.combineLatest(c).pipe(o.map(()=>s))})),ti=e=>{ze(e==null?void 0:e.contentDocument)},ei=[".xhtml",".html",".htm"],B="prose-reader",ii=e=>new Promise((t,i)=>{const n=new Image;n.src=e,n.onload=()=>{t({height:n.naturalHeight,width:n.naturalWidth})},n.onerror=i}),ni=async(e,t)=>{if(typeof e=="string")return e;const i=$.parseContentType(e.headers.get("Content-Type")||"")||$.detectMimeTypeFromName(t.href);if(["image/jpg","image/jpeg","image/png","image/webp"].some(s=>s===i)){const s=await Ye(await e.blob()),{height:r,width:a}=await ii(s);return`
+  `,d=p=>{c.spineItemsManager.items.forEach(m=>{if(m.renditionLayout!=="pre-paginated"){const h=m.renderer.getDocumentFrame();h&&N(h,"prose-reader-fonts",l())}}),p&&c.layout()};c.hookManager.register("item.onDocumentLoad",({itemId:p})=>{const m=c.spineItemsManager.get(p);if((m==null?void 0:m.renditionLayout)!=="pre-paginated"){const h=m==null?void 0:m.renderer.getDocumentFrame();h&&N(h,"prose-reader-fonts",l())}});const g=p=>p.pipe(y.pairwise(),o.map(([m,h])=>h.fontScale!==m.fontScale||h.lineHeight!==m.lineHeight));return u.values$.pipe(g,y.tap(d),o.takeUntil(c.$.destroy$)).subscribe(),{...c,destroy:()=>{a.complete(),u.destroy(),c.destroy()},settings:u}},je=e=>t=>{const i=e(t),n=s=>o.fromEvent(s,"keyup").pipe(o.withLatestFrom(i.settings.values$),o.map(([r,{pageTurnDirection:a}])=>{if(a==="horizontal"){if(r.key==="ArrowRight")return i.navigation.turnRight();if(r.key==="ArrowLeft")return i.navigation.turnLeft()}if(a==="vertical"){if(r.key==="ArrowDown")return i.navigation.turnRight();if(r.key==="ArrowUp")return i.navigation.turnLeft()}return r}));return n(document).pipe(o.takeUntil(i.$.destroy$)).subscribe(),i.spineItemsManager.items$.pipe(o.switchMap(s=>o.merge(...s.map(r=>r.loaded$.pipe(o.switchMap(()=>{const a=r.renderer.getDocumentFrame();return a instanceof HTMLIFrameElement&&(a!=null&&a.contentDocument)?n(a.contentDocument):o.EMPTY}))))),o.takeUntil(i.$.destroy$)).subscribe(),i},ti=e=>e.spine.spineItemsManager.items$.pipe(o.switchMap(t=>o.merge(...t.map(i=>i.loaded$.pipe(o.switchMap(()=>{const n=i.renderer.getDocumentFrame();if(!n||!(n!=null&&n.contentDocument))return o.NEVER;const r=Array.from(n.contentDocument.querySelectorAll("a")).map(a=>o.fromEvent(a,"click"));return o.merge(...r)}))))),o.tap(t=>{t.preventDefault()}),o.share());class A{constructor(){this.isDestroyed=!1,this.destroySubject=new o.Subject,this.destroy$=this.destroySubject.asObservable()}destroy(){this.isDestroyed||(this.isDestroyed=!0,this.destroySubject.next(),this.destroySubject.complete())}}const ct=class ct extends A{constructor(t){super(),this.triggerSubject=new o.Subject,this.stateSubject=new o.BehaviorSubject("idle"),this.unload$=this.triggerSubject.pipe(o.withLatestFrom(this.stateSubject),o.filter(([s,r])=>s.type==="unload"&&r!=="idle"&&r!=="unloading"),o.map(()=>{}),o.share()),this.load$=this.triggerSubject.pipe(o.withLatestFrom(this.stateSubject),o.filter(([s,r])=>s.type==="load"&&r!=="loaded"&&r!=="loading"),o.map(()=>{}),o.share()),this.context=t.context,this.settings=t.settings,this.hookManager=t.hookManager,this.item=t.item,this.containerElement=t.containerElement,this.resourcesHandler=t.resourcesHandler;const i=this.triggerSubject.pipe(o.withLatestFrom(this.stateSubject),o.filter(([s,r])=>s.type==="unload"&&r!=="idle"&&r!=="unloading"),o.map(()=>{}),o.share());this.load$.pipe(o.switchMap(()=>(this.stateSubject.next("loading"),this.onCreateDocument().pipe(o.first()).pipe(o.mergeMap(r=>(this.hookManager.execute("item.onDocumentCreated",this.item.id,{itemId:this.item.id,documentContainer:r}),this.onLoadDocument().pipe(o.endWith(null),o.first()).pipe(Y(this.context.bridgeEvent.viewportFree$),o.switchMap(()=>{const c=this.hookManager.execute("item.onDocumentLoad",this.item.id,{itemId:this.item.id,documentContainer:r}).filter(u=>u instanceof o.Observable);return o.combineLatest([o.of(null),...c]).pipe(o.first())})))),o.tap(()=>{this.stateSubject.next("loaded")}),o.takeUntil(o.merge(this.destroy$,i)))))).subscribe();const n=i.pipe(o.switchMap(()=>(this.stateSubject.next("unloading"),this.context.bridgeEvent.viewportFree$.pipe(o.first(),o.tap(()=>{this.hookManager.destroy("item.onDocumentLoad",this.item.id)}),o.switchMap(()=>this.onUnload().pipe(o.endWith(null),o.first())),o.tap(()=>{this.stateSubject.next("idle")}),o.takeUntil(this.load$)))));o.merge(n).pipe(o.takeUntil(this.destroy$)).subscribe()}setDocumentContainer(t){this._documentContainer=t,this._documentContainer.classList.add(ct.DOCUMENT_CONTAINER_CLASS_NAME)}attach(){this.documentContainer&&this.containerElement.appendChild(this.documentContainer)}detach(){var t;(t=this._documentContainer)==null||t.remove(),this._documentContainer=void 0}get state$(){return this.stateSubject}get isLoaded$(){return this.state$.pipe(o.map(t=>t==="loaded"))}load(){this.triggerSubject.next({type:"load"})}unload(){this.triggerSubject.next({type:"unload"})}renderHeadless(){const t=new o.Subject;return o.defer(()=>this.onRenderHeadless({release:t})).pipe(o.endWith(void 0),o.first(),o.map(i=>{if(i)return{doc:i,release:()=>{t.next(void 0)}}}),o.finalize(()=>{t.complete()}),o.catchError(i=>(C.error(i),o.of(void 0))))}layout(t){return o.defer(()=>this.onLayout(t))}destroy(){this.unload(),this.stateSubject.complete(),super.destroy()}get documentContainer(){return this._documentContainer}get writingMode(){}get readingDirection(){}get renditionLayout(){var n;const t=this.item.renditionLayout;if(t)return t;const i=this.getDocumentFrame();if(i){const{hasViewport:s}=Z(i);if(s)return"pre-paginated"}return((n=this.context.manifest)==null?void 0:n.renditionLayout)??"reflowable"}};ct.DOCUMENT_CONTAINER_CLASS_NAME="prose-reader-document-container";let H=ct;const ei=e=>new URL(e.href);class J{constructor(t,i){this.item=t,this.settings=i}async getResource(){var i,n;return await o.lastValueFrom(((n=(i=this.settings.values).getResource)==null?void 0:n.call(i,this.item))??o.of(void 0))??ei(this.item)}async fetchResource(){const t=await this.getResource();return t instanceof Response?t:t instanceof URL?fetch(t):t}}const Ht=(e,t)=>{const i=e.startsWith("file://"),n=i?e.replace("file://","http://"):e,s=new URL(t,n).toString();return i?s.replace("http://","file://"):s},ii=async(e,t,i,n,s)=>{if(!e||!e.defaultView)return;const r=t.sheet;if(r)try{const a=Array.from(r.cssRules||[]);for(let c=0;c<a.length;c++){const u=a[c];if(e.defaultView&&u instanceof e.defaultView.CSSFontFaceRule){const l=u.style.getPropertyValue("src");if(l.match(/url\(['"]?([^'"]+)['"]?\)/g)){const g=l.split(",").map(h=>h.trim()),p=await Promise.all(g.map(async h=>{var I,P;if(h.startsWith("local("))return h;const f=h.match(/url\(['"]?([^'"]+)['"]?\)/);if(!f)return h;const b=f[1]??"",S=(I=n.manifest)==null?void 0:I.items.find(({href:v})=>`${Ht(i,b).toLowerCase()}`.endsWith(`${v.toLowerCase()}`));if(S){const v=new J(S,s);try{const T=await v.getResource();if(T instanceof Response){const F=await T.blob(),R=(P=e.defaultView)==null?void 0:P.URL.createObjectURL(F);return h.replace(f[0],`url("${R}")`)}}catch(T){console.error("Error loading font:",T)}}return h})),m=u.cssText.replace(/src:\s*[^;]+;/,`src: ${p.join(", ")};`);r.deleteRule(c),r.insertRule(m,c)}}}}catch(a){console.error("Could not access stylesheet rules:",a)}},ni=(e,t,i,n,s)=>{var u;const r=t.getAttribute("src")||t.getAttribute("href");if(!r)return o.of(null);const a=(u=n.manifest)==null?void 0:u.items.find(({href:l})=>`${Ht(i,r).toLowerCase()}`.endsWith(`${l.toLowerCase()}`));if(!a)return o.of(null);const c=new J(a,s);return o.from(c.getResource()).pipe(o.mergeMap(l=>l instanceof Response?o.from(l.blob()):o.of(void 0)),o.mergeMap(l=>{var g;if(!l)return o.of(null);const d=((g=e==null?void 0:e.defaultView)==null?void 0:g.URL.createObjectURL(l))??"";if(t.hasAttribute("src"))t.setAttribute("src",d);else if(t.hasAttribute("href")&&(t.setAttribute("href",d),e!=null&&e.defaultView&&t instanceof e.defaultView.HTMLLinkElement))return new o.Observable(p=>{t.onload=async()=>{try{t.sheet&&await ii(e,t,i,n,s),p.next(),p.complete()}catch(m){p.error(m)}},t.onerror=p.error});return o.of(null)}))},oi=({settings:e,item:t,context:i})=>n=>n.pipe(o.switchMap(s=>{const r=Vt(s.contentDocument),a=$.getParentPath(t.href),c=r.map(u=>ni(s.contentDocument,u,a,i,e));return o.combineLatest(c).pipe(o.map(()=>s))})),si=e=>{qe(e==null?void 0:e.contentDocument)},ri=[".xhtml",".html",".htm"],B="prose-reader",ai=e=>new Promise((t,i)=>{const n=new Image;n.src=e,n.onload=()=>{t({height:n.naturalHeight,width:n.naturalWidth})},n.onerror=i}),ci=async(e,t)=>{if(typeof e=="string")return e;const i=$.parseContentType(e.headers.get("Content-Type")||"")||$.detectMimeTypeFromName(t.href);if(["image/jpg","image/jpeg","image/png","image/webp"].some(s=>s===i)){const s=await Ke(await e.blob()),{height:r,width:a}=await ai(s);return`
       <html>
         <head>
           ${t.renditionLayout==="pre-paginated"?`<meta name="viewport" content="width=${a}, height=${r}">`:""}
@@ -39,7 +39,7 @@
           <pre>${await e.text()}</pre>
         </body>
       </html>
-    `:await e.text()},oi=({item:e,resourcesHandler:t})=>{const i=n=>ni(n,e);return n=>n.pipe(o.switchMap(s=>o.from(t.getResource()).pipe(o.switchMap(r=>r instanceof URL&&e.href.startsWith(window.location.origin)&&(e.mediaType&&["application/xhtml+xml","application/xml","text/html","text/xml"].includes(e.mediaType)||!e.mediaType&&ei.some(c=>e.href.endsWith(c)))?(s==null||s.setAttribute("src",e.href),o.of(s)):(r instanceof URL?o.from(t.fetchResource()):o.of(r)).pipe(o.switchMap(c=>{if(!(c instanceof Response))throw new Error("Invalid resource");return o.from(i(c))}),o.tap(c=>{if(c){const u=new Blob([c],{type:"text/html"}),l=URL.createObjectURL(u);s==null||s.setAttribute("src",l)}}),o.map(()=>s),o.catchError(c=>(C.error(`Error while trying to fetch or load resource for item ${e.id}`,r),C.error(c),o.of(s))))))))},si=()=>{const e=document.createElement("iframe");return e.frameBorder="no",e.tabIndex=0,e.setAttribute("sandbox",`
+    `:await e.text()},ui=({item:e,resourcesHandler:t})=>{const i=n=>ci(n,e);return n=>n.pipe(o.switchMap(s=>o.from(t.getResource()).pipe(o.switchMap(r=>r instanceof URL&&e.href.startsWith(window.location.origin)&&(e.mediaType&&["application/xhtml+xml","application/xml","text/html","text/xml"].includes(e.mediaType)||!e.mediaType&&ri.some(c=>e.href.endsWith(c)))?(s==null||s.setAttribute("src",e.href),o.of(s)):(r instanceof URL?o.from(t.fetchResource()):o.of(r)).pipe(o.switchMap(c=>{if(!(c instanceof Response))throw new Error("Invalid resource");return o.from(i(c))}),o.tap(c=>{if(c){const u=new Blob([c],{type:"text/html"}),l=URL.createObjectURL(u);s==null||s.setAttribute("src",l)}}),o.map(()=>s),o.catchError(c=>(C.error(`Error while trying to fetch or load resource for item ${e.id}`,r),C.error(c),o.of(s))))))))},li=()=>{const e=document.createElement("iframe");return e.frameBorder="no",e.tabIndex=0,e.setAttribute("sandbox",`
   allow-same-origin 
   allow-scripts 
   allow-top-navigation-to-custom-protocols
@@ -48,13 +48,13 @@
   background-color: transparent;
   border: 0px none transparent;
   padding: 0px;
-`,e.setAttribute("role","main"),e},Et=()=>`
+`,e.setAttribute("role","main"),e},Bt=()=>`
     body {
         margin: 0;
         }
       }
-    `,Wt=({pageHeight:e,pageWidth:t,frameElement:i})=>{const n=x(i);if(i!=null&&i.contentDocument&&i.contentWindow&&n){const s=t/(n.width??1);return{computedScale:Math.min(s,e/(n.height??1)),computedWidthScale:s,viewportDimensions:n}}},ri=({columnWidth:e,enableTouch:t,spreadPosition:i},n)=>`
-      ${Et()}
+    `,_t=({pageHeight:e,pageWidth:t,frameElement:i})=>{const n=Z(i);if(i!=null&&i.contentDocument&&i.contentWindow&&n){const s=t/(n.width??1);return{computedScale:Math.min(s,e/(n.height??1)),computedWidthScale:s,viewportDimensions:n}}},di=({columnWidth:e,enableTouch:t,spreadPosition:i},n)=>`
+      ${Bt()}
       body {
         ${n?"":`
           display: flex;
@@ -94,8 +94,8 @@
           object-fit:contain;
         `}
       }
-    `,ai=({pageHeight:e,pageWidth:t})=>({columnHeight:e,columnWidth:t}),zt=(e,t)=>{e.style.width=`${t.width}px`,e.style.height=`${t.height}px`},ci=({minPageSpread:e,blankPagePosition:t,spreadPosition:i,pageHeight:n,pageWidth:s,frameElement:r,isRTL:a,enableTouch:c})=>{const u=e*s;if(r!=null&&r.contentDocument&&(r!=null&&r.contentWindow)){const{viewportDimensions:l,computedScale:d=1}=Wt({frameElement:r,pageHeight:n,pageWidth:s})??{},g=s,p=n,h=ri({...ai({pageHeight:n,pageWidth:s}),enableTouch:c,spreadPosition:i},l);if(O(r,"prose-reader-css",h),l?zt(r,{width:l.width??1,height:l.height??1}):zt(r,{width:g,height:p}),l){r==null||r.style.setProperty("position","absolute"),r==null||r.style.setProperty("top","50%"),i==="left"?(r==null||r.style.setProperty("right","0"),r==null||r.style.removeProperty("left")):t==="before"&&a?(r==null||r.style.setProperty("right","50%"),r==null||r.style.removeProperty("left")):i==="right"?(r==null||r.style.setProperty("left","0"),r==null||r.style.removeProperty("right")):(r==null||r.style.setProperty("left",t==="before"?a?"25%":"75%":t==="after"?a?"75%":"25%":"50%"),r==null||r.style.removeProperty("right"));const m=i!=="none"?"0":"-50%",f=i==="right"&&t!=="before"?"left":i==="left"||t==="before"&&a?"right":"center";r==null||r.style.setProperty("transform",`translate(${m}, -50%) scale(${d})`),r==null||r.style.setProperty("transform-origin",`${f} center`)}else t==="before"?a?r==null||r.style.setProperty("margin-right",`${s}px`):r==null||r.style.setProperty("margin-left",`${s}px`):(r==null||r.style.removeProperty("margin-left"),r==null||r.style.removeProperty("margin-right"));return{width:u,height:p}}return{width:u,height:n}},ui=()=>`
-      ${Et()}
+    `,gi=({pageHeight:e,pageWidth:t})=>({columnHeight:e,columnWidth:t}),qt=(e,t)=>{e.style.width=`${t.width}px`,e.style.height=`${t.height}px`},pi=({minPageSpread:e,blankPagePosition:t,spreadPosition:i,pageHeight:n,pageWidth:s,frameElement:r,isRTL:a,enableTouch:c})=>{const u=e*s;if(r!=null&&r.contentDocument&&(r!=null&&r.contentWindow)){const{viewportDimensions:l,computedScale:d=1}=_t({frameElement:r,pageHeight:n,pageWidth:s})??{},g=s,p=n,m=di({...gi({pageHeight:n,pageWidth:s}),enableTouch:c,spreadPosition:i},l);if(N(r,"prose-reader-css",m),l?qt(r,{width:l.width??1,height:l.height??1}):qt(r,{width:g,height:p}),l){r==null||r.style.setProperty("position","absolute"),r==null||r.style.setProperty("top","50%"),i==="left"?(r==null||r.style.setProperty("right","0"),r==null||r.style.removeProperty("left")):t==="before"&&a?(r==null||r.style.setProperty("right","50%"),r==null||r.style.removeProperty("left")):i==="right"?(r==null||r.style.setProperty("left","0"),r==null||r.style.removeProperty("right")):(r==null||r.style.setProperty("left",t==="before"?a?"25%":"75%":t==="after"?a?"75%":"25%":"50%"),r==null||r.style.removeProperty("right"));const h=i!=="none"?"0":"-50%",f=i==="right"&&t!=="before"?"left":i==="left"||t==="before"&&a?"right":"center";r==null||r.style.setProperty("transform",`translate(${h}, -50%) scale(${d})`),r==null||r.style.setProperty("transform-origin",`${f} center`)}else t==="before"?a?r==null||r.style.setProperty("margin-right",`${s}px`):r==null||r.style.setProperty("margin-left",`${s}px`):(r==null||r.style.removeProperty("margin-left"),r==null||r.style.removeProperty("margin-right"));return{width:u,height:p}}return{width:u,height:n}},hi=()=>`
+      ${Bt()}
       html {
         width: 100%;
         height: 100%;
@@ -109,7 +109,7 @@
       html, body {
         touch-action: none;
       }
-    `,li=({isScrollable:e,enableTouch:t})=>`
+    `,mi=({isScrollable:e,enableTouch:t})=>`
       
       html, body {
         width: 100%;
@@ -131,7 +131,7 @@
           display: block;
         }
       `:""}
-    `,di=({width:e,columnHeight:t,columnWidth:i})=>`
+    `,fi=({width:e,columnHeight:t,columnWidth:i})=>`
       parsererror {
         display: none !important;
       }
@@ -195,32 +195,32 @@
       td {
         max-width: ${i}px;
       }
-    `,gi=({isUsingVerticalWriting:e,minimumWidth:t,pageHeight:i,pageWidth:n})=>{let a=n-0;const c=i-0*2;let u=n-0*2;return e&&(u=t-0*2,a=c),{columnHeight:c,columnWidth:a,width:u}},K=(e,t)=>{e.style.width=`${t.width}px`,e.style.height=`${t.height}px`},pi=({pageHeight:e,pageWidth:t,frameElement:i,manifest:n,latestContentHeightWhenLoaded:s,minPageSpread:r,isRTL:a,blankPagePosition:c,isImageType:u,enableTouch:l,isUsingVerticalWriting:d})=>{const g=r*t;let p=s;const h=(n==null?void 0:n.renditionLayout)==="reflowable"&&(n==null?void 0:n.renditionFlow)==="scrolled-continuous",m=h?Math.min(400,e):e;i==null||i.style.setProperty("width",`${t}px`),h||i==null||i.style.setProperty("height",`${m}px`);const{viewportDimensions:f,computedScale:b=1}=Wt({frameElement:i,pageHeight:m,pageWidth:t})??{},y=(n==null?void 0:n.renditionLayout)==="pre-paginated";if(i!=null&&i.contentDocument&&(i!=null&&i.contentWindow)){let v=t,P=m;if(f!=null&&f.hasViewport)O(i,"prose-reader-html-renderer-framce-css",ui()),K(i,{width:f.width??1,height:f.height??1}),i==null||i.style.setProperty("position","absolute"),i==null||i.style.setProperty("top","50%"),i==null||i.style.setProperty("left",c==="before"?a?"25%":"75%":c==="after"?a?"75%":"25%":"50%"),i==null||i.style.setProperty("transform",`translate(-50%, -50%) scale(${b})`),i==null||i.style.setProperty("transform-origin","center center");else{const L=u?li({isScrollable:(n==null?void 0:n.renditionFlow)==="scrolled-continuous",enableTouch:l}):di(gi({isUsingVerticalWriting:d,minimumWidth:g,pageHeight:m,pageWidth:t}));if(O(i,"prose-reader-css",L,!0),d)P=Math.ceil(i.contentDocument.documentElement.scrollHeight/m)*m,K(i,{width:g,height:P});else if((n==null?void 0:n.renditionFlow)==="scrolled-continuous")P=i.contentDocument.body.scrollHeight,p=P,K(i,{width:g,height:P});else{const R=Math.ceil(i.contentDocument.documentElement.scrollWidth/t);y?v=t:v=R*t,K(i,{width:v,height:P})}}return v%g===0?i==null||i.style.setProperty("margin-left","0px"):(v=v+t,a&&!d&&(i==null||i.style.setProperty("margin-left",`${t}px`))),{width:v,height:P}}return{width:g,height:p||m,latestContentHeightWhenLoaded:p}};class hi extends z{constructor(){super(...arguments),this.isImageType=()=>{const t=this.item.mediaType??$.detectMimeTypeFromName(this.item.href);return!!(t!=null&&t.startsWith("image/"))}}onCreateDocument(){const t=si();return this.setDocumentContainer(t),o.of(t)}onLoadDocument(){const t=this.getFrameElement();if(!t)throw new Error("invalid frame");return o.of(t).pipe(oi({item:this.item,resourcesHandler:this.resourcesHandler,settings:this.settings}),Y(this.context.bridgeEvent.viewportFree$),o.tap(()=>{this.attach()}),Ft,je({context:this.context,item:this.item,settings:this.settings}),Lt)}onUnload(){return ti(this.getFrameElement()),this.detach(),o.EMPTY}onLayout({minPageSpread:t,blankPagePosition:i,spreadPosition:n}){var d,g;const{width:s,height:r}=this.context.getPageSize(),a=this.getFrameElement();if(!a)return o.of(void 0);const c=!!((d=this.writingMode)!=null&&d.startsWith("vertical"));if(this.item.renditionLayout==="pre-paginated"||!this.item.renditionLayout&&((g=this.context.manifest)==null?void 0:g.renditionLayout)==="pre-paginated"){const p=ci({blankPagePosition:i,enableTouch:this.settings.values.computedPageTurnMode!=="scrollable",frameElement:a,isRTL:this.context.isRTL(),minPageSpread:t,pageHeight:r,pageWidth:s,spreadPosition:n});return o.of(p)}const{latestContentHeightWhenLoaded:u,...l}=pi({pageHeight:r,pageWidth:s,frameElement:a,manifest:this.context.manifest,blankPagePosition:i,isUsingVerticalWriting:c,isRTL:this.context.isRTL(),latestContentHeightWhenLoaded:this.latestContentHeightWhenLoaded,minPageSpread:t,isImageType:this.isImageType(),enableTouch:this.settings.values.computedPageTurnMode!=="scrollable"});return this.latestContentHeightWhenLoaded=u,o.of(l)}onRenderHeadless(){return o.from(this.resourcesHandler.fetchResource()).pipe(o.switchMap(t=>{if(t instanceof Response){const i=t.headers.get("content-type")??"";if(["application/xhtml+xml","application/xml","text/html","text/xml"].includes(i))return o.from(t.text()).pipe(o.map(s=>new DOMParser().parseFromString(s,i)))}return o.of(void 0)}))}getFrameElement(){const t=this.documentContainer;if(t instanceof HTMLIFrameElement)return t}getComputedStyleAfterLoad(){var n,s;const t=this.getFrameElement(),i=(n=t==null?void 0:t.contentDocument)==null?void 0:n.body;if(i)return(s=t==null?void 0:t.contentWindow)==null?void 0:s.getComputedStyle(i)}get writingMode(){var t;return(t=this.getComputedStyleAfterLoad())==null?void 0:t.writingMode}get readingDirection(){var n;if(this.writingMode==="vertical-rl")return"rtl";switch((n=this.getComputedStyleAfterLoad())==null?void 0:n.direction){case"ltr":case"inherit":case"initial":return"ltr";case"rtl":return"rtl";default:return}}getDocumentFrame(){return this.getFrameElement()}}const Bt=e=>t=>{const i=e({...t,getRenderer(s){var a;return((a=t.getRenderer)==null?void 0:a.call(t,s))??(c=>new hi(c))}}),n=Ge(i);return n.pipe(o.takeUntil(i.$.destroy$)).subscribe(),{...i,links$:n}};function U(e){return e!=null}let mi=class extends Vt{computeOutputSettings(t){return t}hasSettingsChanged(t){return!$.isShallowEqual(this.outputSettings,t)}getCleanedParentInputSettings(t){const{layoutAutoResize:i,pageHorizontalMargin:n,pageVerticalMargin:s,layoutLayerTransition:r,viewportMode:a,...c}=t;return c}getDefaultSettings(){return{layoutAutoResize:"container",pageHorizontalMargin:24,pageVerticalMargin:24,layoutLayerTransition:!0,viewportMode:"normal"}}};const fi=e=>{let t;const i=e.context.state$.pipe(S.switchMap(({rootElement:u})=>u?new o.Observable(()=>(t=u.ownerDocument.createElement("div"),t.style.cssText=`
+    `,Si=({isUsingVerticalWriting:e,minimumWidth:t,pageHeight:i,pageWidth:n})=>{let a=n-0;const c=i-0*2;let u=n-0*2;return e&&(u=t-0*2,a=c),{columnHeight:c,columnWidth:a,width:u}},Q=(e,t)=>{e.style.width=`${t.width}px`,e.style.height=`${t.height}px`},yi=({pageHeight:e,pageWidth:t,frameElement:i,manifest:n,latestContentHeightWhenLoaded:s,minPageSpread:r,isRTL:a,blankPagePosition:c,isImageType:u,enableTouch:l,isUsingVerticalWriting:d})=>{const g=r*t;let p=s;const m=(n==null?void 0:n.renditionLayout)==="reflowable"&&(n==null?void 0:n.renditionFlow)==="scrolled-continuous",h=m?Math.min(400,e):e;i==null||i.style.setProperty("width",`${t}px`),m||i==null||i.style.setProperty("height",`${h}px`);const{viewportDimensions:f,computedScale:b=1}=_t({frameElement:i,pageHeight:h,pageWidth:t})??{},S=(n==null?void 0:n.renditionLayout)==="pre-paginated";if(i!=null&&i.contentDocument&&(i!=null&&i.contentWindow)){let P=t,v=h;if(f!=null&&f.hasViewport)N(i,"prose-reader-html-renderer-framce-css",hi()),Q(i,{width:f.width??1,height:f.height??1}),i==null||i.style.setProperty("position","absolute"),i==null||i.style.setProperty("top","50%"),i==null||i.style.setProperty("left",c==="before"?a?"25%":"75%":c==="after"?a?"75%":"25%":"50%"),i==null||i.style.setProperty("transform",`translate(-50%, -50%) scale(${b})`),i==null||i.style.setProperty("transform-origin","center center");else{const F=u?mi({isScrollable:(n==null?void 0:n.renditionFlow)==="scrolled-continuous",enableTouch:l}):fi(Si({isUsingVerticalWriting:d,minimumWidth:g,pageHeight:h,pageWidth:t}));if(N(i,"prose-reader-css",F,!0),d)v=Math.ceil(i.contentDocument.documentElement.scrollHeight/h)*h,Q(i,{width:g,height:v});else if((n==null?void 0:n.renditionFlow)==="scrolled-continuous")v=i.contentDocument.body.scrollHeight,p=v,Q(i,{width:g,height:v});else{const R=Math.ceil(i.contentDocument.documentElement.scrollWidth/t);S?P=t:P=R*t,Q(i,{width:P,height:v})}}return P%g===0?i==null||i.style.setProperty("margin-left","0px"):(P=P+t,a&&!d&&(i==null||i.style.setProperty("margin-left",`${t}px`))),{width:P,height:v}}return{width:g,height:p||h,latestContentHeightWhenLoaded:p}};class bi extends H{constructor(){super(...arguments),this.isImageType=()=>{const t=this.item.mediaType??$.detectMimeTypeFromName(this.item.href);return!!(t!=null&&t.startsWith("image/"))}}onCreateDocument(){const t=li();return this.setDocumentContainer(t),o.of(t)}onLoadDocument(){const t=this.getFrameElement();if(!t)throw new Error("invalid frame");return o.of(t).pipe(ui({item:this.item,resourcesHandler:this.resourcesHandler,settings:this.settings}),Y(this.context.bridgeEvent.viewportFree$),o.tap(()=>{this.attach()}),Dt,oi({context:this.context,item:this.item,settings:this.settings}),Nt)}onUnload(){return si(this.getFrameElement()),this.detach(),o.EMPTY}onLayout({minPageSpread:t,blankPagePosition:i,spreadPosition:n}){var d,g;const{width:s,height:r}=this.context.getPageSize(),a=this.getFrameElement();if(!a)return o.of(void 0);const c=!!((d=this.writingMode)!=null&&d.startsWith("vertical"));if(this.item.renditionLayout==="pre-paginated"||!this.item.renditionLayout&&((g=this.context.manifest)==null?void 0:g.renditionLayout)==="pre-paginated"){const p=pi({blankPagePosition:i,enableTouch:this.settings.values.computedPageTurnMode!=="scrollable",frameElement:a,isRTL:this.context.isRTL(),minPageSpread:t,pageHeight:r,pageWidth:s,spreadPosition:n});return o.of(p)}const{latestContentHeightWhenLoaded:u,...l}=yi({pageHeight:r,pageWidth:s,frameElement:a,manifest:this.context.manifest,blankPagePosition:i,isUsingVerticalWriting:c,isRTL:this.context.isRTL(),latestContentHeightWhenLoaded:this.latestContentHeightWhenLoaded,minPageSpread:t,isImageType:this.isImageType(),enableTouch:this.settings.values.computedPageTurnMode!=="scrollable"});return this.latestContentHeightWhenLoaded=u,o.of(l)}onRenderHeadless(){return o.from(this.resourcesHandler.fetchResource()).pipe(o.switchMap(t=>{if(t instanceof Response){const i=t.headers.get("content-type")??"";if(["application/xhtml+xml","application/xml","text/html","text/xml"].includes(i))return o.from(t.text()).pipe(o.map(s=>new DOMParser().parseFromString(s,i)))}return o.of(void 0)}))}getFrameElement(){const t=this.documentContainer;if(t instanceof HTMLIFrameElement)return t}getComputedStyleAfterLoad(){var n,s;const t=this.getFrameElement(),i=(n=t==null?void 0:t.contentDocument)==null?void 0:n.body;if(i)return(s=t==null?void 0:t.contentWindow)==null?void 0:s.getComputedStyle(i)}get writingMode(){var t;return(t=this.getComputedStyleAfterLoad())==null?void 0:t.writingMode}get readingDirection(){var n;if(this.writingMode==="vertical-rl")return"rtl";switch((n=this.getComputedStyleAfterLoad())==null?void 0:n.direction){case"ltr":case"inherit":case"initial":return"ltr";case"rtl":return"rtl";default:return}}getDocumentFrame(){return this.getFrameElement()}}const Yt=e=>t=>{const i=e({...t,getRenderer(s){var a;return((a=t.getRenderer)==null?void 0:a.call(t,s))??(c=>new bi(c))}}),n=ti(i);return n.pipe(o.takeUntil(i.$.destroy$)).subscribe(),{...i,links$:n}};function k(e){return e!=null}let wi=class extends zt{computeOutputSettings(t){return t}hasSettingsChanged(t){return!$.isShallowEqual(this.outputSettings,t)}getCleanedParentInputSettings(t){const{layoutAutoResize:i,pageHorizontalMargin:n,pageVerticalMargin:s,layoutLayerTransition:r,viewportMode:a,...c}=t;return c}getDefaultSettings(){return{layoutAutoResize:"container",pageHorizontalMargin:24,pageVerticalMargin:24,layoutLayerTransition:!0,viewportMode:"normal"}}};class j{constructor(t){this.left=t.left,this.right=t.right,this.top=t.top,this.bottom=t.bottom,this.width=t.width,this.height=t.height,this.x=t.x,this.y=t.y}}class L{constructor(t){this.__symbol=Symbol("SpineItemPosition"),this.x=t.x,this.y=t.y}}class tt{constructor(t){this.__symbol=Symbol("SpineItemPagePosition"),this.x=t.x,this.y=t.y}}class xt extends j{constructor(){super(...arguments),this.__symbol="SpineItemPageLayout"}}class et extends j{constructor(){super(...arguments),this.__symbol="SpineItemSpineLayout"}}class Xt extends j{constructor(){super(...arguments),this.__symbol="SpineItemPageSpineLayout"}}class bt{constructor(t){this.x=t.x,this.y=t.y}}class M extends bt{constructor(){super(...arguments),this.__symbol="SpinePosition"}}class x extends bt{constructor(){super(...arguments),this.__symbol="UnsafeSpinePosition"}static from(t){return new x(t)}}const Ii=(e,t)=>{const i=t.getBoundingClientRect(),{x:n,y:s}=e,{left:r,top:a}=i,c=i.width/t.offsetWidth,u=i.height/t.offsetHeight,l=n-r,d=s-a;return{x:l/c,y:d/u}},Pi=(e,t)=>new x(Ii(e,t)),vi=e=>({getSpinePositionFromClientPosition:t=>e.spine.element?Pi(t,e.spine.element):void 0}),$i=e=>{let t;const i=e.context.state$.pipe(y.switchMap(({rootElement:u})=>u?new o.Observable(()=>(t=u.ownerDocument.createElement("div"),t.style.cssText=`
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         visibility: hidden;
-      `,u.appendChild(t),()=>{t==null||t.remove(),t=void 0})):o.NEVER)),n=u=>o.scheduled(u,o.animationFrameScheduler).pipe(S.tap(()=>{t==null||t.style.setProperty("visibility","hidden")})),s=e.context.bridgeEvent.viewportBusy$.pipe(S.tap(()=>{t==null||t.style.setProperty("visibility","visible")})),r=n(e.viewportFree$).pipe(S.take(1)),c=e.settings.values$.pipe(S.map(()=>e.settings.values.computedPageTurnMode),S.distinctUntilChanged()).pipe(S.switchMap(u=>u==="controlled"?s.pipe(S.switchMap(()=>r)):n(o.of(void 0))),S.takeUntil(e.$.destroy$));return o.merge(i,c)},Si=e=>{e.hookManager.register("item.onAfterLayout",({item:t,blankPagePosition:i,minimumWidth:n})=>{const s=e.spineItemsManager.get(t.id),r=s==null?void 0:s.renderer.getDocumentFrame();if((s==null?void 0:s.renditionLayout)!=="reflowable"||!(r instanceof HTMLIFrameElement))return;const{hasViewport:a}=x(r),{width:c}=e.context.getPageSize(),u=s==null?void 0:s.renderer.getDocumentFrame();if(a){const l=c<n;i==="none"&&l&&u instanceof HTMLIFrameElement&&(u==null||u.style.setProperty("left",e.context.isRTL()?"75%":"25%"))}})},yi=(e,t)=>t.pipe(o.tap(i=>{e.viewport.value.element.style.transition="transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)",e.settings.values.computedPageTurnMode==="scrollable"?e.viewport.value.element.style.transformOrigin="top":e.viewport.value.element.style.transformOrigin="center",i==="thumbnails"?e.viewport.value.element.style.transform="scale(0.5)":e.viewport.value.element.style.transform="scale(1)",e.layout()})),Ht=e=>t=>{const{pageHorizontalMargin:i,pageVerticalMargin:n,layoutAutoResize:s,layoutLayerTransition:r}=t,a=e(t),c=new mi({pageHorizontalMargin:i,pageVerticalMargin:n,layoutAutoResize:s,layoutLayerTransition:r},a.settings);a.hookManager.register("onViewportOffsetAdjust",()=>{let m=!1;a.spineItemsManager.items.forEach(f=>{const b=f.renderer.getDocumentFrame();!m&&b&&(b.getBoundingClientRect().left,m=!0)})}),a.hookManager.register("item.onBeforeLayout",({item:m})=>{const f=a.spineItemsManager.get(m.id),b=m.mediaType??$.detectMimeTypeFromName(m.href),y=!!(b!=null&&b.startsWith("image/")),{pageHorizontalMargin:I=0,pageVerticalMargin:v=0}=c.values,P=a.context.getPageSize();if((f==null?void 0:f.renditionLayout)==="reflowable"&&!y){let M=P.width-I*2;const L=P.height-v*2;let R=P.width-I*2,A=I*2;f.isUsingVerticalWriting()&&(R=P.width-I*2,M=L,A=v*2);const N=f==null?void 0:f.renderer.getDocumentFrame();N&&O(N,"prose-layout-enhancer-css",`
+      `,u.appendChild(t),()=>{t==null||t.remove(),t=void 0})):o.NEVER)),n=u=>o.scheduled(u,o.animationFrameScheduler).pipe(y.tap(()=>{t==null||t.style.setProperty("visibility","hidden")})),s=e.context.bridgeEvent.viewportBusy$.pipe(y.tap(()=>{t==null||t.style.setProperty("visibility","visible")})),r=n(e.viewportFree$).pipe(y.take(1)),c=e.settings.values$.pipe(y.map(()=>e.settings.values.computedPageTurnMode),y.distinctUntilChanged()).pipe(y.switchMap(u=>u==="controlled"?s.pipe(y.switchMap(()=>r)):n(o.of(void 0))),y.takeUntil(e.$.destroy$));return o.merge(i,c)},Mi=e=>{e.hookManager.register("item.onAfterLayout",({item:t,blankPagePosition:i,minimumWidth:n})=>{const s=e.spineItemsManager.get(t.id),r=s==null?void 0:s.renderer.getDocumentFrame();if((s==null?void 0:s.renditionLayout)!=="reflowable"||!(r instanceof HTMLIFrameElement))return;const{hasViewport:a}=Z(r),{width:c}=e.context.getPageSize(),u=s==null?void 0:s.renderer.getDocumentFrame();if(a){const l=c<n;i==="none"&&l&&u instanceof HTMLIFrameElement&&(u==null||u.style.setProperty("left",e.context.isRTL()?"75%":"25%"))}})},Ti=(e,t)=>t.pipe(o.tap(i=>{e.viewport.value.element.style.transition="transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)",e.settings.values.computedPageTurnMode==="scrollable"?e.viewport.value.element.style.transformOrigin="top":e.viewport.value.element.style.transformOrigin="center",i==="thumbnails"?e.viewport.value.element.style.transform="scale(0.5)":e.viewport.value.element.style.transform="scale(1)",e.layout()})),Zt=e=>t=>{const{pageHorizontalMargin:i,pageVerticalMargin:n,layoutAutoResize:s,layoutLayerTransition:r,viewportMode:a}=t,c=e(t),u=new wi({pageHorizontalMargin:i,pageVerticalMargin:n,layoutAutoResize:s,layoutLayerTransition:r,viewportMode:a},c.settings);c.hookManager.register("onViewportOffsetAdjust",()=>{let f=!1;c.spineItemsManager.items.forEach(b=>{const S=b.renderer.getDocumentFrame();!f&&S&&(S.getBoundingClientRect().left,f=!0)})}),c.hookManager.register("item.onBeforeLayout",({item:f})=>{const b=c.spineItemsManager.get(f.id),S=f.mediaType??$.detectMimeTypeFromName(f.href),I=!!(S!=null&&S.startsWith("image/")),{pageHorizontalMargin:P=0,pageVerticalMargin:v=0}=u.values,T=c.context.getPageSize();if((b==null?void 0:b.renditionLayout)==="reflowable"&&!I){let F=T.width-P*2;const R=T.height-v*2;let D=T.width-P*2,O=P*2;b.isUsingVerticalWriting()&&(D=T.width-P*2,F=R,O=v*2);const E=b==null?void 0:b.renderer.getDocumentFrame();E&&N(E,"prose-layout-enhancer-css",`
               body {
-                width: ${R}px !important;
-                margin: ${v}px ${I}px !important;
-                column-gap: ${A}px !important;
-                column-width: ${M}px !important;
-                height: ${L}px !important;
+                width: ${D}px !important;
+                margin: ${v}px ${P}px !important;
+                column-gap: ${O}px !important;
+                column-width: ${F}px !important;
+                height: ${R}px !important;
               }
               img, video, audio, object, svg {
-                -max-width: ${M}px !important;
-                -max-height: ${L}px !important;
+                -max-width: ${F}px !important;
+                -max-height: ${R}px !important;
               }
               table {
-                max-width: ${M}px !important;
+                max-width: ${F}px !important;
               }
               td {
-                max-width: ${M}px;
+                max-width: ${F}px;
               }
-            `)}}),Si(a),a.hookManager.register("item.onDocumentCreated",({documentContainer:m})=>{m.style.opacity="0",c.values.layoutLayerTransition&&(m.style.transition="opacity 300ms")}),a.hookManager.register("item.onBeforeLayout",({item:m})=>{const f=a.spineItemsManager.get(m.id),b=f==null?void 0:f.renderer.documentContainer;a.settings.values.computedPageTurnMode!=="scrollable"&&(b==null||b.setAttribute("tab-index","0"))});const u=a.spineItemsObserver.itemIsReady$.pipe(S.filter(({isReady:m})=>m),S.tap(({item:m})=>{const f=m.renderer.documentContainer;f&&(f.style.opacity="1")})),l=c.values$.pipe(S.filter(({layoutAutoResize:m})=>m==="container"),S.switchMap(()=>a.context.watch("rootElement")),S.filter(U),S.switchMap(m=>q(m)),S.debounceTime(100),S.filter(U),S.tap(()=>{a==null||a.layout()})),d=fi(a);c.watch(["pageHorizontalMargin","pageVerticalMargin"]).pipe(S.skip(1),S.tap(()=>{a.layout()}),S.takeUntil(a.$.destroy$)).subscribe();const g=a.spineItemsObserver.itemIsReady$.pipe(S.tap(({item:m,isReady:f})=>{const b="prose-spineItem-ready";f?m.containerElement.classList.add(b):m.containerElement.classList.remove(b)})),p=yi(a,c.watch("viewportMode")),h=a.spine.pages.pipe(S.shareReplay({refCount:!0,bufferSize:1}));return o.merge(g,u,d,l,p,h).pipe(S.takeUntil(a.$.destroy$)).subscribe(),{...a,destroy:()=>{c.destroy(),a.destroy()},settings:c,layout$:a.spine.layout$,layoutInfo$:h}},_t=`${`${B}-enhancer-loading`}-container`,bi=(e,t)=>{const i=e.ownerDocument.createElement("div");return i.classList.add(_t),i.style.cssText=`
+            `)}}),Mi(c),c.hookManager.register("item.onDocumentCreated",({documentContainer:f})=>{f.style.opacity="0",u.values.layoutLayerTransition&&(f.style.transition="opacity 300ms")}),c.hookManager.register("item.onBeforeLayout",({item:f})=>{const b=c.spineItemsManager.get(f.id),S=b==null?void 0:b.renderer.documentContainer;c.settings.values.computedPageTurnMode!=="scrollable"&&(S==null||S.setAttribute("tab-index","0"))});const l=c.spineItemsObserver.itemIsReady$.pipe(y.filter(({isReady:f})=>f),y.tap(({item:f})=>{const b=f.renderer.documentContainer;b&&(b.style.opacity="1")})),d=u.values$.pipe(y.filter(({layoutAutoResize:f})=>f==="container"),y.switchMap(()=>c.context.watch("rootElement")),y.filter(k),y.switchMap(f=>K(f)),y.debounceTime(100),y.filter(k),y.tap(()=>{c==null||c.layout()})),g=$i(c);u.watch(["pageHorizontalMargin","pageVerticalMargin"]).pipe(y.skip(1),y.tap(()=>{c.layout()}),y.takeUntil(c.$.destroy$)).subscribe();const p=c.spineItemsObserver.itemIsReady$.pipe(y.tap(({item:f,isReady:b})=>{const S="prose-spineItem-ready";b?f.containerElement.classList.add(S):f.containerElement.classList.remove(S)})),m=Ti(c,u.watch("viewportMode")),h=c.spine.pages.pipe(y.shareReplay({refCount:!0,bufferSize:1}));return o.merge(p,l,g,d,m,h).pipe(y.takeUntil(c.$.destroy$)).subscribe(),{...c,destroy:()=>{u.destroy(),c.destroy()},settings:u,layout$:c.spine.layout$,layoutInfo$:h,coordinates:vi(c)}},Gt=`${`${B}-enhancer-loading`}-container`,Fi=(e,t)=>{const i=e.ownerDocument.createElement("div");return i.classList.add(Gt),i.style.cssText=`
       height: 100%;
       width: 100%;
       max-width: ${t.state.visibleAreaRect.width}px;
@@ -235,7 +235,7 @@
       color: rgb(202, 202, 202);
       background-color: white;
       z-index: 1;
-    `,i},wi=({container:e,item:t})=>{const i=e.ownerDocument.createElement("div");i.innerText="prose",i.style.cssText=`
+    `,i},Li=({container:e,item:t})=>{const i=e.ownerDocument.createElement("div");i.innerText="prose",i.style.cssText=`
       font-size: 4em;
     `;const n=e.ownerDocument.createElement("div");return n.innerText=`loading ${t.id}`,n.style.cssText=`
       font-size: 1.2em;
@@ -244,7 +244,7 @@
       overflow: hidden;
       max-width: 300px;
       width: 80%;
-    `,e.appendChild(i),e.appendChild(n),e},Ii=e=>t=>{const{loadingElementCreate:i=wi}=t,n=e(t),s=u=>o.of(u.reduce((l,{item:d,element:g})=>{g.style.zIndex="0";const p=g.querySelector(`.${_t}`);if(p instanceof HTMLElement)return l[d.id]=p,l;const h=i({container:bi(g,n.context),item:d});return g.appendChild(h),l[d.id]=h,l},{})),r=u=>o.combineLatest([n.spine.layout$,n.theme.$.theme$]).pipe(S.map(([,l])=>({width:n.context.state.visibleAreaRect.width,theme:l})),S.distinctUntilChanged($.isShallowEqual),S.tap(({width:l,theme:d})=>{Object.values(u).forEach(g=>{g.style.setProperty("max-width",`${l}px`),g.style.setProperty("color",d==="sepia"?"#939393":"rgb(202, 202, 202)")})})),a=u=>n.spineItemsObserver.itemIsReady$.pipe(S.tap(({item:l,isReady:d})=>{var g,p;(g=u[l.item.id])==null||g.style.setProperty("visibility",d?"hidden":"visible"),(p=u[l.item.id])==null||p.style.setProperty("z-index",d?"0":"1")})),c=n.spineItemsManager.items$.pipe(S.switchMap(u=>s(u)),S.shareReplay(1),S.takeUntil(n.context.destroy$));return c.pipe(S.switchMap(u=>o.merge(r(u),a(u))),S.takeUntil(n.$.destroy$)).subscribe(),{...n,loading:{$:{items$:c}}}};class vi extends z{getImageElement(){const t=this.documentContainer;if(t instanceof HTMLImageElement)return t}onCreateDocument(){const t=this.containerElement.ownerDocument.createElement("img");return o.from(this.resourcesHandler.getResource()).pipe(o.switchMap(i=>{if(this.setDocumentContainer(t),t.style.objectFit="contain",t.style.userSelect="none",i instanceof URL)return o.of(i.href);if(i instanceof Response)return o.from(i.blob()).pipe(o.map(n=>URL.createObjectURL(n)));throw new Error("Invalid resource")}),o.map(i=>{const n=this.getImageElement();return n&&(n.src=i),t}))}onLoadDocument(){const t=this.getImageElement();if(!t)throw new Error("invalid element");return this.attach(),o.fromEvent(t,"load")}onUnload(){const t=this.getImageElement();return t&&URL.revokeObjectURL(t.src),this.detach(),o.EMPTY}onLayout({spreadPosition:t}){const i=this.getImageElement(),{height:n,width:s}=this.context.getPageSize();let r=n;const a=s;if(!i)return o.of(void 0);const c=i.naturalWidth||1,u=i.naturalHeight||1,l=c/u;return this.settings.values.computedPageTurnDirection==="vertical"&&this.settings.values.computedPageTurnMode==="scrollable"&&!this.context.state.isUsingSpreadMode&&(r=Math.ceil(s/l)),i.style.height=`${r}px`,i.style.width=`${a}px`,i.style.objectPosition=t==="left"?"right":t==="right"?"left":"center",o.of({width:a,height:r})}onRenderHeadless(){return o.EMPTY}getDocumentFrame(){}}const Pi=e=>t=>{const i=e({...t,getRenderer(a){var d;const c=(d=t.getRenderer)==null?void 0:d.call(t,a),u=a.mediaType??$.detectMimeTypeFromName(a.href),l=!!(u!=null&&u.startsWith("image/"));return!c&&l?g=>new vi(g):c}}),n=new IntersectionObserver(a=>{a.forEach(c=>{var d;const u=c.target,l=Array.from(((d=u.contentDocument)==null?void 0:d.body.getElementsByTagName("audio"))||[]);c.isIntersecting?l.forEach(g=>{g.hasAttribute("autoplay")&&g.paused&&g.readyState>=2&&g.play().catch(console.error)}):l.forEach(g=>{g.pause(),g.currentTime=0})})},{threshold:.01}),s=new IntersectionObserver(a=>{a.forEach(c=>{if(c.target.tagName==="video"){const u=c.target;c.isIntersecting?u.hasAttribute("autoplay")&&u.paused&&u.readyState>=2&&u.play().catch(console.error):(u.pause(),u.currentTime=0)}})},{threshold:.5});return i.hookManager.register("item.onDocumentLoad",({destroy:a,itemId:c})=>{var g,p;const u=(g=i.spineItemsManager.get(c))==null?void 0:g.renderer.getDocumentFrame();if(!u)return;n.observe(u);const l=(p=u.contentDocument)==null?void 0:p.body.getElementsByTagName("video"),d=Array.from(l||[]).map(h=>(s.observe(h),()=>s.unobserve(h)));a(()=>{n.unobserve(u),d.forEach(h=>h())})}),{...i,destroy:()=>{n.disconnect(),s.disconnect(),i.destroy()}}},$i=(e,t)=>e.links$.pipe(o.tap(i=>{var a;if(!Nt(i.target,"a")||i.type!=="click")return;const n=new URL(i.target.href),s=`${n.origin}${n.pathname}`;((a=e.context.manifest)==null?void 0:a.spineItems.some(c=>c.href===s))&&t.goToUrl(n)}));class J{constructor(t){this.left=t.left,this.right=t.right,this.top=t.top,this.bottom=t.bottom,this.width=t.width,this.height=t.height,this.x=t.x,this.y=t.y}}class F{constructor(t){this.__symbol=Symbol("SpineItemPosition"),this.x=t.x,this.y=t.y}}class qt extends J{constructor(){super(...arguments),this.__symbol="SpineItemPageLayout"}}class Q extends J{constructor(){super(...arguments),this.__symbol="SpineItemSpineLayout"}}class Yt extends J{constructor(){super(...arguments),this.__symbol="SpineItemPageSpineLayout"}}class T{constructor(t){this.__symbol="SpinePosition",this.x=t.x,this.y=t.y}}class j{constructor(t){this.__symbol="UnsafeSpinePosition",this.x=t.x,this.y=t.y}static from(t){return new j(t)}}const E=C.namespace("navigation"),Mi=({position:e,spineItem:t,pageHeight:i,pageWidth:n,spineItemLocator:s})=>{let r=new F({x:e.x-n,y:e.y});return t.isUsingVerticalWriting()&&(r=new F({x:e.x,y:e.y+i})),s.getSpineItemClosestPositionFromUnsafePosition(r,t)},Xt=({position:e,navigationResolver:t,computedPageTurnDirection:i,spineItemsManager:n,spineLocator:s,context:r})=>{const a=i,c=s.getSpineItemFromPosition(e)||n.get(0),u=e;if(!c)return u;const l=s.getSpineItemPositionFromSpinePosition(e,c),d=Mi({position:l,spineItem:c,pageHeight:r.getPageSize().height,pageWidth:r.getPageSize().width,spineItemLocator:s.spineItemLocator});return t.arePositionsDifferent(d,l)?s.getSpinePositionFromSpineItemPosition({spineItemPosition:d,spineItem:c}):t.getAdjustedPositionWithSafeEdge(a==="horizontal"?new T({x:e.x-r.getPageSize().width,y:0}):new T({y:e.y-r.getPageSize().height,x:0}))},Ti=({position:e,spineItem:t,context:i,navigationResolver:n,spineItemsManager:s,spineLocator:r,computedPageTurnDirection:a})=>{const c=Xt({position:e,context:i,navigationResolver:n,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});if(t!=null&&t.isUsingVerticalWriting()&&e.x===c.x)return n.getAdjustedPositionForSpread(c);if(i.state.isUsingSpreadMode){if(t!=null&&t.isUsingVerticalWriting()&&e.x!==c.x)return n.getAdjustedPositionForSpread(n.getAdjustedPositionWithSafeEdge(i.isRTL()?{...c,x:c.x+i.getPageSize().width}:{...c,x:c.x-i.getPageSize().width}));if(a==="vertical"&&e.y!==c.y)return n.getAdjustedPositionForSpread(c);const u=Xt({position:c,context:i,navigationResolver:n,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});return n.getAdjustedPositionForSpread(u)}return n.getAdjustedPositionForSpread(c)},Fi=({position:e,spineItem:t,pageHeight:i,pageWidth:n,spineItemLocator:s})=>{let r=new F({x:e.x+n,y:e.y});return t.isUsingVerticalWriting()&&(r=new F({x:e.x,y:e.y-i})),s.getSpineItemClosestPositionFromUnsafePosition(r,t)},xt=({position:e,navigationResolver:t,computedPageTurnDirection:i,spineItemsManager:n,spineLocator:s,context:r})=>{const a=i,c=s.getSpineItemFromPosition(e)||n.get(0),u=e;if(!c)return u;const l=s.getSpineItemPositionFromSpinePosition(e,c),d=Fi({position:l,spineItem:c,pageHeight:r.getPageSize().height,pageWidth:r.getPageSize().width,spineItemLocator:s.spineItemLocator});return t.arePositionsDifferent(d,l)?s.getSpinePositionFromSpineItemPosition({spineItemPosition:d,spineItem:c}):t.getAdjustedPositionWithSafeEdge(a==="horizontal"?new T({x:e.x+r.getPageSize().width,y:0}):new T({y:e.y+r.getPageSize().height,x:0}))},Li=({position:e,spineItem:t,context:i,navigationResolver:n,spineItemsManager:s,spineLocator:r,computedPageTurnDirection:a})=>{const c=xt({position:e,context:i,navigationResolver:n,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});if(t!=null&&t.isUsingVerticalWriting()&&e.x===c.x)return n.getAdjustedPositionForSpread(c);if(i.state.isUsingSpreadMode){if(t!=null&&t.isUsingVerticalWriting()&&e.x!==c.x)return n.getAdjustedPositionForSpread(n.getAdjustedPositionWithSafeEdge(i.isRTL()?{...c,x:c.x-i.getPageSize().width}:{...c,x:c.x+i.getPageSize().width}));if(a==="vertical"&&e.y!==c.y)return n.getAdjustedPositionForSpread(c);const u=xt({position:c,context:i,navigationResolver:n,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});return n.getAdjustedPositionForSpread(u)}return n.getAdjustedPositionForSpread(c)};class Ci{constructor(t){this.reader=t,this.movingLastDelta={x:0,y:0},this.movingLastPosition=new T({x:0,y:0}),this.unlock=void 0}turnRight(){return this.turnRightOrBottom()}turnLeft(){return this.turnLeftOrTop()}turnTop(){return this.turnLeftOrTop()}turnBottom(){return this.turnRightOrBottom()}turnRightOrBottom(){const t=this.reader.navigation.getNavigation(),i=this.reader.spineItemsManager.get(t.spineItem);if(!i)return;const n=Li({context:this.reader.context,navigationResolver:this.reader.navigation.navigationResolver,position:t.position,computedPageTurnDirection:this.reader.settings.values.computedPageTurnDirection,spineItem:i,spineItemsManager:this.reader.spineItemsManager,spineLocator:this.reader.spine.locator});return this.reader.navigation.navigate({position:n})}turnLeftOrTop(){const t=this.reader.navigation.getNavigation(),i=this.reader.spineItemsManager.get(t.spineItem);if(!i)return;const n=Ti({context:this.reader.context,navigationResolver:this.reader.navigation.navigationResolver,position:t.position,computedPageTurnDirection:this.reader.settings.values.computedPageTurnDirection,spineItem:i,spineItemsManager:this.reader.spineItemsManager,spineLocator:this.reader.spine.locator});return this.reader.navigation.navigate({position:n})}goToCfi(t,i={animate:!0}){return this.reader.navigation.navigate({animation:i.animate?"turn":!1,cfi:t})}goToSpineItem({indexOrId:t,...i}){const n=this.reader.spineItemsManager.get(t);if(n===void 0){E.warn("goToSpineItem",`Ignore navigation to ${t} since the item does not exist`);return}this.reader.navigation.navigate({spineItem:n.index,...i})}goToNextSpineItem(){const{endIndex:t=0}=this.reader.spine.locator.getVisibleSpineItemsFromPosition({position:this.reader.navigation.getNavigation().position,threshold:{type:"percentage",value:.5}})||{};this.goToSpineItem({indexOrId:t+1})}goToPreviousSpineItem(){const{beginIndex:t=0}=this.reader.spine.locator.getVisibleSpineItemsFromPosition({position:this.reader.navigation.getNavigation().position,threshold:{type:"percentage",value:.5}})??{};this.goToSpineItem({indexOrId:t-1})}goToUrl(t){this.reader.navigation.navigate({url:t,animation:!1})}goToRightSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="vertical"){E.warn("You cannot call this navigation method on vertical direction");return}return this.reader.context.isRTL()?this.goToPreviousSpineItem():this.goToNextSpineItem()}goToRightOrBottomSpineItem(){return this.reader.settings.values.computedPageTurnDirection==="vertical"?this.goToBottomSpineItem():this.goToRightSpineItem()}goToLeftOrTopSpineItem(){return this.reader.settings.values.computedPageTurnDirection==="vertical"?this.goToTopSpineItem():this.goToLeftSpineItem()}goToLeftSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="vertical"){E.warn("You cannot call this navigation method on vertical direction");return}return this.reader.context.isRTL()?this.goToNextSpineItem():this.goToPreviousSpineItem()}goToTopSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="horizontal"){E.warn("You cannot call this navigation method on horizontal direction");return}return this.goToPreviousSpineItem()}goToBottomSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="horizontal"){E.warn("You cannot call this navigation method on horizontal direction");return}return this.goToNextSpineItem()}goToPageOfSpineItem({pageIndex:t,spineItemId:i,...n}){const s=this.reader.navigation.navigationResolver.getNavigationForSpineItemPage({pageIndex:t,spineItemId:i});E.debug(".goToPageOfSpineItem()",{pageIndex:t,spineItemId:i,...n,position:s}),this.reader.navigation.navigate({position:s,...n})}goToAbsolutePageIndex({absolutePageIndex:t,...i}){const n=this.reader.spine.locator.getSpineInfoFromAbsolutePageIndex({absolutePageIndex:t});if(E.debug(".goToAbsolutePageIndex()",{absolutePageIndex:t,...i,foundInfo:n}),n){const s=this.reader.navigation.navigationResolver.getNavigationForSpineItemPage({pageIndex:n.pageIndex,spineItemId:n.itemIndex});return this.reader.navigation.navigate({position:s,...i})}}}class Ri{constructor(t){this.reader=t,this.lastDelta={x:0,y:0},this.lastPosition=new T({x:0,y:0}),this.lastStartPosition=new T({x:0,y:0}),this.unlock=void 0}moveTo(t,{final:i,start:n}={}){var a,c,u,l;if(this.reader.settings.values.computedPageTurnMode==="scrollable"){E.warn("pan control is not available on free page turn mode");return}const s=this.reader.settings.values.computedPageTurnDirection;n&&((a=this.unlock)==null||a.call(this),this.unlock=this.reader.navigation.lock(),this.lastDelta={x:0,y:0},this.lastStartPosition=this.reader.navigation.controlledNavigationController.viewportPosition,this.lastPosition=this.lastStartPosition);let r=this.reader.navigation.getNavigation().position;if(t){const d=this.reader.viewport.absoluteViewport.width/this.reader.viewport.relativeViewport.width,g=Math.floor(t.x)-(((c=this.lastDelta)==null?void 0:c.x)||0),p=Math.floor(t.y)-(((u=this.lastDelta)==null?void 0:u.y)||0),h=Math.floor(s==="horizontal"?this.lastPosition.x-g/d:0),m=Math.floor(s==="horizontal"?0:this.lastPosition.y-p/d);r=new T({x:h,y:m}),this.lastDelta=t}else r=this.lastPosition;if(this.lastPosition=r,i){this.lastDelta={x:0,y:0},this.reader.navigation.navigate({position:r,animation:!1}),(l=this.unlock)==null||l.call(this);return}this.reader.navigation.navigate({position:r,animation:!1})}}const Ai=e=>e.pagination.state$.pipe(o.withLatestFrom(e.context.manifest$,e.settings.values$),o.map(([t,{spineItems:i,readingDirection:n},{computedPageTurnDirection:s}])=>{const r=i.length??0,a=t.beginSpineItemIndex===0,c=t.endSpineItemIndex===Math.max(r-1,0),u=t.endSpineItemIndex===Math.max(r-1,0),l=t.beginSpineItemIndex===0,d=t.beginPageIndexInSpineItem===0,g=t.endPageIndexInSpineItem===t.endNumberOfPagesInSpineItem-1;return{canTurnLeft:s==="vertical"?!1:!d,canTurnRight:s==="vertical"?!1:!g,canGoTopSpineItem:s==="vertical"&&!a,canGoBottomSpineItem:s==="vertical"&&!c,canGoLeftSpineItem:s!=="vertical"&&(n==="ltr"&&!a||n==="rtl"&&!u),canGoRightSpineItem:s!=="vertical"&&(n==="ltr"&&!c||n==="rtl"&&!l)}}),o.distinctUntilChanged($.isShallowEqual)),Di=({reader:e,duration:t})=>i=>{let n;const s=()=>{n==null||n(),n=void 0};return i.pipe(o.tap(()=>{n||(n=e==null?void 0:e.navigation.lock())}),o.throttleTime(t,o.animationFrameScheduler,{trailing:!0,leading:!0}),o.tap(s),o.finalize(s))},Ni=e=>t=>{const i=e(t),n=Ai(i),s=new Ci(i),r=new Ri(i),a=u=>{const{cfi:l,...d}=u;i.load(d),l&&s.goToCfi(l,{animate:!1})};return $i(i,s).pipe(o.takeUntil(i.$.destroy$)).subscribe(),{...i,load:a,navigation:{...i.navigation,state$:n,throttleLock:({duration:u,trigger:l})=>l.pipe(Di({duration:u,reader:i})),moveTo:r.moveTo.bind(r),turnBottom:s.turnBottom.bind(s),turnTop:s.turnTop.bind(s),turnLeftOrTop:s.turnLeftOrTop.bind(s),turnRightOrBottom:s.turnRightOrBottom.bind(s),turnLeft:s.turnLeft.bind(s),turnRight:s.turnRight.bind(s),goToCfi:s.goToCfi.bind(s),goToUrl:s.goToUrl.bind(s),goToSpineItem:s.goToSpineItem.bind(s),goToNextSpineItem:s.goToNextSpineItem.bind(s),goToPreviousSpineItem:s.goToPreviousSpineItem.bind(s),goToLeftOrTopSpineItem:s.goToLeftOrTopSpineItem.bind(s),goToRightOrBottomSpineItem:s.goToRightOrBottomSpineItem.bind(s),goToTopSpineItem:s.goToTopSpineItem.bind(s),goToBottomSpineItem:s.goToBottomSpineItem.bind(s),goToLeftSpineItem:s.goToLeftSpineItem.bind(s),goToRightSpineItem:s.goToRightSpineItem.bind(s),goToPageOfSpineItem:s.goToPageOfSpineItem.bind(s),goToAbsolutePageIndex:s.goToAbsolutePageIndex.bind(s)}}},H=e=>V.generate({spineIndex:e.index,spineId:e.id}),Zt=({nodeOrRange:e,offset:t,item:i})=>{const n="ownerDocument"in e?e.ownerDocument:e.startContainer.ownerDocument;return!n||!(n!=null&&n.documentElement)||e===n?H(i):Be(e)?V.generate({start:{node:e.startContainer,offset:e.startOffset,spineIndex:i.index,spineId:i.id},end:{node:e.endContainer,offset:e.endOffset,spineIndex:i.index,spineId:i.id}}):V.generate({node:e,offset:t,spineIndex:i.index,spineId:i.id})},tt=({pageIndex:e,spineItem:t,spine:i})=>{var a;const n=i.pages.value.pages.find(c=>c.itemIndex===t.index&&c.pageIndex===e),s=n==null?void 0:n.firstVisibleNode,r=t.renderer.getDocumentFrame();return s&&r instanceof HTMLIFrameElement&&((a=r.contentWindow)!=null&&a.document)?Zt({nodeOrRange:s.node,offset:s.offset,item:t.item}).trim():H(t.item)},Gt=(e,t)=>Zt({nodeOrRange:e,item:t}),Oi=e=>e.index.toString(),Kt=e=>{var t;return((t=e[0])==null?void 0:t.index)===6&&e.length>1},et=e=>{const t=V.parse(e);return V.isIndirectionOnly(t)},ki=e=>Array.isArray(e)?e[0]&&Kt(e[0])?e[0]:void 0:e.parent[0]&&Kt(e.parent[0])?e.parent[0]:void 0,it=e=>{var c,u,l,d;const t=V.parse(e),n=(ki(t)??[])[1],r=((n==null?void 0:n.index)??2)/2-1,a=V.isParsedCfiRange(t)?(u=(c=t.end.at(-1))==null?void 0:c.at(-1))==null?void 0:u.offset:(d=(l=t.at(-1))==null?void 0:l.at(-1))==null?void 0:d.offset;return{cleanedCfi:e,itemIndex:r,offset:a??0}},ft=({cfi:e,spineItemsManager:t})=>{var r,a;if(!e)return;const{itemIndex:i}=it(e),n=t.get(i);if(!n)return;const s=n.renderer.getDocumentFrame();if(s instanceof HTMLIFrameElement){const c=(r=s.contentWindow)==null?void 0:r.document;if(c)try{const u=V.resolve(e,c,{throwOnError:!0});return{node:u.isRange?(a=u.node)==null?void 0:a.startContainer:u.node,isRange:u.isRange,range:u.isRange?u.node:void 0,offset:Array.isArray(u.offset)?u.offset.at(-1):u.offset,spineItem:n}}catch(u){return C.warn(`Error resolving cfi: ${e}.`),C.warn(u),{spineItem:n}}}return{spineItem:n}},Vi=(e,t)=>{if("cfi"in t)return t;const i=e.spineItemsManager.get(t);if(!i)throw new Error("Spine item not found");return{cfi:H(i.item)}},Jt=(e,t)=>{let i=e==null?void 0:e.itemPageIndex;const{itemIndex:n}=t.cfi.parseCfi(e.cfi),s=t.spineItemsManager.get(n);return s?pt().pipe(o.withLatestFrom(s.isReady$),o.map(([,r])=>{const{node:a,offset:c,range:u}=(r?t.cfi.resolveCfi({cfi:e.cfi}):{})??{};s.renditionLayout!=="pre-paginated"&&a&&(i=t.spine.locator.spineItemLocator.getSpineItemPageIndexFromNode(a,c??0,s)??i);let d=e==null?void 0:e.absolutePageIndex;return i===void 0&&(i=0),d=t.spine.locator.getAbsolutePageIndexFromPageIndex({pageIndex:i,spineItemOrId:s})??(e==null?void 0:e.absolutePageIndex),{...e,range:u,itemIndex:n,startNode:a??void 0,startOffset:c,absolutePageIndex:d,itemPageIndex:i}})):o.of({...e,itemIndex:n})};class Qt{constructor(t){this.reader=t,this.locatorsByKey=new Map,this.deregisterMemoizedStream=i=>{const n=this.locatorsByKey.get(i);n&&(n.observerCount--,n.observerCount===0&&this.locatorsByKey.delete(i))},this.locate=(i,n)=>{const s={resource:i,meta:Vi(this.reader,i)};return ht(()=>{var h;const r=(h=this.reader.cfi.parseCfi(s.meta.cfi))==null?void 0:h.itemIndex,a=this.reader.spineItemsManager.get(r),c=(a==null?void 0:a.renditionLayout)==="reflowable",u=n.mode==="shallow"||!c||!a?()=>{}:this.reader.spine.spineItemsLoader.forceOpen([a.index]),l="cfi"in i?i.cfi:void 0,d=l?this.locatorsByKey.get(l):void 0,g=m=>m.pipe(o.finalize(()=>{l&&this.deregisterMemoizedStream(l),setTimeout(()=>{u()},1e3)}));if(l&&d)return d.observerCount++,g(d.consolidate$.pipe(o.map(({resource:m,meta:f})=>({resource:m,meta:f}))));const p=this.reader.spine.layout$.pipe(o.debounceTime(10),o.startWith(s),o.switchScan(m=>Jt(m.meta,this.reader).pipe(o.map(f=>({...m,meta:f}))),s),o.shareReplay({refCount:!0,bufferSize:1}));return l&&this.locatorsByKey.set(l,{observerCount:1,consolidate$:p}),g(p)})}}locateResource(t,i){return Array.isArray(t)?ht(()=>o.combineLatest(t.map(n=>this.locate(n,i??{}))).pipe(o.defaultIfEmpty([]))):this.locate(t,i??{})}}const jt=(e,t,i)=>{const n=i.spineItems.findIndex(s=>s.href===e);return t.reduce((s,r)=>{const a=r.href.indexOf("#"),c=a>0?r.href.substr(0,a):r.href,u=c.substring(0,c.lastIndexOf("/")),l=e.substring(0,e.lastIndexOf("/")),d=e.endsWith(c),g=l!==""&&l.endsWith(u);if(d||g){const h=i.spineItems.findIndex(y=>y.href===r.href);if(n<h)return s;const f={title:r.title,path:r.path},b=jt(e,r.contents,i);return b?{...f,subChapter:b}:f}return s},void 0)},Ui=(e,t)=>{var n;const{href:i}=t;return jt(i,((n=e.nav)==null?void 0:n.toc)??[],e)},Ei=e=>{const t=e.context.manifest,i=e.spineItemsManager.items;return t?i.reduce((n,{item:s})=>(n[s.id]=Ui(t,s),n),{}):{}},Wi=e=>e.spineItemsManager.items$.pipe(o.startWith([]),o.map(()=>Ei(e))),zi=(e,t,i)=>e+t*i,Bi=(e,t,i)=>{const n=e.context,{height:s,width:r}=i.layout.layoutInfo,{top:a,left:c}=e.spine.getSpineItemSpineLayoutInfo(i);return e.settings.values.computedPageTurnDirection==="vertical"?Math.max(0,Math.min(1,(t.y-a+n.state.visibleAreaRect.height)/s)):Math.max(0,Math.min(1,(t.x-c+n.state.visibleAreaRect.width)/r))},Hi=(e,t,i,n,s)=>s.isReady$.pipe(o.first(),o.withLatestFrom(e.layoutInfo$),o.map(([r,a])=>{var y,I,v,P,M,L,R;const c=e.context,u=((y=c.manifest)==null?void 0:y.renditionLayout)==="pre-paginated",l=((I=c.manifest)==null?void 0:I.spineItems.length)||0,d=((v=c.manifest)==null?void 0:v.spineItems.slice(0,t).reduce((A,N)=>A+(N.progressionWeight??0),0))||0,g=e.spineItemsManager.getSpineItemIndex(s)??0,p=((P=e.context.manifest)==null?void 0:P.spineItems.length)??0,h=a.pages.filter(A=>A.itemIndex===g).length??0,m=((L=(M=c.manifest)==null?void 0:M.spineItems[t])==null?void 0:L.progressionWeight)??(g+1)/p;let f=(i+1)*(m/h);!u&&s.renditionLayout==="reflowable"&&!r&&(f=0);let b=d+f;return((R=c.manifest)==null?void 0:R.renditionFlow)==="scrolled-continuous"&&(r?f=Bi(e,n,s):f=0,b=zi(d,m,f)),t===l-1&&i===h-1&&b>.99?1:b})),_i=e=>e.spine.layout$.pipe(o.debounceTime(10,o.animationFrameScheduler),o.withLatestFrom(e.pagination.state$),o.map(()=>({numberOfPagesPerItems:e.spineItemsManager.items.reduce((i,n)=>[...i,n.numberOfPages],[]),numberOfTotalPages:e.spine.pages.value.pages.length})),o.distinctUntilChanged($.isShallowEqual),o.startWith({numberOfPagesPerItems:[],numberOfTotalPages:0})),qi=(e,t,i,n)=>{const s=e.context,r=t.beginSpineItemIndex!==void 0?e.spineItemsManager.get(t.beginSpineItemIndex):void 0,a=t.endSpineItemIndex!==void 0?e.spineItemsManager.get(t.endSpineItemIndex):void 0;return o.of({...t,beginChapterInfo:r?i[r.item.id]:void 0,beginSpineItemReadingDirection:r==null?void 0:r.readingDirection,endChapterInfo:a?i[a.item.id]:void 0,endSpineItemReadingDirection:a==null?void 0:a.readingDirection,percentageEstimateOfBook:n,isUsingSpread:s.state.isUsingSpreadMode??!1})},Yi=e=>o.combineLatest([e.pagination.state$,e.layout$]).pipe(o.switchMap(([t])=>{const i=t.endSpineItemIndex!==void 0?e.spineItemsManager.get(t.endSpineItemIndex):void 0;return i?Hi(e,t.endSpineItemIndex??0,t.endPageIndexInSpineItem||0,e.navigation.getNavigation().position,i):o.of(0)})),Xi=e=>{const t=Wi(e),i=_i(e),n=new o.BehaviorSubject({...e.pagination.state,beginChapterInfo:void 0,beginCfi:void 0,beginPageIndexInSpineItem:void 0,isUsingSpread:!1,beginAbsolutePageIndex:0,endAbsolutePageIndex:0,numberOfTotalPages:0,beginSpineItemReadingDirection:void 0,beginSpineItemIndex:void 0,endCfi:void 0,endChapterInfo:void 0,endSpineItemReadingDirection:void 0,percentageEstimateOfBook:0}),s=o.combineLatest([e.pagination.state$,t,Yi(e)]).pipe(o.switchMap(([a,c,u])=>qi(e,a,c,u).pipe(o.map(l=>({...a,...l})))),o.distinctUntilChanged($.isShallowEqual));return{paginationInfo$:o.combineLatest([s,i]).pipe(o.map(([a,c])=>({...a,...c,beginAbsolutePageIndex:c.numberOfPagesPerItems.slice(0,a.beginSpineItemIndex).reduce((u,l)=>u+l,a.beginPageIndexInSpineItem??0),endAbsolutePageIndex:c.numberOfPagesPerItems.slice(0,a.endSpineItemIndex).reduce((u,l)=>u+l,a.endPageIndexInSpineItem??0)})),o.tap(a=>{n.next(a)}),o.shareReplay(1)),getPaginationInfo:()=>n.value}},te=e=>t=>{const i=e(t),{paginationInfo$:n,getPaginationInfo:s}=Xi(i);n.pipe(o.takeUntil(i.$.destroy$)).subscribe();const r=new Qt(i);return{...i,locateResource:r.locateResource.bind(r),pagination:{...i.pagination,get state(){return s()},get state$(){return n}}}},xi=e=>({put:(r,a)=>new Promise((c,u)=>{const l=e.transaction(["store"],"readwrite");l.onerror=p=>{u(p)},l.oncomplete=()=>{c()};const g=l.objectStore("store").put(a,r);g.onsuccess=()=>{c()},g.onerror=p=>{u(p)}}),keys:()=>new Promise((r,a)=>{const c=e.transaction(["store"],"readonly");c.onerror=g=>{a(g)};const l=c.objectStore("store").openKeyCursor(),d=[];l.onsuccess=()=>{const g=l.result;if(!g){r(d);return}d.push(g.key),g.continue()},l.onerror=()=>{a(l.error)}}),get:r=>new Promise((a,c)=>{const u=e.transaction(["store"],"readwrite"),d=u.objectStore("store").get(r);d.onsuccess=()=>{let g=d.result;g===void 0&&(g=null),a(g)},u.onerror=()=>{c(d.error)}}),remove:r=>new Promise((a,c)=>{const u=e.transaction(["store"],"readwrite"),d=u.objectStore("store").delete(r);u.onerror=()=>{c(d.error)},u.oncomplete=()=>{a()},u.onabort=()=>{var p;const g=d.error?d.error:(p=d.transaction)==null?void 0:p.error;c(g)}})}),St=async e=>new Promise((t,i)=>{const n=window.indexedDB.open(e);n.onerror=s=>{i(s)},n.onsuccess=()=>{t(xi(n.result))},n.onupgradeneeded=()=>{n.result.createObjectStore("store")}}),Zi=e=>{let t=Date.now().toString();const i=new o.Subject,n=u=>{var l,d;if(typeof u=="string"||typeof u=="object"){const g=typeof u=="object"?u.id:u;return(l=e.manifest)==null?void 0:l.spineItems.find(p=>p.id===g)}return(d=e.manifest)==null?void 0:d.spineItems[u]},s=async(u,l)=>{const d=n(u);if(!d)return new Response("Item not found",{status:404});const p=await(await St("prose-reader")).get(`${t}_${d.id}`);if(p)return new Response(p,{status:200});const h=l&&await l(d)||await fetch(d.href);return r(d,h.clone()),h},r=(u,l)=>{i.next({id:u,data:l})};i.asObservable().pipe(S.mergeMap(({id:u,data:l})=>{const d=n(u);return d?o.from(o.forkJoin([St("prose-reader"),o.from(l.blob())])).pipe(S.switchMap(([g,p])=>o.from(g.put(`${t}_${d.id}`,p))),S.catchError(g=>(C.error(g),o.EMPTY))):o.EMPTY}),S.takeUntil(e.destroy$)).subscribe();const a=e.manifest$.pipe(S.tap(()=>{t=Date.now().toString()}));return o.merge(a).pipe(S.switchMap(()=>(C.debug("Cleanup up old cache..."),o.from(St("prose-reader")).pipe(S.switchMap(u=>o.from(u.keys()).pipe(S.map(l=>l.filter(d=>!d.toString().startsWith(t))),S.switchMap(l=>{const d=l.map(g=>u.remove(g));return o.from(Promise.all(d))}))),S.catchError(u=>(C.error(u),o.EMPTY))))),S.takeUntil(e.destroy$)).subscribe(),{get:s,destroy:()=>{i.complete()}}},Gi=e=>t=>{const i=e(t),n=Zi(i.context);return{...i,destroy:()=>{n.destroy(),i.destroy()}}},Ki=(e,t)=>{var s;const i=(s=e.node.ownerDocument)==null?void 0:s.createRange(),n=e.node.compareDocumentPosition(t.node);if(i){try{if(n&Node.DOCUMENT_POSITION_PRECEDING)i.setStart(t.node,t.offset||0),i.setEnd(e.node,e.offset||0);else if(n&Node.DOCUMENT_POSITION_FOLLOWING)i.setStart(e.node,e.offset||0),i.setEnd(t.node,t.offset||0);else{const r=Math.min(e.offset||0,t.offset||0),a=Math.max(e.offset||0,t.offset||0);i.setStart(e.node,r),i.setEnd(e.node,a)}}catch(r){C.warn("Failed to create range from selection",r,{anchor:e,focus:t})}return i}},Ji=({selection:e,spineItem:t})=>{const{anchorNode:i,anchorOffset:n,focusNode:s,focusOffset:r}=e;if(!(!i||!s))try{return Ki({node:i,offset:n},{node:s,offset:r})}catch(a){C.warn("Failed to create range from selection",a,{selection:e,spineItem:t});return}};class Qi extends D{constructor(t){var n;super();const i=t.contentDocument||((n=t.contentWindow)==null?void 0:n.document);if(!i)this.selectionChange$=o.NEVER,this.selectionOver$=o.NEVER;else{const s=mt(i.body,{childList:!0,subtree:!0}).pipe(o.filter(a=>!!a.find(c=>c.type==="childList"&&c.removedNodes.length))),r=t.parentElement?mt(t.parentElement,{childList:!0}).pipe(o.filter(a=>!!a.find(c=>Array.from(c.removedNodes).includes(t)))):o.of(null);this.selectionChange$=o.merge(o.fromEvent(i,"selectionchange"),s).pipe(o.map(()=>i.getSelection()),o.takeUntil(o.merge(r,this.destroy$)),o.endWith(null)),this.selectionOver$=o.fromEvent(i,"pointerdown").pipe(o.switchMap(()=>o.merge(o.fromEvent(i,"pointerup"),o.fromEvent(i,"pointercancel"),o.fromEvent(i,"contextmenu")).pipe(o.first(),o.delay(0),o.map(a=>{const c=i.getSelection();return c&&!c.isCollapsed?[a,c]:void 0}),o.filter(U))),o.takeUntil(o.merge(r,this.destroy$)))}}}const ji=e=>e.loaded$.pipe(o.switchMap(()=>{var s;const t=e.renderer.getDocumentFrame(),i=(t==null?void 0:t.contentDocument)||((s=t==null?void 0:t.contentWindow)==null?void 0:s.document);if(!t||!i)return o.NEVER;const n=new Qi(t);return o.merge(n.selectionChange$.pipe(o.map(r=>{if(r!=null&&r.toString())return{type:"change",selection:r}})),n.selectionOver$.pipe(o.map(([r,a])=>({type:"over",event:r,selection:a})))).pipe(o.takeUntil(e.unloaded$),o.endWith(void 0),o.finalize(()=>{n.destroy()}))}),o.distinctUntilChanged()),tn=e=>t=>{const i=e(t);let n;const s=i.spineItemsManager.items$.pipe(o.switchMap(d=>{const g=d.map(p=>{const h=i.spineItemsManager.getSpineItemIndex(p)??0;return ji(p).pipe(o.map(m=>{if(m)return{...m,itemIndex:h}}))});return o.merge(...g)}),o.startWith(void 0),o.distinctUntilChanged(),o.tap(d=>{n=d}),o.shareReplay({refCount:!0,bufferSize:1})),r=s,a=s.pipe(o.map(d=>!!d),o.distinctUntilChanged(),o.filter(d=>d),o.share()),c=a.pipe(o.switchMap(()=>r),o.distinctUntilChanged(),o.filter(d=>!d),o.share()),u=s.pipe(o.filter(d=>(d==null?void 0:d.type)==="over"),o.share()),l=i.context.watch("rootElement").pipe(o.filter(rt.isDefined),o.switchMap(d=>o.fromEvent(d,"pointerdown")),o.withLatestFrom(r),o.map(([,d])=>d),o.startWith(void 0),o.shareReplay({refCount:!0,bufferSize:1}));return o.merge(r,l).pipe(o.takeUntil(i.$.destroy$)).subscribe(),{...i,selection:{selection$:r,selectionStart$:a,selectionEnd$:c,selectionOver$:u,lastSelectionOnPointerdown$:l,getSelection:()=>n,createOrderedRangeFromSelection:Ji}}},ee=[{name:"bright",backgroundColor:"white"},{name:"sepia",backgroundColor:"#eaddc7",foregroundColor:"black"},{name:"night",backgroundColor:"#191717",foregroundColor:"#f1ebeb"}],en=e=>t=>{const i=e(t),n=new o.BehaviorSubject(t.theme??"bright"),s=()=>{const c=ee.find(u=>u.name===n.value);return`
+    `,e.appendChild(i),e.appendChild(n),e},Ci=e=>t=>{const{loadingElementCreate:i=Li}=t,n=e(t),s=u=>o.of(u.reduce((l,{item:d,element:g})=>{g.style.zIndex="0";const p=g.querySelector(`.${Gt}`);if(p instanceof HTMLElement)return l[d.id]=p,l;const m=i({container:Fi(g,n.context),item:d});return g.appendChild(m),l[d.id]=m,l},{})),r=u=>o.combineLatest([n.spine.layout$,n.theme.$.theme$]).pipe(y.map(([,l])=>({width:n.context.state.visibleAreaRect.width,theme:l})),y.distinctUntilChanged($.isShallowEqual),y.tap(({width:l,theme:d})=>{Object.values(u).forEach(g=>{g.style.setProperty("max-width",`${l}px`),g.style.setProperty("color",d==="sepia"?"#939393":"rgb(202, 202, 202)")})})),a=u=>n.spineItemsObserver.itemIsReady$.pipe(y.tap(({item:l,isReady:d})=>{var g,p;(g=u[l.item.id])==null||g.style.setProperty("visibility",d?"hidden":"visible"),(p=u[l.item.id])==null||p.style.setProperty("z-index",d?"0":"1")})),c=n.spineItemsManager.items$.pipe(y.switchMap(u=>s(u)),y.shareReplay(1),y.takeUntil(n.context.destroy$));return c.pipe(y.switchMap(u=>o.merge(r(u),a(u))),y.takeUntil(n.$.destroy$)).subscribe(),{...n,loading:{$:{items$:c}}}};class Ri extends H{getImageElement(){const t=this.documentContainer;if(t instanceof HTMLImageElement)return t}onCreateDocument(){const t=this.containerElement.ownerDocument.createElement("img");return o.from(this.resourcesHandler.getResource()).pipe(o.switchMap(i=>{if(this.setDocumentContainer(t),t.style.objectFit="contain",t.style.userSelect="none",i instanceof URL)return o.of(i.href);if(i instanceof Response)return o.from(i.blob()).pipe(o.map(n=>URL.createObjectURL(n)));throw new Error("Invalid resource")}),o.map(i=>{const n=this.getImageElement();return n&&(n.src=i),t}))}onLoadDocument(){const t=this.getImageElement();if(!t)throw new Error("invalid element");return this.attach(),o.fromEvent(t,"load")}onUnload(){const t=this.getImageElement();return t&&URL.revokeObjectURL(t.src),this.detach(),o.EMPTY}onLayout({spreadPosition:t}){const i=this.getImageElement(),{height:n,width:s}=this.context.getPageSize();let r=n;const a=s;if(!i)return o.of(void 0);const c=i.naturalWidth||1,u=i.naturalHeight||1,l=c/u;return this.settings.values.computedPageTurnDirection==="vertical"&&this.settings.values.computedPageTurnMode==="scrollable"&&!this.context.state.isUsingSpreadMode&&(r=Math.ceil(s/l)),i.style.height=`${r}px`,i.style.width=`${a}px`,i.style.objectPosition=t==="left"?"right":t==="right"?"left":"center",o.of({width:a,height:r})}onRenderHeadless(){return o.EMPTY}getDocumentFrame(){}}const Ai=e=>t=>{const i=e({...t,getRenderer(a){var d;const c=(d=t.getRenderer)==null?void 0:d.call(t,a),u=a.mediaType??$.detectMimeTypeFromName(a.href),l=!!(u!=null&&u.startsWith("image/"));return!c&&l?g=>new Ri(g):c}}),n=new IntersectionObserver(a=>{a.forEach(c=>{var d;const u=c.target,l=Array.from(((d=u.contentDocument)==null?void 0:d.body.getElementsByTagName("audio"))||[]);c.isIntersecting?l.forEach(g=>{g.hasAttribute("autoplay")&&g.paused&&g.readyState>=2&&g.play().catch(console.error)}):l.forEach(g=>{g.pause(),g.currentTime=0})})},{threshold:.01}),s=new IntersectionObserver(a=>{a.forEach(c=>{if(c.target.tagName==="video"){const u=c.target;c.isIntersecting?u.hasAttribute("autoplay")&&u.paused&&u.readyState>=2&&u.play().catch(console.error):(u.pause(),u.currentTime=0)}})},{threshold:.5});return i.hookManager.register("item.onDocumentLoad",({destroy:a,itemId:c})=>{var g,p;const u=(g=i.spineItemsManager.get(c))==null?void 0:g.renderer.getDocumentFrame();if(!u)return;n.observe(u);const l=(p=u.contentDocument)==null?void 0:p.body.getElementsByTagName("video"),d=Array.from(l||[]).map(m=>(s.observe(m),()=>s.unobserve(m)));a(()=>{n.unobserve(u),d.forEach(m=>m())})}),{...i,destroy:()=>{n.disconnect(),s.disconnect(),i.destroy()}}},Di=(e,t)=>e.links$.pipe(o.tap(i=>{var a;if(!Wt(i.target,"a")||i.type!=="click")return;const n=new URL(i.target.href),s=`${n.origin}${n.pathname}`;((a=e.context.manifest)==null?void 0:a.spineItems.some(c=>c.href===s))&&t.goToUrl(n)})),W=C.namespace("navigation"),Ni=({position:e,spineItem:t,pageHeight:i,pageWidth:n,spineItemLocator:s})=>{let r=new L({x:e.x-n,y:e.y});return t.isUsingVerticalWriting()&&(r=new L({x:e.x,y:e.y+i})),s.getSpineItemClosestPositionFromUnsafePosition(r,t)},Kt=({position:e,navigationResolver:t,computedPageTurnDirection:i,spineItemsManager:n,spineLocator:s,context:r})=>{const a=i,c=s.getSpineItemFromPosition(e)||n.get(0),u=e;if(!c)return u;const l=s.getSpineItemPositionFromSpinePosition(e,c),d=Ni({position:l,spineItem:c,pageHeight:r.getPageSize().height,pageWidth:r.getPageSize().width,spineItemLocator:s.spineItemLocator});return t.arePositionsDifferent(d,l)?s.getSpinePositionFromSpineItemPosition({spineItemPosition:d,spineItem:c}):t.getAdjustedPositionWithSafeEdge(a==="horizontal"?new M({x:e.x-r.getPageSize().width,y:0}):new M({y:e.y-r.getPageSize().height,x:0}))},Oi=({position:e,spineItem:t,context:i,navigationResolver:n,spineItemsManager:s,spineLocator:r,computedPageTurnDirection:a})=>{const c=Kt({position:e,context:i,navigationResolver:n,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});if(t!=null&&t.isUsingVerticalWriting()&&e.x===c.x)return n.getAdjustedPositionForSpread(c);if(i.state.isUsingSpreadMode){if(t!=null&&t.isUsingVerticalWriting()&&e.x!==c.x)return n.getAdjustedPositionForSpread(n.getAdjustedPositionWithSafeEdge(i.isRTL()?{...c,x:c.x+i.getPageSize().width}:{...c,x:c.x-i.getPageSize().width}));if(a==="vertical"&&e.y!==c.y)return n.getAdjustedPositionForSpread(c);const u=Kt({position:c,context:i,navigationResolver:n,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});return n.getAdjustedPositionForSpread(u)}return n.getAdjustedPositionForSpread(c)},Ui=({position:e,spineItem:t,pageHeight:i,pageWidth:n,spineItemLocator:s})=>{let r=new L({x:e.x+n,y:e.y});return t.isUsingVerticalWriting()&&(r=new L({x:e.x,y:e.y-i})),s.getSpineItemClosestPositionFromUnsafePosition(r,t)},Jt=({position:e,navigationResolver:t,computedPageTurnDirection:i,spineItemsManager:n,spineLocator:s,context:r})=>{const a=i,c=s.getSpineItemFromPosition(e)||n.get(0),u=e;if(!c)return u;const l=s.getSpineItemPositionFromSpinePosition(e,c),d=Ui({position:l,spineItem:c,pageHeight:r.getPageSize().height,pageWidth:r.getPageSize().width,spineItemLocator:s.spineItemLocator});return t.arePositionsDifferent(d,l)?s.getSpinePositionFromSpineItemPosition({spineItemPosition:d,spineItem:c}):t.getAdjustedPositionWithSafeEdge(a==="horizontal"?new M({x:e.x+r.getPageSize().width,y:0}):new M({y:e.y+r.getPageSize().height,x:0}))},Vi=({position:e,spineItem:t,context:i,navigationResolver:n,spineItemsManager:s,spineLocator:r,computedPageTurnDirection:a})=>{const c=Jt({position:e,context:i,navigationResolver:n,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});if(t!=null&&t.isUsingVerticalWriting()&&e.x===c.x)return n.getAdjustedPositionForSpread(c);if(i.state.isUsingSpreadMode){if(t!=null&&t.isUsingVerticalWriting()&&e.x!==c.x)return n.getAdjustedPositionForSpread(n.getAdjustedPositionWithSafeEdge(i.isRTL()?{...c,x:c.x-i.getPageSize().width}:{...c,x:c.x+i.getPageSize().width}));if(a==="vertical"&&e.y!==c.y)return n.getAdjustedPositionForSpread(c);const u=Jt({position:c,context:i,navigationResolver:n,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});return n.getAdjustedPositionForSpread(u)}return n.getAdjustedPositionForSpread(c)};class ki{constructor(t){this.reader=t,this.movingLastDelta={x:0,y:0},this.movingLastPosition=new M({x:0,y:0}),this.unlock=void 0}turnRight(){return this.turnRightOrBottom()}turnLeft(){return this.turnLeftOrTop()}turnTop(){return this.turnLeftOrTop()}turnBottom(){return this.turnRightOrBottom()}turnRightOrBottom(){const t=this.reader.navigation.getNavigation(),i=this.reader.spineItemsManager.get(t.spineItem);if(!i)return;const n=Vi({context:this.reader.context,navigationResolver:this.reader.navigation.navigationResolver,position:t.position,computedPageTurnDirection:this.reader.settings.values.computedPageTurnDirection,spineItem:i,spineItemsManager:this.reader.spineItemsManager,spineLocator:this.reader.spine.locator});return this.reader.navigation.navigate({position:n})}turnLeftOrTop(){const t=this.reader.navigation.getNavigation(),i=this.reader.spineItemsManager.get(t.spineItem);if(!i)return;const n=Oi({context:this.reader.context,navigationResolver:this.reader.navigation.navigationResolver,position:t.position,computedPageTurnDirection:this.reader.settings.values.computedPageTurnDirection,spineItem:i,spineItemsManager:this.reader.spineItemsManager,spineLocator:this.reader.spine.locator});return this.reader.navigation.navigate({position:n})}goToCfi(t,i={animate:!0}){return this.reader.navigation.navigate({animation:i.animate?"turn":!1,cfi:t})}goToSpineItem({indexOrId:t,...i}){const n=this.reader.spineItemsManager.get(t);if(n===void 0){W.warn("goToSpineItem",`Ignore navigation to ${t} since the item does not exist`);return}this.reader.navigation.navigate({spineItem:n.index,...i})}goToNextSpineItem(){const{endIndex:t=0}=this.reader.spine.locator.getVisibleSpineItemsFromPosition({position:this.reader.navigation.getNavigation().position,threshold:{type:"percentage",value:.5}})||{};this.goToSpineItem({indexOrId:t+1})}goToPreviousSpineItem(){const{beginIndex:t=0}=this.reader.spine.locator.getVisibleSpineItemsFromPosition({position:this.reader.navigation.getNavigation().position,threshold:{type:"percentage",value:.5}})??{};this.goToSpineItem({indexOrId:t-1})}goToUrl(t){this.reader.navigation.navigate({url:t,animation:!1})}goToRightSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="vertical"){W.warn("You cannot call this navigation method on vertical direction");return}return this.reader.context.isRTL()?this.goToPreviousSpineItem():this.goToNextSpineItem()}goToRightOrBottomSpineItem(){return this.reader.settings.values.computedPageTurnDirection==="vertical"?this.goToBottomSpineItem():this.goToRightSpineItem()}goToLeftOrTopSpineItem(){return this.reader.settings.values.computedPageTurnDirection==="vertical"?this.goToTopSpineItem():this.goToLeftSpineItem()}goToLeftSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="vertical"){W.warn("You cannot call this navigation method on vertical direction");return}return this.reader.context.isRTL()?this.goToNextSpineItem():this.goToPreviousSpineItem()}goToTopSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="horizontal"){W.warn("You cannot call this navigation method on horizontal direction");return}return this.goToPreviousSpineItem()}goToBottomSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="horizontal"){W.warn("You cannot call this navigation method on horizontal direction");return}return this.goToNextSpineItem()}goToPageOfSpineItem({pageIndex:t,spineItemId:i,...n}){const s=this.reader.navigation.navigationResolver.getNavigationForSpineItemPage({pageIndex:t,spineItemId:i});W.debug(".goToPageOfSpineItem()",{pageIndex:t,spineItemId:i,...n,position:s}),this.reader.navigation.navigate({position:s,...n})}goToAbsolutePageIndex({absolutePageIndex:t,...i}){const n=this.reader.spine.locator.getSpineInfoFromAbsolutePageIndex({absolutePageIndex:t});if(W.debug(".goToAbsolutePageIndex()",{absolutePageIndex:t,...i,foundInfo:n}),n){const s=this.reader.navigation.navigationResolver.getNavigationForSpineItemPage({pageIndex:n.pageIndex,spineItemId:n.itemIndex});return this.reader.navigation.navigate({position:s,...i})}}}class Wi{constructor(t){this.reader=t,this.lastDelta={x:0,y:0},this.lastPosition=new M({x:0,y:0}),this.lastStartPosition=new M({x:0,y:0}),this.unlock=void 0}moveTo(t,{final:i,start:n}={}){var a,c,u,l;if(this.reader.settings.values.computedPageTurnMode==="scrollable"){W.warn("pan control is not available on free page turn mode");return}const s=this.reader.settings.values.computedPageTurnDirection;n&&((a=this.unlock)==null||a.call(this),this.unlock=this.reader.navigation.lock(),this.lastDelta={x:0,y:0},this.lastStartPosition=this.reader.navigation.controlledNavigationController.viewportPosition,this.lastPosition=this.lastStartPosition);let r=this.reader.navigation.getNavigation().position;if(t){const d=this.reader.viewport.absoluteViewport.width/this.reader.viewport.relativeViewport.width,g=Math.floor(t.x)-(((c=this.lastDelta)==null?void 0:c.x)||0),p=Math.floor(t.y)-(((u=this.lastDelta)==null?void 0:u.y)||0),m=Math.floor(s==="horizontal"?this.lastPosition.x-g/d:0),h=Math.floor(s==="horizontal"?0:this.lastPosition.y-p/d);r=new M({x:m,y:h}),this.lastDelta=t}else r=this.lastPosition;if(this.lastPosition=r,i){this.lastDelta={x:0,y:0},this.reader.navigation.navigate({position:r,animation:!1}),(l=this.unlock)==null||l.call(this);return}this.reader.navigation.navigate({position:r,animation:!1})}}const Ei=e=>e.pagination.state$.pipe(o.withLatestFrom(e.context.manifest$,e.settings.values$),o.map(([t,{spineItems:i,readingDirection:n},{computedPageTurnDirection:s}])=>{const r=i.length??0,a=t.beginSpineItemIndex===0,c=t.endSpineItemIndex===Math.max(r-1,0),u=t.endSpineItemIndex===Math.max(r-1,0),l=t.beginSpineItemIndex===0,d=t.beginPageIndexInSpineItem===0,g=t.endPageIndexInSpineItem===t.endNumberOfPagesInSpineItem-1;return{canTurnLeft:s==="vertical"?!1:!d,canTurnRight:s==="vertical"?!1:!g,canGoTopSpineItem:s==="vertical"&&!a,canGoBottomSpineItem:s==="vertical"&&!c,canGoLeftSpineItem:s!=="vertical"&&(n==="ltr"&&!a||n==="rtl"&&!u),canGoRightSpineItem:s!=="vertical"&&(n==="ltr"&&!c||n==="rtl"&&!l)}}),o.distinctUntilChanged($.isShallowEqual)),zi=({reader:e,duration:t})=>i=>{let n;const s=()=>{n==null||n(),n=void 0};return i.pipe(o.tap(()=>{n||(n=e==null?void 0:e.navigation.lock())}),o.throttleTime(t,o.animationFrameScheduler,{trailing:!0,leading:!0}),o.tap(s),o.finalize(s))},Hi=e=>t=>{const i=e(t),n=Ei(i),s=new ki(i),r=new Wi(i),a=u=>{const{cfi:l,...d}=u;i.load(d),l&&s.goToCfi(l,{animate:!1})};return Di(i,s).pipe(o.takeUntil(i.$.destroy$)).subscribe(),{...i,load:a,navigation:{...i.navigation,state$:n,throttleLock:({duration:u,trigger:l})=>l.pipe(zi({duration:u,reader:i})),moveTo:r.moveTo.bind(r),turnBottom:s.turnBottom.bind(s),turnTop:s.turnTop.bind(s),turnLeftOrTop:s.turnLeftOrTop.bind(s),turnRightOrBottom:s.turnRightOrBottom.bind(s),turnLeft:s.turnLeft.bind(s),turnRight:s.turnRight.bind(s),goToCfi:s.goToCfi.bind(s),goToUrl:s.goToUrl.bind(s),goToSpineItem:s.goToSpineItem.bind(s),goToNextSpineItem:s.goToNextSpineItem.bind(s),goToPreviousSpineItem:s.goToPreviousSpineItem.bind(s),goToLeftOrTopSpineItem:s.goToLeftOrTopSpineItem.bind(s),goToRightOrBottomSpineItem:s.goToRightOrBottomSpineItem.bind(s),goToTopSpineItem:s.goToTopSpineItem.bind(s),goToBottomSpineItem:s.goToBottomSpineItem.bind(s),goToLeftSpineItem:s.goToLeftSpineItem.bind(s),goToRightSpineItem:s.goToRightSpineItem.bind(s),goToPageOfSpineItem:s.goToPageOfSpineItem.bind(s),goToAbsolutePageIndex:s.goToAbsolutePageIndex.bind(s)}}},_=e=>V.generate({spineIndex:e.index,spineId:e.id}),Qt=({nodeOrRange:e,offset:t,item:i})=>{const n="ownerDocument"in e?e.ownerDocument:e.startContainer.ownerDocument;return!n||!(n!=null&&n.documentElement)||e===n?_(i):Ye(e)?V.generate({start:{node:e.startContainer,offset:e.startOffset,spineIndex:i.index,spineId:i.id},end:{node:e.endContainer,offset:e.endOffset,spineIndex:i.index,spineId:i.id}}):V.generate({node:e,offset:t,spineIndex:i.index,spineId:i.id})},it=({pageIndex:e,spineItem:t,spine:i})=>{var a;const n=i.pages.value.pages.find(c=>c.itemIndex===t.index&&c.pageIndex===e),s=n==null?void 0:n.firstVisibleNode,r=t.renderer.getDocumentFrame();return s&&r instanceof HTMLIFrameElement&&((a=r.contentWindow)!=null&&a.document)?Qt({nodeOrRange:s.node,offset:s.offset,item:t.item}).trim():_(t.item)},jt=(e,t)=>Qt({nodeOrRange:e,item:t}),Bi=e=>e.index.toString(),te=e=>{var t;return((t=e[0])==null?void 0:t.index)===6&&e.length>1},nt=e=>{const t=V.parse(e);return V.isIndirectionOnly(t)},_i=e=>Array.isArray(e)?e[0]&&te(e[0])?e[0]:void 0:e.parent[0]&&te(e.parent[0])?e.parent[0]:void 0,ot=e=>{var c,u,l,d;const t=V.parse(e),n=(_i(t)??[])[1],r=((n==null?void 0:n.index)??2)/2-1,a=V.isParsedCfiRange(t)?(u=(c=t.end.at(-1))==null?void 0:c.at(-1))==null?void 0:u.offset:(d=(l=t.at(-1))==null?void 0:l.at(-1))==null?void 0:d.offset;return{cleanedCfi:e,itemIndex:r,offset:a??0}},wt=({cfi:e,spineItemsManager:t})=>{var r,a;if(!e)return;const{itemIndex:i}=ot(e),n=t.get(i);if(!n)return;const s=n.renderer.getDocumentFrame();if(s instanceof HTMLIFrameElement){const c=(r=s.contentWindow)==null?void 0:r.document;if(c)try{const u=V.resolve(e,c,{throwOnError:!0});return{node:u.isRange?(a=u.node)==null?void 0:a.startContainer:u.node,isRange:u.isRange,range:u.isRange?u.node:void 0,offset:Array.isArray(u.offset)?u.offset.at(-1):u.offset,spineItem:n}}catch(u){return C.warn(`Error resolving cfi: ${e}.`),C.warn(u),{spineItem:n}}}return{spineItem:n}},qi=(e,t)=>{if("cfi"in t)return t;const i=e.spineItemsManager.get(t);if(!i)throw new Error("Spine item not found");return{cfi:_(i.item)}},ee=(e,t)=>{let i=e==null?void 0:e.itemPageIndex;const{itemIndex:n}=t.cfi.parseCfi(e.cfi),s=t.spineItemsManager.get(n);return s?ft().pipe(o.withLatestFrom(s.isReady$),o.map(([,r])=>{const{node:a,offset:c,range:u}=(r?t.cfi.resolveCfi({cfi:e.cfi}):{})??{};s.renditionLayout!=="pre-paginated"&&a&&(i=t.spine.locator.spineItemLocator.getSpineItemPageIndexFromNode(a,c??0,s)??i);let d=e==null?void 0:e.absolutePageIndex;return i===void 0&&(i=0),d=t.spine.locator._getAbsolutePageIndexFromPageIndex({pageIndex:i,spineItemOrId:s})??(e==null?void 0:e.absolutePageIndex),{...e,range:u,itemIndex:n,startNode:a??void 0,startOffset:c,absolutePageIndex:d,itemPageIndex:i}})):o.of({...e,itemIndex:n})};class ie{constructor(t){this.reader=t,this.locatorsByKey=new Map,this.deregisterMemoizedStream=i=>{const n=this.locatorsByKey.get(i);n&&(n.observerCount--,n.observerCount===0&&this.locatorsByKey.delete(i))},this.locate=(i,n)=>{const s={resource:i,meta:qi(this.reader,i)};return St(()=>{var m;const r=(m=this.reader.cfi.parseCfi(s.meta.cfi))==null?void 0:m.itemIndex,a=this.reader.spineItemsManager.get(r),c=(a==null?void 0:a.renditionLayout)==="reflowable",u=n.mode==="shallow"||!c||!a?()=>{}:this.reader.spine.spineItemsLoader.forceOpen([a.index]),l="cfi"in i?i.cfi:void 0,d=l?this.locatorsByKey.get(l):void 0,g=h=>h.pipe(o.finalize(()=>{l&&this.deregisterMemoizedStream(l),setTimeout(()=>{u()},1e3)}));if(l&&d)return d.observerCount++,g(d.consolidate$.pipe(o.map(({resource:h,meta:f})=>({resource:h,meta:f}))));const p=this.reader.spine.layout$.pipe(o.debounceTime(10),o.startWith(s),o.switchScan(h=>ee(h.meta,this.reader).pipe(o.map(f=>({...h,meta:f}))),s),o.shareReplay({refCount:!0,bufferSize:1}));return l&&this.locatorsByKey.set(l,{observerCount:1,consolidate$:p}),g(p)})}}locateResource(t,i){return Array.isArray(t)?St(()=>o.combineLatest(t.map(n=>this.locate(n,i??{}))).pipe(o.defaultIfEmpty([]))):this.locate(t,i??{})}}const ne=(e,t,i)=>{const n=i.spineItems.findIndex(s=>s.href===e);return t.reduce((s,r)=>{const a=r.href.indexOf("#"),c=a>0?r.href.substr(0,a):r.href,u=c.substring(0,c.lastIndexOf("/")),l=e.substring(0,e.lastIndexOf("/")),d=e.endsWith(c),g=l!==""&&l.endsWith(u);if(d||g){const m=i.spineItems.findIndex(S=>S.href===r.href);if(n<m)return s;const f={title:r.title,path:r.path},b=ne(e,r.contents,i);return b?{...f,subChapter:b}:f}return s},void 0)},Yi=(e,t)=>{var n;const{href:i}=t;return ne(i,((n=e.nav)==null?void 0:n.toc)??[],e)},xi=e=>{const t=e.context.manifest,i=e.spineItemsManager.items;return t?i.reduce((n,{item:s})=>(n[s.id]=Yi(t,s),n),{}):{}},Xi=e=>e.spineItemsManager.items$.pipe(o.startWith([]),o.map(()=>xi(e))),Zi=(e,t,i)=>e+t*i,Gi=(e,t,i)=>{const n=e.context,{height:s,width:r}=i.layout.layoutInfo,{top:a,left:c}=e.spine.getSpineItemSpineLayoutInfo(i);return e.settings.values.computedPageTurnDirection==="vertical"?Math.max(0,Math.min(1,(t.y-a+n.state.visibleAreaRect.height)/s)):Math.max(0,Math.min(1,(t.x-c+n.state.visibleAreaRect.width)/r))},Ki=(e,t,i,n,s)=>s.isReady$.pipe(o.first(),o.withLatestFrom(e.layoutInfo$),o.map(([r,a])=>{var S,I,P,v,T,F,R;const c=e.context,u=((S=c.manifest)==null?void 0:S.renditionLayout)==="pre-paginated",l=((I=c.manifest)==null?void 0:I.spineItems.length)||0,d=((P=c.manifest)==null?void 0:P.spineItems.slice(0,t).reduce((D,O)=>D+(O.progressionWeight??0),0))||0,g=e.spineItemsManager.getSpineItemIndex(s)??0,p=((v=e.context.manifest)==null?void 0:v.spineItems.length)??0,m=a.pages.filter(D=>D.itemIndex===g).length??0,h=((F=(T=c.manifest)==null?void 0:T.spineItems[t])==null?void 0:F.progressionWeight)??(g+1)/p;let f=(i+1)*(h/m);!u&&s.renditionLayout==="reflowable"&&!r&&(f=0);let b=d+f;return((R=c.manifest)==null?void 0:R.renditionFlow)==="scrolled-continuous"&&(r?f=Gi(e,n,s):f=0,b=Zi(d,h,f)),t===l-1&&i===m-1&&b>.99?1:b})),Ji=e=>e.spine.layout$.pipe(o.debounceTime(10,o.animationFrameScheduler),o.withLatestFrom(e.pagination.state$),o.map(()=>({numberOfPagesPerItems:e.spineItemsManager.items.reduce((i,n)=>[...i,n.numberOfPages],[]),numberOfTotalPages:e.spine.pages.value.pages.length})),o.distinctUntilChanged($.isShallowEqual),o.startWith({numberOfPagesPerItems:[],numberOfTotalPages:0})),Qi=(e,t,i,n)=>{const s=e.context,r=t.beginSpineItemIndex!==void 0?e.spineItemsManager.get(t.beginSpineItemIndex):void 0,a=t.endSpineItemIndex!==void 0?e.spineItemsManager.get(t.endSpineItemIndex):void 0;return o.of({...t,beginChapterInfo:r?i[r.item.id]:void 0,beginSpineItemReadingDirection:r==null?void 0:r.readingDirection,endChapterInfo:a?i[a.item.id]:void 0,endSpineItemReadingDirection:a==null?void 0:a.readingDirection,percentageEstimateOfBook:n,isUsingSpread:s.state.isUsingSpreadMode??!1})},ji=e=>o.combineLatest([e.pagination.state$,e.layout$]).pipe(o.switchMap(([t])=>{const i=t.endSpineItemIndex!==void 0?e.spineItemsManager.get(t.endSpineItemIndex):void 0;return i?Ki(e,t.endSpineItemIndex??0,t.endPageIndexInSpineItem||0,e.navigation.getNavigation().position,i):o.of(0)})),tn=e=>{const t=Xi(e),i=Ji(e),n=new o.BehaviorSubject({...e.pagination.state,beginChapterInfo:void 0,beginCfi:void 0,beginPageIndexInSpineItem:void 0,isUsingSpread:!1,beginAbsolutePageIndex:0,endAbsolutePageIndex:0,numberOfTotalPages:0,beginSpineItemReadingDirection:void 0,beginSpineItemIndex:void 0,endCfi:void 0,endChapterInfo:void 0,endSpineItemReadingDirection:void 0,percentageEstimateOfBook:0}),s=o.combineLatest([e.pagination.state$,t,ji(e)]).pipe(o.switchMap(([a,c,u])=>Qi(e,a,c,u).pipe(o.map(l=>({...a,...l})))),o.distinctUntilChanged($.isShallowEqual));return{paginationInfo$:o.combineLatest([s,i]).pipe(o.map(([a,c])=>({...a,...c,beginAbsolutePageIndex:c.numberOfPagesPerItems.slice(0,a.beginSpineItemIndex).reduce((u,l)=>u+l,a.beginPageIndexInSpineItem??0),endAbsolutePageIndex:c.numberOfPagesPerItems.slice(0,a.endSpineItemIndex).reduce((u,l)=>u+l,a.endPageIndexInSpineItem??0)})),o.tap(a=>{n.next(a)}),o.shareReplay(1)),getPaginationInfo:()=>n.value}},oe=e=>t=>{const i=e(t),{paginationInfo$:n,getPaginationInfo:s}=tn(i);n.pipe(o.takeUntil(i.$.destroy$)).subscribe();const r=new ie(i);return{...i,locateResource:r.locateResource.bind(r),pagination:{...i.pagination,get state(){return s()},get state$(){return n}}}},en=e=>({put:(r,a)=>new Promise((c,u)=>{const l=e.transaction(["store"],"readwrite");l.onerror=p=>{u(p)},l.oncomplete=()=>{c()};const g=l.objectStore("store").put(a,r);g.onsuccess=()=>{c()},g.onerror=p=>{u(p)}}),keys:()=>new Promise((r,a)=>{const c=e.transaction(["store"],"readonly");c.onerror=g=>{a(g)};const l=c.objectStore("store").openKeyCursor(),d=[];l.onsuccess=()=>{const g=l.result;if(!g){r(d);return}d.push(g.key),g.continue()},l.onerror=()=>{a(l.error)}}),get:r=>new Promise((a,c)=>{const u=e.transaction(["store"],"readwrite"),d=u.objectStore("store").get(r);d.onsuccess=()=>{let g=d.result;g===void 0&&(g=null),a(g)},u.onerror=()=>{c(d.error)}}),remove:r=>new Promise((a,c)=>{const u=e.transaction(["store"],"readwrite"),d=u.objectStore("store").delete(r);u.onerror=()=>{c(d.error)},u.oncomplete=()=>{a()},u.onabort=()=>{var p;const g=d.error?d.error:(p=d.transaction)==null?void 0:p.error;c(g)}})}),It=async e=>new Promise((t,i)=>{const n=window.indexedDB.open(e);n.onerror=s=>{i(s)},n.onsuccess=()=>{t(en(n.result))},n.onupgradeneeded=()=>{n.result.createObjectStore("store")}}),nn=e=>{let t=Date.now().toString();const i=new o.Subject,n=u=>{var l,d;if(typeof u=="string"||typeof u=="object"){const g=typeof u=="object"?u.id:u;return(l=e.manifest)==null?void 0:l.spineItems.find(p=>p.id===g)}return(d=e.manifest)==null?void 0:d.spineItems[u]},s=async(u,l)=>{const d=n(u);if(!d)return new Response("Item not found",{status:404});const p=await(await It("prose-reader")).get(`${t}_${d.id}`);if(p)return new Response(p,{status:200});const m=l&&await l(d)||await fetch(d.href);return r(d,m.clone()),m},r=(u,l)=>{i.next({id:u,data:l})};i.asObservable().pipe(y.mergeMap(({id:u,data:l})=>{const d=n(u);return d?o.from(o.forkJoin([It("prose-reader"),o.from(l.blob())])).pipe(y.switchMap(([g,p])=>o.from(g.put(`${t}_${d.id}`,p))),y.catchError(g=>(C.error(g),o.EMPTY))):o.EMPTY}),y.takeUntil(e.destroy$)).subscribe();const a=e.manifest$.pipe(y.tap(()=>{t=Date.now().toString()}));return o.merge(a).pipe(y.switchMap(()=>(C.debug("Cleanup up old cache..."),o.from(It("prose-reader")).pipe(y.switchMap(u=>o.from(u.keys()).pipe(y.map(l=>l.filter(d=>!d.toString().startsWith(t))),y.switchMap(l=>{const d=l.map(g=>u.remove(g));return o.from(Promise.all(d))}))),y.catchError(u=>(C.error(u),o.EMPTY))))),y.takeUntil(e.destroy$)).subscribe(),{get:s,destroy:()=>{i.complete()}}},on=e=>t=>{const i=e(t),n=nn(i.context);return{...i,destroy:()=>{n.destroy(),i.destroy()}}},sn=(e,t)=>{var s;const i=(s=e.node.ownerDocument)==null?void 0:s.createRange(),n=e.node.compareDocumentPosition(t.node);if(i){try{if(n&Node.DOCUMENT_POSITION_PRECEDING)i.setStart(t.node,t.offset||0),i.setEnd(e.node,e.offset||0);else if(n&Node.DOCUMENT_POSITION_FOLLOWING)i.setStart(e.node,e.offset||0),i.setEnd(t.node,t.offset||0);else{const r=Math.min(e.offset||0,t.offset||0),a=Math.max(e.offset||0,t.offset||0);i.setStart(e.node,r),i.setEnd(e.node,a)}}catch(r){C.warn("Failed to create range from selection",r,{anchor:e,focus:t})}return i}},rn=({selection:e,spineItem:t})=>{const{anchorNode:i,anchorOffset:n,focusNode:s,focusOffset:r}=e;if(!(!i||!s))try{return sn({node:i,offset:n},{node:s,offset:r})}catch(a){C.warn("Failed to create range from selection",a,{selection:e,spineItem:t});return}};class an extends A{constructor(t){var n;super();const i=t.contentDocument||((n=t.contentWindow)==null?void 0:n.document);if(!i)this.selectionChange$=o.NEVER,this.selectionOver$=o.NEVER;else{const s=yt(i.body,{childList:!0,subtree:!0}).pipe(o.filter(a=>!!a.find(c=>c.type==="childList"&&c.removedNodes.length))),r=t.parentElement?yt(t.parentElement,{childList:!0}).pipe(o.filter(a=>!!a.find(c=>Array.from(c.removedNodes).includes(t)))):o.of(null);this.selectionChange$=o.merge(o.fromEvent(i,"selectionchange"),s).pipe(o.map(()=>i.getSelection()),o.takeUntil(o.merge(r,this.destroy$)),o.endWith(null)),this.selectionOver$=o.fromEvent(i,"pointerdown").pipe(o.switchMap(()=>o.merge(o.fromEvent(i,"pointerup"),o.fromEvent(i,"pointercancel"),o.fromEvent(i,"contextmenu")).pipe(o.first(),o.delay(0),o.map(a=>{const c=i.getSelection();return c&&!c.isCollapsed?[a,c]:void 0}),o.filter(k))),o.takeUntil(o.merge(r,this.destroy$)))}}}const cn=e=>e.loaded$.pipe(o.switchMap(()=>{var s;const t=e.renderer.getDocumentFrame(),i=(t==null?void 0:t.contentDocument)||((s=t==null?void 0:t.contentWindow)==null?void 0:s.document);if(!t||!i)return o.NEVER;const n=new an(t);return o.merge(n.selectionChange$.pipe(o.map(r=>{if(r!=null&&r.toString())return{type:"change",selection:r}})),n.selectionOver$.pipe(o.map(([r,a])=>({type:"over",event:r,selection:a})))).pipe(o.takeUntil(e.unloaded$),o.endWith(void 0),o.finalize(()=>{n.destroy()}))}),o.distinctUntilChanged()),un=e=>t=>{const i=e(t);let n;const s=i.spineItemsManager.items$.pipe(o.switchMap(d=>{const g=d.map(p=>{const m=i.spineItemsManager.getSpineItemIndex(p)??0;return cn(p).pipe(o.map(h=>{if(h)return{...h,itemIndex:m}}))});return o.merge(...g)}),o.startWith(void 0),o.distinctUntilChanged(),o.tap(d=>{n=d}),o.shareReplay({refCount:!0,bufferSize:1})),r=s,a=s.pipe(o.map(d=>!!d),o.distinctUntilChanged(),o.filter(d=>d),o.share()),c=a.pipe(o.switchMap(()=>r),o.distinctUntilChanged(),o.filter(d=>!d),o.share()),u=s.pipe(o.filter(d=>(d==null?void 0:d.type)==="over"),o.share()),l=i.context.watch("rootElement").pipe(o.filter(ut.isDefined),o.switchMap(d=>o.fromEvent(d,"pointerdown")),o.withLatestFrom(r),o.map(([,d])=>d),o.startWith(void 0),o.shareReplay({refCount:!0,bufferSize:1}));return o.merge(r,l).pipe(o.takeUntil(i.$.destroy$)).subscribe(),{...i,selection:{selection$:r,selectionStart$:a,selectionEnd$:c,selectionOver$:u,lastSelectionOnPointerdown$:l,getSelection:()=>n,createOrderedRangeFromSelection:rn}}},se=[{name:"bright",backgroundColor:"white"},{name:"sepia",backgroundColor:"#eaddc7",foregroundColor:"black"},{name:"night",backgroundColor:"#191717",foregroundColor:"#f1ebeb"}],ln=e=>t=>{const i=e(t),n=new o.BehaviorSubject(t.theme??"bright"),s=()=>{const c=se.find(u=>u.name===n.value);return`
       body {
         ${c!==void 0?`background-color: ${c.backgroundColor} !important;`:""}
       }
@@ -254,7 +254,7 @@
             color: ${c.foregroundColor};
           }
         `:""}
-    `},r=({container:c})=>{const u=ee.find(l=>l.name===n.value);return u&&c.style.setProperty("background-color",u.backgroundColor),()=>{}},a=()=>{i.spineItemsManager.items.forEach(c=>{const u=c.renderer.getDocumentFrame();u&&O(u,"prose-reader-theme",s()),r({container:c.element})})};return i.hookManager.register("item.onDocumentLoad",({itemId:c})=>{const u=i.spineItemsManager.get(c);if((u==null?void 0:u.renditionLayout)!=="pre-paginated"){const l=u==null?void 0:u.renderer.getDocumentFrame();l&&O(l,"prose-reader-theme",s())}}),i.spineItemsManager.items$.pipe(S.tap(c=>c.map(({element:u})=>r({container:u}))),S.takeUntil(i.$.destroy$)).subscribe(),n.pipe(S.tap(()=>{a()}),S.takeUntil(i.$.destroy$)).subscribe(),{...i,theme:{set:c=>{c!==n.value&&n.next(c)},get:()=>n.value,$:{theme$:n.asObservable()}}}},nn=e=>t=>({...e(t),utils:{isOrIsWithinValidLink:s=>{if(lt(s)){const r=s.nodeName==="a"?s:s.closest("a");if(r!=null&&r.getAttribute("href"))return!0}return!1}}});navigator.userAgent.indexOf("")>-1&&navigator.userAgent.indexOf("Chrome")<=-1;const on=e=>t=>e(t);class ie{constructor(t){this.reader=t}}class sn extends ie{constructor(){super(...arguments),this.isZooming$=new o.BehaviorSubject(!1),this.currentScale=1,this.currentPosition={x:0,y:0}}enter(t){if(!t){console.warn("You need an image to enter zoom");return}this.currentPosition={x:0,y:0},this.currentScale=1;const i=this.reader.context.value.rootElement;if(i){this.element=i.ownerDocument.createElement("div"),this.element.style.cssText=`
+    `},r=({container:c})=>{const u=se.find(l=>l.name===n.value);return u&&c.style.setProperty("background-color",u.backgroundColor),()=>{}},a=()=>{i.spineItemsManager.items.forEach(c=>{const u=c.renderer.getDocumentFrame();u&&N(u,"prose-reader-theme",s()),r({container:c.element})})};return i.hookManager.register("item.onDocumentLoad",({itemId:c})=>{const u=i.spineItemsManager.get(c);if((u==null?void 0:u.renditionLayout)!=="pre-paginated"){const l=u==null?void 0:u.renderer.getDocumentFrame();l&&N(l,"prose-reader-theme",s())}}),i.spineItemsManager.items$.pipe(y.tap(c=>c.map(({element:u})=>r({container:u}))),y.takeUntil(i.$.destroy$)).subscribe(),n.pipe(y.tap(()=>{a()}),y.takeUntil(i.$.destroy$)).subscribe(),{...i,theme:{set:c=>{c!==n.value&&n.next(c)},get:()=>n.value,$:{theme$:n.asObservable()}}}},dn=e=>t=>({...e(t),utils:{isOrIsWithinValidLink:s=>{if(pt(s)){const r=s.nodeName==="a"?s:s.closest("a");if(r!=null&&r.getAttribute("href"))return!0}return!1}}});navigator.userAgent.indexOf("")>-1&&navigator.userAgent.indexOf("Chrome")<=-1;const gn=e=>t=>e(t);class re{constructor(t){this.reader=t}}class pn extends re{constructor(){super(...arguments),this.isZooming$=new o.BehaviorSubject(!1),this.currentScale=1,this.currentPosition={x:0,y:0}}enter(t){if(!t){console.warn("You need an image to enter zoom");return}this.currentPosition={x:0,y:0},this.currentScale=1;const i=this.reader.context.value.rootElement;if(i){this.element=i.ownerDocument.createElement("div"),this.element.style.cssText=`
           top: 0;
           left: 0;
           display: block;
@@ -264,31 +264,31 @@
           width: 100%;
           height: 100%;
           user-select: none;
-        `;const n=t.cloneNode();n.src=t.src,n.style.setProperty("height","100%"),n.style.setProperty("width","100%"),n.style.setProperty("object-fit","contain"),n.style.setProperty("pointer-events","none"),this.element.appendChild(n),i.appendChild(this.element),this.isZooming$.next(!0)}}exit(){var t;(t=this.element)==null||t.remove(),this.element=void 0,this.currentPosition={x:0,y:0},this.currentScale=1,this.isZooming$.next(!1)}moveAt(t){var n;const i=(n=this.element)==null?void 0:n.querySelector("img");i==null||i.style.setProperty("transform",`translate3d(${t.x}px, ${t.y}px, 0px) scale3d(${this.currentScale}, ${this.currentScale}, 1)`),this.currentPosition=t}scaleAt(t){var s;const i=Math.max(.01,t),n=(s=this.element)==null?void 0:s.querySelector("img");n==null||n.style.setProperty("transform",`translate3d(${this.currentPosition.x}px, ${this.currentPosition.y}px, 0px) scale3d(${i}, ${i}, 1)`),this.currentScale=i}}const nt=({newScale:e,oldScale:t,screenSize:i,scrollOffset:n})=>{const s=i*e/2-i+i/2,r=i*t/2-i+i/2,a=e/t,c=n-r;return Math.max(s+c*a,0)};class rn extends ie{constructor(){super(...arguments),this.isZooming$=new o.BehaviorSubject(!1),this.currentScale=1,this.currentPosition={x:0,y:0}}enter(){this.currentScale=1,this.currentPosition={x:0,y:0};const t=this.reader.spine.element;t&&(t.style.transformOrigin="0 0"),this.isZooming$.next(!0)}exit(){this.scaleAt(1),this.isZooming$.next(!1)}moveAt(){}scaleAt(t){const i=this.reader.spine.element,n=this.reader.navigation.scrollNavigationController.value.element;if(!i||!n)return;const s=Math.ceil(t*100)/100,r=Math.max(s,1),a=i.getBoundingClientRect().width/i.offsetWidth,c=n.scrollTop;i.style.transform=`scale(${r})`,n.scrollLeft=nt({newScale:r,oldScale:a,pageSize:n.clientWidth,screenSize:i.offsetWidth,scrollOffset:n.scrollLeft}),n.scrollTop=nt({newScale:r,oldScale:a,pageSize:n.clientHeight,screenSize:i.offsetHeight,scrollOffset:c}),this.currentScale=s}}const an=e=>t=>{const i=e(t),n=new sn(i),s=new rn(i),r=new o.BehaviorSubject(s);return{...i,destroy:()=>{n.exit(),s.exit(),r.complete(),i.destroy()},zoom:{enter:u=>{const l=i.settings.values.computedPageTurnMode==="scrollable"?s:n;r.next(l),l.enter(u)},scaleAt:u=>r.getValue().scaleAt(u),moveAt:u=>r.getValue().moveAt(u),exit:()=>r.getValue().exit(),get currentPosition(){return r.getValue().currentPosition},get currentScale(){return r.getValue().currentScale},isZooming$:r.pipe(o.switchMap(u=>u.isZooming$)),get zoomContainerElement(){return r.getValue().element},get isZooming(){return r.getValue().isZooming$.getValue()}}}},ne=e=>(e==null?void 0:e.renditionLayout)==="pre-paginated"||(e==null?void 0:e.spineItems.every(t=>t.renditionLayout==="pre-paginated"));class _ extends o.Observable{constructor(t){super(i=>this.stateSubject.pipe(o.takeUntil(this.destroy$)).subscribe(i)),this.destroy$=new o.Subject,this.stateSubject=new o.BehaviorSubject(t)}next(t){this.stateSubject.next(t)}mergeCompare(t){const i={...this.value,...t};$.isShallowEqual(this.value,i)||this.stateSubject.next(i)}watch(t){return Array.isArray(t)?this.stateSubject.pipe(Z(t)):this.stateSubject.pipe(o.map(i=>i[t]),o.distinctUntilChanged($.isShallowEqual))}get value(){return this.stateSubject.value}destroy(){this.stateSubject.complete(),this.destroy$.complete()}}class cn{constructor(){this.navigationSubject=new o.ReplaySubject(1),this.viewportStateSubject=new o.BehaviorSubject("free"),this.paginationSubject=new o.ReplaySubject,this.navigationIsLockedSubject=new o.BehaviorSubject(!1),this.pagination$=this.paginationSubject.asObservable(),this.navigationUnlocked$=this.navigationIsLockedSubject.pipe(o.distinctUntilChanged(),o.filter(t=>!t)),this.viewportState$=this.viewportStateSubject.asObservable(),this.viewportFree$=this.viewportState$.pipe(o.filter(t=>t==="free")),this.viewportBusy$=this.viewportState$.pipe(o.filter(t=>t==="busy")),this.navigation$=this.navigationSubject.asObservable()}}const un=({manifest:e,visibleAreaRect:t,forceSinglePageMode:i})=>{const{height:n,width:s}=t,r=s>n;return i||(e==null?void 0:e.renditionFlow)==="scrolled-continuous"?!1:!r&&(e==null?void 0:e.renditionSpread)==="portrait"?!0:r&&((e==null?void 0:e.renditionSpread)===void 0||(e==null?void 0:e.renditionSpread)==="auto"||(e==null?void 0:e.renditionSpread)==="landscape"||(e==null?void 0:e.renditionSpread)==="both")};class oe extends _{constructor(){super({marginBottom:0,marginTop:0,calculatedInnerMargin:0,assumedRenditionLayout:"reflowable",visibleAreaRect:{width:0,height:0,x:0,y:0}}),this.bridgeEvent=new cn,this.destroy$=new o.Subject,this.state$=this.pipe(S.distinctUntilChanged($.isShallowEqual)),this.manifest$=this.pipe(S.map(t=>t.manifest),S.filter(U),S.distinctUntilChanged()),this.containerElementRect$=this.watch("rootElement").pipe(S.switchMap(t=>t?o.merge(q(t).pipe(S.map(i=>{var n;return(n=i[0])==null?void 0:n.contentRect})),kt(t).pipe(S.map(i=>{var n;return(n=i[0])==null?void 0:n.boundingClientRect}))):o.of(void 0)),S.tap(t=>console.log(t)),S.distinctUntilChanged($.isShallowEqual),S.shareReplay({refCount:!0,bufferSize:1})),this.hasVerticalWriting$=this.pipe(S.map(t=>t.hasVerticalWriting),S.filter(U),S.distinctUntilChanged()),this.isUsingSpreadMode$=this.pipe(S.map(t=>t.isUsingSpreadMode),S.distinctUntilChanged()),this.isRTL=()=>{var t;return((t=this.value.manifest)==null?void 0:t.readingDirection)==="rtl"}}update(t){const i=this.value,n=t.manifest??i.manifest,s=t.forceSinglePageMode??i.forceSinglePageMode,r=t.visibleAreaRect??i.visibleAreaRect,a=t.marginTop??i.marginTop,c=t.marginBottom??i.marginBottom,u={...i,...t,...t.visibleAreaRect&&{...t.visibleAreaRect,height:t.visibleAreaRect.height-a-c},...t.manifest&&{isFullyPrePaginated:ne(n),assumedRenditionLayout:(n==null?void 0:n.renditionLayout)??"reflowable"},isUsingSpreadMode:un({manifest:n,visibleAreaRect:r,forceSinglePageMode:s})};$.isShallowEqual(u,i)||this.next(u)}get state(){return this.value}get manifest(){return this.value.manifest}get readingDirection(){var t;return(t=this.manifest)==null?void 0:t.readingDirection}getPageSize(){const{isUsingSpreadMode:t,visibleAreaRect:i}=this.value;return{width:t?i.width/2:i.width,height:i.height}}}class se extends _{constructor(t,i){super({supportedPageTurnAnimation:["fade","none","slide"],supportedPageTurnMode:["controlled","scrollable"],supportedPageTurnDirection:["horizontal","vertical"],supportedComputedPageTurnDirection:["horizontal","vertical"]}),o.merge(t.state$,i.values$).pipe(o.withLatestFrom(t.state$),o.map(([,{hasVerticalWriting:n}])=>{const s=t.manifest;return{hasVerticalWriting:n,renditionFlow:s==null?void 0:s.renditionFlow,renditionLayout:s==null?void 0:s.renditionLayout,computedPageTurnMode:i.values.computedPageTurnMode}}),o.distinctUntilChanged($.isShallowEqual),o.map(({hasVerticalWriting:n,renditionFlow:s,renditionLayout:r,computedPageTurnMode:a})=>({...this.value,supportedPageTurnMode:s==="scrolled-continuous"?["scrollable"]:["controlled","scrollable"],supportedPageTurnAnimation:s==="scrolled-continuous"||a==="scrollable"?["none"]:n?["fade","none"]:["fade","none","slide"],supportedPageTurnDirection:a==="scrollable"?["vertical"]:r==="reflowable"?["horizontal"]:["horizontal","vertical"]})),o.takeUntil(this.destroy$)).subscribe(this.next.bind(this))}}class re{constructor(){this._hooks=[],this._hookExecutions=[]}deregister(t){return this._hooks=this._hooks.filter(i=>i!==t),this.destroy(t.name,void 0,t)}register(t,i){const n={name:t,runFn:i};return this._hooks.push(n),()=>{this.deregister(n)}}execute(t,i,n){return this._hooks.filter(a=>t===a.name).map(a=>{let c=()=>o.of(void 0);const u=new o.Subject,l=p=>{c=p},d=()=>(u.next(),u.complete(),c()??o.of(void 0)),g=a.runFn({...n,destroy$:u.asObservable(),destroy:l});return this._hookExecutions.push({name:t,id:i,destroyFn:d,ref:a}),g})}destroy(t,i,n){const s=this._hookExecutions.filter(a=>n&&a.ref===n||t===a.name&&(!i||i&&i===a.id));this._hookExecutions=this._hookExecutions.filter(a=>!s.includes(a));const r=s.map(({destroyFn:a})=>a());return o.combineLatest(r)}}class yt{constructor(){this.isLockedSubject=new o.BehaviorSubject(0),this.isLocked$=this.isLockedSubject.pipe(o.map(t=>!!t),o.distinctUntilChanged())}lock(){let t=!1;return this.isLockedSubject.next(this.isLockedSubject.getValue()+1),()=>{t||(t=!0,this.isLockedSubject.next(this.isLockedSubject.getValue()-1))}}}const ln=()=>e=>e.pipe(o.map(({navigation:t,pagination:i,...n})=>({navigation:{...t,paginationBeginCfi:i.beginCfi},...n}))),dn=(e,t,i)=>e.bridgeEvent.pagination$.pipe(o.withLatestFrom(t),o.filter(([n,s])=>n.navigationId===s.id),o.switchMap(([n,s])=>{const r=i.spineItemsManager.get(s.spineItem);return((r==null?void 0:r.isReady$.pipe(o.first()))??o.of(!1)).pipe(o.filter(a=>a),o.map(()=>({pagination:n,navigation:s})))}),ln(),o.distinctUntilChanged((n,s)=>n.navigation.paginationBeginCfi===s.navigation.paginationBeginCfi),o.map(({navigation:n})=>({...n,meta:{triggeredBy:"pagination"}}))),gn=e=>e.pipe(o.map(([t,i])=>{const n={type:"api",meta:{triggeredBy:"user"},id:Symbol(),animation:"turn",...t};return{previousNavigation:i,navigation:n}})),pn=({navigationResolver:e})=>t=>t.pipe(o.map(i=>{if(i.navigation.cfi){const n=e.getNavigationForCfi(i.navigation.cfi);if(n)return{...i,navigation:{...i.navigation,position:n}}}return i})),hn=({navigation:e,previousNavigation:t,settings:i})=>e.directionFromLastNavigation?e.directionFromLastNavigation:e.url!==void 0||e.cfi!==void 0?"anchor":t.spineItem===void 0||e.spineItem||!e.position?"forward":i.values.computedPageTurnDirection==="vertical"?e.position.y>t.position.y||e.position.y===t.position.y&&t.directionFromLastNavigation!=="backward"?"forward":"backward":Math.abs(e.position.x)>Math.abs(t.position.x)||e.position.x===t.position.x&&t.directionFromLastNavigation!=="backward"?"forward":"backward",mn=({context:e,settings:t})=>i=>i.pipe(o.map(({navigation:n,previousNavigation:s})=>{const r=hn({navigation:n,previousNavigation:s,settings:t}),a={...n,directionFromLastNavigation:r};return{previousNavigation:s,navigation:a,direction:r}})),fn=({spineItemsManager:e,navigationResolver:t})=>i=>i.pipe(o.map(({navigation:n,...s})=>{const r=e.get(n.spineItem);return n.position?{navigation:{...n,position:t.getAdjustedPositionWithSafeEdge(n.position)},...s}:r?{navigation:{...n,position:t.getNavigationForSpineIndexOrId(r)},...s}:{navigation:{...n,position:new T({x:0,y:0})},...s}})),ae=({settings:e,spineItemsManager:t,navigationResolver:i,spineLocator:n})=>s=>{const r=a=>{const{position:c,spineItem:u,cfi:l,directionFromLastNavigation:d}=a,{navigationSnapThreshold:g,computedPageTurnMode:p}=e.values;if(u!==void 0){const h=t.get(u);if(h)return h}if(typeof u=="number")return u>t.items.length-1?t.get(t.items.length-1):t.get(0);if(l){const h=t.getSpineItemFromCfi(l);if(h)return h}if(c&&p==="controlled"){const{beginIndex:h,endIndex:m}=n.getVisibleSpineItemsFromPosition({position:c,threshold:g,restrictToScreen:!1})??{},f=(d==="forward"||d==="anchor"?m:h)??h,b=t.get(f);if(!b)return;const{endPageIndex:y,beginPageIndex:I}=n.getVisiblePagesFromViewportPosition({position:c,spineItem:b,threshold:g,restrictToScreen:!1})??{},v=(d==="forward"||d==="anchor"?y:I)??0,P=i.getNavigationForSpineItemPage({pageIndex:v,spineItemId:b}),M=n.getVisibleSpineItemsFromPosition({position:P,threshold:g,restrictToScreen:!1}),L=d==="forward"||d==="anchor"?M==null?void 0:M.beginIndex:M==null?void 0:M.endIndex;return t.get(L)}return c&&p==="scrollable"?n.getSpineItemFromPosition(c):t.get(0)};return s.pipe(o.map(({navigation:a,...c})=>{const u=r(a);return{navigation:{...a,spineItem:t.getSpineItemIndex(u)},...c}}))},ce=({spine:e})=>t=>t.pipe(o.switchMap(({navigation:i,...n})=>{const s=e.getSpineItemSpineLayoutInfo(i.spineItem),r=e.spineItemsManager.get(i.spineItem);return((r==null?void 0:r.isReady$)??o.of(!1)).pipe(o.first(),o.map(a=>({navigation:{...i,spineItemHeight:s==null?void 0:s.height,spineItemWidth:s==null?void 0:s.width,spineItemLeft:s.left,spineItemTop:s.top,spineItemIsUsingVerticalWriting:r==null?void 0:r.isUsingVerticalWriting(),spineItemIsReady:a},...n})))})),bt=({settings:e,spineItemsManager:t,spineLocator:i,navigationResolver:n})=>s=>{const r=a=>{const{navigationSnapThreshold:c,computedPageTurnMode:u}=e.values,l=t.get(a.spineItem);if(!(!l||!a.position)){if(u==="controlled"){const{endPageIndex:d,beginPageIndex:g}=i.getVisiblePagesFromViewportPosition({position:a.position,spineItem:l,threshold:c,restrictToScreen:!1})??{},p=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?d:g)??0,h=n.getNavigationForSpineItemPage({pageIndex:p,spineItemId:l}),m=i.getVisiblePagesFromViewportPosition({position:h,spineItem:l,threshold:{type:"percentage",value:0},restrictToScreen:!0}),f=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?m==null?void 0:m.beginPageIndex:m==null?void 0:m.endPageIndex)??0;return i.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:f,spineItem:l})}return i.getSpineItemPositionFromSpinePosition(a.position,l)}};return s.pipe(o.map(({navigation:a,...c})=>({navigation:{...a,positionInSpineItem:r(a)},...c})))},Sn=({navigationResolver:e})=>t=>t.pipe(o.map(i=>{if(i.navigation.url){const n=e.getNavigationForUrl(i.navigation.url);if(n)return{...i,navigation:{...i.navigation,position:n.position,spineItem:n.spineItemId}}}return i})),yn=({spineLocator:e,navigation:t,navigationResolver:i,spineItemsManager:n,spine:s})=>{const r=n.get(t.spineItem);return r?r.isReady$.pipe(o.first(),o.map(a=>{var h,m;const c=s.getSpineItemSpineLayoutInfo(r),u=e.isPositionWithinSpineItem(t.position,r),l=c.width-(t.spineItemWidth??0),d=c.height-(t.spineItemHeight??0),g=l!==0||d!==0;if(t.url!==void 0&&(l||d||a&&!t.spineItemIsReady)){const f=i.getNavigationForUrl(t.url);if(f)return f.position}const p=t.cfi??t.paginationBeginCfi;if(p!==void 0&&!et(p)&&(l||d||a&&!t.spineItemIsReady)){const f=i.getNavigationForCfi(p);if(f)return f}if(u&&g&&t.directionFromLastNavigation==="backward"){const f=new F({x:(((h=t.positionInSpineItem)==null?void 0:h.x)??0)+l,y:(((m=t.positionInSpineItem)==null?void 0:m.y)??0)+d});return i.getNavigationFromSpineItemPosition({spineItem:r,spineItemPosition:f})}if(t.positionInSpineItem&&t.spineItemHeight&&t.spineItemWidth){const f=e.spineItemLocator.getSpineItemPageIndexFromPosition({itemWidth:t.spineItemWidth,itemHeight:t.spineItemHeight,isUsingVerticalWriting:!!t.spineItemIsUsingVerticalWriting,position:t.positionInSpineItem});return i.getNavigationForSpineItemPage({pageIndex:f,spineItemId:r})}return u?i.getNavigationForPosition(t.position):i.getNavigationForSpineIndexOrId(r)})):o.of(new T({x:0,y:0}))},bn=({navigation:e,spineLocator:t,spineItemsManager:i,settings:n,navigationResolver:s,spine:r})=>{const{spineItem:a}=e,c=i.get(a);if(!c)return new T({x:0,y:0});const{height:u,top:l}=r.getSpineItemSpineLayoutInfo(c),d=t.isPositionWithinSpineItem(e.position,c),g=e.positionInSpineItem??new F({y:0,x:0});if(n.values.computedPageTurnDirection==="vertical"){if(l===e.spineItemTop&&u===e.spineItemHeight&&d)return e.position;if(l===e.spineItemTop&&u===e.spineItemHeight&&!d)return s.getNavigationForSpineIndexOrId(c);if(l!==e.spineItemTop){const p=t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(e.positionInSpineItem??new F({x:0,y:0}),c);return t.getSpinePositionFromSpineItemPosition({spineItemPosition:p,spineItem:c})}if(l===e.spineItemTop&&u!==e.spineItemHeight){const p=(e.spineItemHeight??g.y)-g.y,h=new F({y:e.directionFromLastNavigation==="backward"?u-p:g.y,x:e.position.x});if(d){const m=t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(h,c);return t.getSpinePositionFromSpineItemPosition({spineItemPosition:m,spineItem:c})}if(!d){if(!(e.position.y<l)){const f=new F({y:u-p,x:e.position.x});return t.getSpinePositionFromSpineItemPosition({spineItemPosition:t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(f,c),spineItem:c})}return s.getNavigationForSpineIndexOrId(c)}}}return e.position},wn=({navigation:e,spineItemsManager:t,settings:i,spineLocator:n,navigationResolver:s,spine:r})=>i.values.computedPageTurnMode==="scrollable"?o.of(bn({navigation:e,spineLocator:n,navigationResolver:s,settings:i,spineItemsManager:t,spine:r})):yn({navigation:e,spineLocator:n,navigationResolver:s,spineItemsManager:t,spine:r}),ue=({settings:e,navigationResolver:t,context:i,spine:n})=>s=>s.pipe(o.switchMap(r=>wn({spineLocator:n.locator,navigation:r.navigation,navigationResolver:t,settings:e,spineItemsManager:n.spineItemsManager,spineItemLocator:n.locator.spineItemLocator,spine:n}).pipe(o.map(a=>({...r,navigation:{...r.navigation,position:a}}))))),In=C.namespace("navigation/InternalNavigator");class le extends D{constructor(t,i,n,s,r,a,c,u){super(),this.settings=t,this.context=i,this.userNavigation$=n,this.viewportController=s,this.scrollNavigationController=r,this.navigationResolver=a,this.spine=c,this.isUserLocked$=u,this.navigationSubject=new o.BehaviorSubject({animation:!1,position:new T({x:0,y:0}),meta:{triggeredBy:"user"},spineItemIsReady:!1,type:"api",id:Symbol()}),this.navigated$=this.navigationSubject.pipe(o.skip(1)),this.navigation$=this.navigationSubject.pipe(o.map(({position:y,id:I})=>({position:y,id:I})),o.distinctUntilChanged(({position:y,...I},{position:v,...P})=>$.isShallowEqual(I,P)&&$.isShallowEqual(y,v)),o.shareReplay(1)),this.locker=new yt;const l=n.pipe(o.withLatestFrom(this.navigationSubject),gn,Sn({navigationResolver:a}),pn({navigationResolver:a}),mn({context:i,settings:t}),ae({navigationResolver:a,settings:t,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),bt({navigationResolver:a,settings:t,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),ce({spine:c})).pipe(fn({navigationResolver:a,spineItemsManager:c.spineItemsManager}),o.withLatestFrom(u),o.switchMap(([y,I])=>{const v=y.navigation.cfi||y.navigation.url||t.values.computedPageTurnMode==="scrollable"||I;return o.of(y).pipe(v?o.identity:ue({navigationResolver:a,settings:t,spine:c,context:i}))}),bt({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:t,navigationResolver:a}),o.map(y=>y.navigation),o.share()),d=l.pipe(o.withLatestFrom(u),o.filter(([,y])=>y),o.switchMap(([y])=>{const I=this.locker.lock();return u.pipe(o.filter(v=>!v),o.first(),o.map(()=>({...y,animation:"snap"})),o.finalize(()=>{I()}),o.takeUntil(l))}),o.share()),g=o.merge(s.layout$,c.layout$).pipe(o.switchMap(()=>o.of(null).pipe(o.switchMap(()=>u.pipe(o.filter(y=>!y),o.first())),o.map(()=>({...this.navigationSubject.getValue(),animation:!1})),o.takeUntil(o.merge(d,l))))),p=o.merge(g,d).pipe(o.map(y=>({navigation:y})),ue({navigationResolver:a,settings:t,context:i,spine:c}),o.map(y=>{const I={...y.navigation,meta:{triggeredBy:"restoration"}};return{...y,navigation:I}}),ae({navigationResolver:a,settings:t,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),ce({spine:c}),bt({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:t,navigationResolver:a}),o.map(({navigation:y})=>y),o.share()),h=dn(i,this.navigationSubject,c),m=o.merge(p,l,h),f=y=>y.pipe(o.tap(([I,v])=>{In.info(`navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,{previousNavigation:v,currentNavigation:I}),this.navigationSubject.next(I)})),b=y=>y.pipe(o.tap(([I,v])=>{const P=I.type==="scroll",M=I.meta.triggeredBy==="pagination",L=I.meta.triggeredBy==="restoration",R=$.isShallowEqual(v.position,I.position);if(P&&!L||M||R)return;const A={position:I.position,animation:I.animation};t.values.computedPageTurnMode==="scrollable"?this.scrollNavigationController.navigate(A):this.viewportController.navigate(A)}));m.pipe(o.withLatestFrom(this.navigationSubject),b,f,o.takeUntil(this.destroy$)).subscribe()}get navigation(){return this.navigationSubject.getValue()}}const de=({position:{x:e,y:t},spineElement:i,element:n})=>{if(!i)throw new Error("Invalid spine element");const s=i.getBoundingClientRect().width/i.offsetWidth;return new T({x:nt({newScale:1,oldScale:s,screenSize:n.clientWidth??0,pageSize:i.scrollWidth,scrollOffset:e}),y:nt({newScale:1,oldScale:s,screenSize:n.clientHeight??0,pageSize:i.scrollHeight,scrollOffset:t})})},vn=500;class Pn extends D{constructor(t,i,n,s,r){super(),this.settings=t,this.context=i,this.spine=n,this.scrollNavigationController=s,this.locker=r,this.navigationSubject=new o.Subject,this.navigation$=this.navigationSubject.asObservable();const a=this.scrollNavigationController.userScroll$.pipe(o.exhaustMap(c=>{const u=this.locker.lock();return o.merge(this.scrollNavigationController.userScroll$,o.of(c)).pipe(o.debounceTime(vn,o.animationFrameScheduler),o.first(),o.tap(()=>{const l=c.target,d=de({element:l,position:new T({x:l.scrollLeft??0,y:l.scrollTop??0}),spineElement:this.spine.element??Rt()});this.navigationSubject.next({animation:!1,type:"scroll",position:d})}),o.finalize(()=>{u()}))}));o.merge(a).pipe(o.takeUntil(this.destroy$)).subscribe()}}const $n=e=>({x:-e.x,y:-e.y}),Mn=e=>e instanceof DOMMatrix?new T({x:-e.e,y:-e.f}):new T({x:-e.x,y:-e.y}),ge=C.namespace("navigation/ViewportNavigator");class pe extends D{constructor(t,i,n,s,r){super(),this.settings=t,this.hookManager=i,this.context=n,this.spine=s,this.viewport=r,this.navigateSubject=new o.Subject,this.element$=new o.BehaviorSubject(document.createElement("div"));const a=this.spine.element$.pipe(o.filter(rt.isDefined),o.withLatestFrom(this.element$),o.tap(([d,g])=>{g.style.cssText=`
+        `;const n=t.cloneNode();n.src=t.src,n.style.setProperty("height","100%"),n.style.setProperty("width","100%"),n.style.setProperty("object-fit","contain"),n.style.setProperty("pointer-events","none"),this.element.appendChild(n),i.appendChild(this.element),this.isZooming$.next(!0)}}exit(){var t;(t=this.element)==null||t.remove(),this.element=void 0,this.currentPosition={x:0,y:0},this.currentScale=1,this.isZooming$.next(!1)}moveAt(t){var n;const i=(n=this.element)==null?void 0:n.querySelector("img");i==null||i.style.setProperty("transform",`translate3d(${t.x}px, ${t.y}px, 0px) scale3d(${this.currentScale}, ${this.currentScale}, 1)`),this.currentPosition=t}scaleAt(t){var s;const i=Math.max(.01,t),n=(s=this.element)==null?void 0:s.querySelector("img");n==null||n.style.setProperty("transform",`translate3d(${this.currentPosition.x}px, ${this.currentPosition.y}px, 0px) scale3d(${i}, ${i}, 1)`),this.currentScale=i}}const st=({newScale:e,oldScale:t,screenSize:i,scrollOffset:n})=>{const s=i*e/2-i+i/2,r=i*t/2-i+i/2,a=e/t,c=n-r;return Math.max(s+c*a,0)};class hn extends re{constructor(){super(...arguments),this.isZooming$=new o.BehaviorSubject(!1),this.currentScale=1,this.currentPosition={x:0,y:0}}enter(){this.currentScale=1,this.currentPosition={x:0,y:0};const t=this.reader.spine.element;t&&(t.style.transformOrigin="0 0"),this.isZooming$.next(!0)}exit(){this.scaleAt(1),this.isZooming$.next(!1)}moveAt(){}scaleAt(t){const i=this.reader.spine.element,n=this.reader.navigation.scrollNavigationController.value.element;if(!i||!n)return;const s=Math.ceil(t*100)/100,r=Math.max(s,1),a=i.getBoundingClientRect().width/i.offsetWidth,c=n.scrollTop;i.style.transform=`scale(${r})`,n.scrollLeft=st({newScale:r,oldScale:a,pageSize:n.clientWidth,screenSize:i.offsetWidth,scrollOffset:n.scrollLeft}),n.scrollTop=st({newScale:r,oldScale:a,pageSize:n.clientHeight,screenSize:i.offsetHeight,scrollOffset:c}),this.currentScale=s}}const mn=e=>t=>{const i=e(t),n=new pn(i),s=new hn(i),r=new o.BehaviorSubject(s);return{...i,destroy:()=>{n.exit(),s.exit(),r.complete(),i.destroy()},zoom:{enter:u=>{const l=i.settings.values.computedPageTurnMode==="scrollable"?s:n;r.next(l),l.enter(u)},scaleAt:u=>r.getValue().scaleAt(u),moveAt:u=>r.getValue().moveAt(u),exit:()=>r.getValue().exit(),get currentPosition(){return r.getValue().currentPosition},get currentScale(){return r.getValue().currentScale},isZooming$:r.pipe(o.switchMap(u=>u.isZooming$)),get zoomContainerElement(){return r.getValue().element},get isZooming(){return r.getValue().isZooming$.getValue()}}}},ae=e=>(e==null?void 0:e.renditionLayout)==="pre-paginated"||(e==null?void 0:e.spineItems.every(t=>t.renditionLayout==="pre-paginated"));class q extends o.Observable{constructor(t){super(i=>this.stateSubject.pipe(o.takeUntil(this.destroy$)).subscribe(i)),this.destroy$=new o.Subject,this.stateSubject=new o.BehaviorSubject(t)}next(t){this.stateSubject.next(t)}mergeCompare(t){const i={...this.value,...t};$.isShallowEqual(this.value,i)||this.stateSubject.next(i)}watch(t){return Array.isArray(t)?this.stateSubject.pipe(G(t)):this.stateSubject.pipe(o.map(i=>i[t]),o.distinctUntilChanged($.isShallowEqual))}get value(){return this.stateSubject.value}destroy(){this.stateSubject.complete(),this.destroy$.complete()}}class fn{constructor(){this.navigationSubject=new o.ReplaySubject(1),this.viewportStateSubject=new o.BehaviorSubject("free"),this.paginationSubject=new o.ReplaySubject,this.navigationIsLockedSubject=new o.BehaviorSubject(!1),this.pagination$=this.paginationSubject.asObservable(),this.navigationUnlocked$=this.navigationIsLockedSubject.pipe(o.distinctUntilChanged(),o.filter(t=>!t)),this.viewportState$=this.viewportStateSubject.asObservable(),this.viewportFree$=this.viewportState$.pipe(o.filter(t=>t==="free")),this.viewportBusy$=this.viewportState$.pipe(o.filter(t=>t==="busy")),this.navigation$=this.navigationSubject.asObservable()}}const Sn=({manifest:e,visibleAreaRect:t,forceSinglePageMode:i})=>{const{height:n,width:s}=t,r=s>n;return i||(e==null?void 0:e.renditionFlow)==="scrolled-continuous"?!1:!r&&(e==null?void 0:e.renditionSpread)==="portrait"?!0:r&&((e==null?void 0:e.renditionSpread)===void 0||(e==null?void 0:e.renditionSpread)==="auto"||(e==null?void 0:e.renditionSpread)==="landscape"||(e==null?void 0:e.renditionSpread)==="both")};class ce extends q{constructor(){super({marginBottom:0,marginTop:0,calculatedInnerMargin:0,assumedRenditionLayout:"reflowable",visibleAreaRect:{width:0,height:0,x:0,y:0}}),this.bridgeEvent=new fn,this.destroy$=new o.Subject,this.state$=this.pipe(y.distinctUntilChanged($.isShallowEqual)),this.manifest$=this.pipe(y.map(t=>t.manifest),y.filter(k),y.distinctUntilChanged()),this.hasVerticalWriting$=this.pipe(y.map(t=>t.hasVerticalWriting),y.filter(k),y.distinctUntilChanged()),this.isUsingSpreadMode$=this.pipe(y.map(t=>t.isUsingSpreadMode),y.distinctUntilChanged()),this.isRTL=()=>{var t;return((t=this.value.manifest)==null?void 0:t.readingDirection)==="rtl"}}update(t){const i=this.value,n=t.manifest??i.manifest,s=t.forceSinglePageMode??i.forceSinglePageMode,r=t.visibleAreaRect??i.visibleAreaRect,a=t.marginTop??i.marginTop,c=t.marginBottom??i.marginBottom,u={...i,...t,...t.visibleAreaRect&&{...t.visibleAreaRect,height:t.visibleAreaRect.height-a-c},...t.manifest&&{isFullyPrePaginated:ae(n),assumedRenditionLayout:(n==null?void 0:n.renditionLayout)??"reflowable"},isUsingSpreadMode:Sn({manifest:n,visibleAreaRect:r,forceSinglePageMode:s})};$.isShallowEqual(u,i)||this.next(u)}get state(){return this.value}get manifest(){return this.value.manifest}get readingDirection(){var t;return(t=this.manifest)==null?void 0:t.readingDirection}getPageSize(){const{isUsingSpreadMode:t,visibleAreaRect:i}=this.value;return{width:t?i.width/2:i.width,height:i.height}}}class ue extends q{constructor(t,i){super({supportedPageTurnAnimation:["fade","none","slide"],supportedPageTurnMode:["controlled","scrollable"],supportedPageTurnDirection:["horizontal","vertical"],supportedComputedPageTurnDirection:["horizontal","vertical"]}),o.merge(t.state$,i.values$).pipe(o.withLatestFrom(t.state$),o.map(([,{hasVerticalWriting:n}])=>{const s=t.manifest;return{hasVerticalWriting:n,renditionFlow:s==null?void 0:s.renditionFlow,renditionLayout:s==null?void 0:s.renditionLayout,computedPageTurnMode:i.values.computedPageTurnMode}}),o.distinctUntilChanged($.isShallowEqual),o.map(({hasVerticalWriting:n,renditionFlow:s,renditionLayout:r,computedPageTurnMode:a})=>({...this.value,supportedPageTurnMode:s==="scrolled-continuous"?["scrollable"]:["controlled","scrollable"],supportedPageTurnAnimation:s==="scrolled-continuous"||a==="scrollable"?["none"]:n?["fade","none"]:["fade","none","slide"],supportedPageTurnDirection:a==="scrollable"?["vertical"]:r==="reflowable"?["horizontal"]:["horizontal","vertical"]})),o.takeUntil(this.destroy$)).subscribe(this.next.bind(this))}}class le{constructor(){this._hooks=[],this._hookExecutions=[]}deregister(t){return this._hooks=this._hooks.filter(i=>i!==t),this.destroy(t.name,void 0,t)}register(t,i){const n={name:t,runFn:i};return this._hooks.push(n),()=>{this.deregister(n)}}execute(t,i,n){return this._hooks.filter(a=>t===a.name).map(a=>{let c=()=>o.of(void 0);const u=new o.Subject,l=p=>{c=p},d=()=>(u.next(),u.complete(),c()??o.of(void 0)),g=a.runFn({...n,destroy$:u.asObservable(),destroy:l});return this._hookExecutions.push({name:t,id:i,destroyFn:d,ref:a}),g})}destroy(t,i,n){const s=this._hookExecutions.filter(a=>n&&a.ref===n||t===a.name&&(!i||i&&i===a.id));this._hookExecutions=this._hookExecutions.filter(a=>!s.includes(a));const r=s.map(({destroyFn:a})=>a());return o.combineLatest(r)}}class Pt{constructor(){this.isLockedSubject=new o.BehaviorSubject(0),this.isLocked$=this.isLockedSubject.pipe(o.map(t=>!!t),o.distinctUntilChanged())}lock(){let t=!1;return this.isLockedSubject.next(this.isLockedSubject.getValue()+1),()=>{t||(t=!0,this.isLockedSubject.next(this.isLockedSubject.getValue()-1))}}}const yn=()=>e=>e.pipe(o.map(({navigation:t,pagination:i,...n})=>({navigation:{...t,paginationBeginCfi:i.beginCfi},...n}))),bn=(e,t,i)=>e.bridgeEvent.pagination$.pipe(o.withLatestFrom(t),o.filter(([n,s])=>n.navigationId===s.id),o.switchMap(([n,s])=>{const r=i.spineItemsManager.get(s.spineItem);return((r==null?void 0:r.isReady$.pipe(o.first()))??o.of(!1)).pipe(o.filter(a=>a),o.map(()=>({pagination:n,navigation:s})))}),yn(),o.distinctUntilChanged((n,s)=>n.navigation.paginationBeginCfi===s.navigation.paginationBeginCfi),o.map(({navigation:n})=>({...n,meta:{triggeredBy:"pagination"}}))),wn=e=>e.pipe(o.map(([t,i])=>{const n={type:"api",meta:{triggeredBy:"user"},id:Symbol(),animation:"turn",...t};return{previousNavigation:i,navigation:n}})),In=({navigationResolver:e})=>t=>t.pipe(o.map(i=>{if(i.navigation.cfi){const n=e.getNavigationForCfi(i.navigation.cfi);if(n)return{...i,navigation:{...i.navigation,position:n}}}return i})),Pn=({navigation:e,previousNavigation:t,settings:i})=>e.directionFromLastNavigation?e.directionFromLastNavigation:e.url!==void 0||e.cfi!==void 0?"anchor":t.spineItem===void 0||e.spineItem||!e.position?"forward":i.values.computedPageTurnDirection==="vertical"?e.position.y>t.position.y||e.position.y===t.position.y&&t.directionFromLastNavigation!=="backward"?"forward":"backward":Math.abs(e.position.x)>Math.abs(t.position.x)||e.position.x===t.position.x&&t.directionFromLastNavigation!=="backward"?"forward":"backward",vn=({context:e,settings:t})=>i=>i.pipe(o.map(({navigation:n,previousNavigation:s})=>{const r=Pn({navigation:n,previousNavigation:s,settings:t}),a={...n,directionFromLastNavigation:r};return{previousNavigation:s,navigation:a,direction:r}})),$n=({spineItemsManager:e,navigationResolver:t})=>i=>i.pipe(o.map(({navigation:n,...s})=>{const r=e.get(n.spineItem);return n.position?{navigation:{...n,position:t.getAdjustedPositionWithSafeEdge(n.position)},...s}:r?{navigation:{...n,position:t.getNavigationForSpineIndexOrId(r)},...s}:{navigation:{...n,position:new M({x:0,y:0})},...s}})),de=({settings:e,spineItemsManager:t,navigationResolver:i,spineLocator:n})=>s=>{const r=a=>{const{position:c,spineItem:u,cfi:l,directionFromLastNavigation:d}=a,{navigationSnapThreshold:g,computedPageTurnMode:p}=e.values;if(u!==void 0){const m=t.get(u);if(m)return m}if(typeof u=="number")return u>t.items.length-1?t.get(t.items.length-1):t.get(0);if(l){const m=t.getSpineItemFromCfi(l);if(m)return m}if(c&&p==="controlled"){const{beginIndex:m,endIndex:h}=n.getVisibleSpineItemsFromPosition({position:c,threshold:g,restrictToScreen:!1})??{},f=(d==="forward"||d==="anchor"?h:m)??m,b=t.get(f);if(!b)return;const{endPageIndex:S,beginPageIndex:I}=n.getVisiblePagesFromViewportPosition({position:c,spineItem:b,threshold:g,restrictToScreen:!1})??{},P=(d==="forward"||d==="anchor"?S:I)??0,v=i.getNavigationForSpineItemPage({pageIndex:P,spineItemId:b}),T=n.getVisibleSpineItemsFromPosition({position:v,threshold:g,restrictToScreen:!1}),F=d==="forward"||d==="anchor"?T==null?void 0:T.beginIndex:T==null?void 0:T.endIndex;return t.get(F)}return c&&p==="scrollable"?n.getSpineItemFromPosition(c):t.get(0)};return s.pipe(o.map(({navigation:a,...c})=>{const u=r(a);return{navigation:{...a,spineItem:t.getSpineItemIndex(u)},...c}}))},ge=({spine:e})=>t=>t.pipe(o.switchMap(({navigation:i,...n})=>{const s=e.getSpineItemSpineLayoutInfo(i.spineItem),r=e.spineItemsManager.get(i.spineItem);return((r==null?void 0:r.isReady$)??o.of(!1)).pipe(o.first(),o.map(a=>({navigation:{...i,spineItemHeight:s==null?void 0:s.height,spineItemWidth:s==null?void 0:s.width,spineItemLeft:s.left,spineItemTop:s.top,spineItemIsUsingVerticalWriting:r==null?void 0:r.isUsingVerticalWriting(),spineItemIsReady:a},...n})))})),vt=({settings:e,spineItemsManager:t,spineLocator:i,navigationResolver:n})=>s=>{const r=a=>{const{navigationSnapThreshold:c,computedPageTurnMode:u}=e.values,l=t.get(a.spineItem);if(!(!l||!a.position)){if(u==="controlled"){const{endPageIndex:d,beginPageIndex:g}=i.getVisiblePagesFromViewportPosition({position:a.position,spineItem:l,threshold:c,restrictToScreen:!1})??{},p=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?d:g)??0,m=n.getNavigationForSpineItemPage({pageIndex:p,spineItemId:l}),h=i.getVisiblePagesFromViewportPosition({position:m,spineItem:l,threshold:{type:"percentage",value:0},restrictToScreen:!0}),f=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?h==null?void 0:h.beginPageIndex:h==null?void 0:h.endPageIndex)??0;return i.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:f,spineItem:l})}return i.getSpineItemPositionFromSpinePosition(a.position,l)}};return s.pipe(o.map(({navigation:a,...c})=>({navigation:{...a,positionInSpineItem:r(a)},...c})))},Mn=({navigationResolver:e})=>t=>t.pipe(o.map(i=>{if(i.navigation.url){const n=e.getNavigationForUrl(i.navigation.url);if(n)return{...i,navigation:{...i.navigation,position:n.position,spineItem:n.spineItemId}}}return i})),Tn=({spineLocator:e,navigation:t,navigationResolver:i,spineItemsManager:n,spine:s})=>{const r=n.get(t.spineItem);return r?r.isReady$.pipe(o.first(),o.map(a=>{var m,h;const c=s.getSpineItemSpineLayoutInfo(r),u=e.isPositionWithinSpineItem(t.position,r),l=c.width-(t.spineItemWidth??0),d=c.height-(t.spineItemHeight??0),g=l!==0||d!==0;if(t.url!==void 0&&(l||d||a&&!t.spineItemIsReady)){const f=i.getNavigationForUrl(t.url);if(f)return f.position}const p=t.cfi??t.paginationBeginCfi;if(p!==void 0&&!nt(p)&&(l||d||a&&!t.spineItemIsReady)){const f=i.getNavigationForCfi(p);if(f)return f}if(u&&g&&t.directionFromLastNavigation==="backward"){const f=new L({x:(((m=t.positionInSpineItem)==null?void 0:m.x)??0)+l,y:(((h=t.positionInSpineItem)==null?void 0:h.y)??0)+d});return i.getNavigationFromSpineItemPosition({spineItem:r,spineItemPosition:f})}if(t.positionInSpineItem&&t.spineItemHeight&&t.spineItemWidth){const f=e.spineItemLocator.getSpineItemPageIndexFromPosition({itemWidth:t.spineItemWidth,itemHeight:t.spineItemHeight,isUsingVerticalWriting:!!t.spineItemIsUsingVerticalWriting,position:t.positionInSpineItem});return i.getNavigationForSpineItemPage({pageIndex:f,spineItemId:r})}return u?i.getNavigationForPosition(t.position):i.getNavigationForSpineIndexOrId(r)})):o.of(new M({x:0,y:0}))},Fn=({navigation:e,spineLocator:t,spineItemsManager:i,settings:n,navigationResolver:s,spine:r})=>{const{spineItem:a}=e,c=i.get(a);if(!c)return new M({x:0,y:0});const{height:u,top:l}=r.getSpineItemSpineLayoutInfo(c),d=t.isPositionWithinSpineItem(e.position,c),g=e.positionInSpineItem??new L({y:0,x:0});if(n.values.computedPageTurnDirection==="vertical"){if(l===e.spineItemTop&&u===e.spineItemHeight&&d)return e.position;if(l===e.spineItemTop&&u===e.spineItemHeight&&!d)return s.getNavigationForSpineIndexOrId(c);if(l!==e.spineItemTop){const p=t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(e.positionInSpineItem??new L({x:0,y:0}),c);return t.getSpinePositionFromSpineItemPosition({spineItemPosition:p,spineItem:c})}if(l===e.spineItemTop&&u!==e.spineItemHeight){const p=(e.spineItemHeight??g.y)-g.y,m=new L({y:e.directionFromLastNavigation==="backward"?u-p:g.y,x:e.position.x});if(d){const h=t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(m,c);return t.getSpinePositionFromSpineItemPosition({spineItemPosition:h,spineItem:c})}if(!d){if(!(e.position.y<l)){const f=new L({y:u-p,x:e.position.x});return t.getSpinePositionFromSpineItemPosition({spineItemPosition:t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(f,c),spineItem:c})}return s.getNavigationForSpineIndexOrId(c)}}}return e.position},Ln=({navigation:e,spineItemsManager:t,settings:i,spineLocator:n,navigationResolver:s,spine:r})=>i.values.computedPageTurnMode==="scrollable"?o.of(Fn({navigation:e,spineLocator:n,navigationResolver:s,settings:i,spineItemsManager:t,spine:r})):Tn({navigation:e,spineLocator:n,navigationResolver:s,spineItemsManager:t,spine:r}),pe=({settings:e,navigationResolver:t,context:i,spine:n})=>s=>s.pipe(o.switchMap(r=>Ln({spineLocator:n.locator,navigation:r.navigation,navigationResolver:t,settings:e,spineItemsManager:n.spineItemsManager,spineItemLocator:n.locator.spineItemLocator,spine:n}).pipe(o.map(a=>({...r,navigation:{...r.navigation,position:a}}))))),Cn=C.namespace("navigation/InternalNavigator");class he extends A{constructor(t,i,n,s,r,a,c,u){super(),this.settings=t,this.context=i,this.userNavigation$=n,this.viewportController=s,this.scrollNavigationController=r,this.navigationResolver=a,this.spine=c,this.isUserLocked$=u,this.navigationSubject=new o.BehaviorSubject({animation:!1,position:new M({x:0,y:0}),meta:{triggeredBy:"user"},spineItemIsReady:!1,type:"api",id:Symbol()}),this.navigated$=this.navigationSubject.pipe(o.skip(1)),this.navigation$=this.navigationSubject.pipe(o.map(({position:S,id:I})=>({position:S,id:I})),o.distinctUntilChanged(({position:S,...I},{position:P,...v})=>$.isShallowEqual(I,v)&&$.isShallowEqual(S,P)),o.shareReplay(1)),this.locker=new Pt;const l=n.pipe(o.withLatestFrom(this.navigationSubject),wn,Mn({navigationResolver:a}),In({navigationResolver:a}),vn({context:i,settings:t}),de({navigationResolver:a,settings:t,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),vt({navigationResolver:a,settings:t,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),ge({spine:c})).pipe($n({navigationResolver:a,spineItemsManager:c.spineItemsManager}),o.withLatestFrom(u),o.switchMap(([S,I])=>{const P=S.navigation.cfi||S.navigation.url||t.values.computedPageTurnMode==="scrollable"||I;return o.of(S).pipe(P?o.identity:pe({navigationResolver:a,settings:t,spine:c,context:i}))}),vt({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:t,navigationResolver:a}),o.map(S=>S.navigation),o.share()),d=l.pipe(o.withLatestFrom(u),o.filter(([,S])=>S),o.switchMap(([S])=>{const I=this.locker.lock();return u.pipe(o.filter(P=>!P),o.first(),o.map(()=>({...S,animation:"snap"})),o.finalize(()=>{I()}),o.takeUntil(l))}),o.share()),g=o.merge(s.layout$,c.layout$).pipe(o.switchMap(()=>o.of(null).pipe(o.switchMap(()=>u.pipe(o.filter(S=>!S),o.first())),o.map(()=>({...this.navigationSubject.getValue(),animation:!1})),o.takeUntil(o.merge(d,l))))),p=o.merge(g,d).pipe(o.map(S=>({navigation:S})),pe({navigationResolver:a,settings:t,context:i,spine:c}),o.map(S=>{const I={...S.navigation,meta:{triggeredBy:"restoration"}};return{...S,navigation:I}}),de({navigationResolver:a,settings:t,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),ge({spine:c}),vt({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:t,navigationResolver:a}),o.map(({navigation:S})=>S),o.share()),m=bn(i,this.navigationSubject,c),h=o.merge(p,l,m),f=S=>S.pipe(o.tap(([I,P])=>{Cn.info(`navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,{previousNavigation:P,currentNavigation:I}),this.navigationSubject.next(I)})),b=S=>S.pipe(o.tap(([I,P])=>{const v=I.type==="scroll",T=I.meta.triggeredBy==="pagination",F=I.meta.triggeredBy==="restoration",R=$.isShallowEqual(P.position,I.position);if(v&&!F||T||R)return;const D={position:I.position,animation:I.animation};t.values.computedPageTurnMode==="scrollable"?this.scrollNavigationController.navigate(D):this.viewportController.navigate(D)}));h.pipe(o.withLatestFrom(this.navigationSubject),b,f,o.takeUntil(this.destroy$)).subscribe()}get navigation(){return this.navigationSubject.getValue()}}const me=({position:{x:e,y:t},spineElement:i,element:n})=>{if(!i)throw new Error("Invalid spine element");const s=i.getBoundingClientRect().width/i.offsetWidth;return new M({x:st({newScale:1,oldScale:s,screenSize:n.clientWidth??0,pageSize:i.scrollWidth,scrollOffset:e}),y:st({newScale:1,oldScale:s,screenSize:n.clientHeight??0,pageSize:i.scrollHeight,scrollOffset:t})})},Rn=500;class An extends A{constructor(t,i,n,s,r){super(),this.settings=t,this.context=i,this.spine=n,this.scrollNavigationController=s,this.locker=r,this.navigationSubject=new o.Subject,this.navigation$=this.navigationSubject.asObservable();const a=this.scrollNavigationController.userScroll$.pipe(o.exhaustMap(c=>{const u=this.locker.lock();return o.merge(this.scrollNavigationController.userScroll$,o.of(c)).pipe(o.debounceTime(Rn,o.animationFrameScheduler),o.first(),o.tap(()=>{const l=c.target,d=me({element:l,position:new M({x:l.scrollLeft??0,y:l.scrollTop??0}),spineElement:this.spine.element??Ut()});this.navigationSubject.next({animation:!1,type:"scroll",position:d})}),o.finalize(()=>{u()}))}));o.merge(a).pipe(o.takeUntil(this.destroy$)).subscribe()}}const Dn=e=>({x:-e.x,y:-e.y}),Nn=e=>e instanceof DOMMatrix?new M({x:-e.e,y:-e.f}):new M({x:-e.x,y:-e.y}),fe=C.namespace("navigation/ViewportNavigator");class Se extends A{constructor(t,i,n,s,r){super(),this.settings=t,this.hookManager=i,this.context=n,this.spine=s,this.viewport=r,this.navigateSubject=new o.Subject,this.element$=new o.BehaviorSubject(document.createElement("div"));const a=this.spine.element$.pipe(o.filter(ut.isDefined),o.withLatestFrom(this.element$),o.tap(([d,g])=>{g.style.cssText=`
           height: 100%;
           width: 100%;
           position: relative;
-        `,g.className=`${B}-controlled-navigator`,g.innerHTML="",g.appendChild(d),this.viewport.value.element.appendChild(g),this.element$.next(g)})),c=t.watch(["computedPageTurnDirection","computedPageTurnMode","numberOfAdjacentSpineItemToPreLoad"]),u=o.combineLatest([c,this.element$]).pipe(o.tap(([,d])=>{t.values.computedPageTurnMode==="scrollable"?d.style.display="contents":d.style.display="block"}));this.layout$=u.pipe(o.tap(()=>{ge.info("layout",t.values)}),o.share());const l=this.navigateSubject.pipe(o.tap(d=>{ge.info("Navigation requested",d)}));this.isNavigating$=l.pipe(o.map(({animation:d,position:g})=>({type:"manualAdjust",shouldAnimate:!(!d||d==="turn"&&t.values.computedPageTurnAnimation==="none"),animation:d,position:g})),o.switchMap(d=>{const g=this.element$.getValue();return g.style.setProperty("transition","none"),g.style.setProperty("opacity","1"),o.merge(o.of(!0),o.of(null).pipe(o.mergeMap(()=>{if((d==null?void 0:d.type)!=="manualAdjust")return o.of(!1);const p=d.animation==="snap"?t.values.snapAnimationDuration:t.values.computedPageTurnAnimationDuration,h=d.animation==="snap"?"slide":t.values.computedPageTurnAnimation;return o.of(d).pipe(d.shouldAnimate?o.delay(1,o.animationFrameScheduler):o.identity,o.tap(m=>{const f=this.element$.getValue();m.shouldAnimate?h==="fade"?(f.style.setProperty("transition",`opacity ${p/2}ms`),f.style.setProperty("opacity","0")):(d.animation==="snap"||h==="slide")&&(f.style.setProperty("transition",`transform ${p}ms`),f.style.setProperty("opacity","1")):(f.style.setProperty("transition","none"),f.style.setProperty("opacity","1"))}),o.tap(m=>{h!=="fade"&&this.setViewportPosition(m.position)}),d.shouldAnimate?o.delay(p/2,o.animationFrameScheduler):o.identity,o.tap(m=>{const f=this.element$.getValue();h==="fade"&&(this.setViewportPosition(m.position),f.style.setProperty("opacity","1"))}),d.shouldAnimate?o.delay(p/2,o.animationFrameScheduler):o.identity,o.tap(m=>{h==="fade"&&this.setViewportPosition(m.position)}))}),o.map(()=>!1)))}),o.startWith(!1),o.shareReplay(1)),o.merge(a,this.isNavigating$,this.layout$).pipe(o.takeUntil(this.destroy$)).subscribe()}setViewportPosition(t){const i=this.element$.getValue(),n=$n(t);i.style.transform=`translate(${n.x}px, ${n.y}px)`,this.hookManager.execute("onViewportOffsetAdjust",void 0,{})}navigate(t){this.navigateSubject.next(t)}get viewportPosition(){const t=this.element$.getValue(),i=window.getComputedStyle(t),n=i.transform||i.webkitTransform;if(!n||n==="none")return new T({x:0,y:0});const s=new DOMMatrix(n);return Mn(s)}}class he extends _{constructor(t,i,n,s,r){super({element:void 0}),this.viewport=t,this.settings=i,this.hookManager=n,this.spine=s,this.context=r,this.navigateSubject=new o.Subject,this.scrollingSubject=new o.BehaviorSubject(!1),this.isScrolling$=this.scrollingSubject.asObservable(),this.setViewportPosition=({position:g})=>{const p=this.value.element;this.scrollingSubject.next(!0),p==null||p.scrollTo({left:g.x,top:g.y,behavior:"instant"}),o.timer(1).pipe(o.tap(()=>{this.scrollingSubject.next(!1)}),o.takeUntil(o.merge(this.scrollingSubject.pipe(o.skip(1)),this.destroy$))).subscribe(),this.hookManager.execute("onViewportOffsetAdjust",void 0,{})};const a=this.context.pipe(Z(["rootElement"]),o.tap(({rootElement:g})=>{if(!g)return;const p=document.createElement("div");p.style.cssText=`
+        `,g.className=`${B}-controlled-navigator`,g.innerHTML="",g.appendChild(d),this.viewport.value.element.appendChild(g),this.element$.next(g)})),c=t.watch(["computedPageTurnDirection","computedPageTurnMode","numberOfAdjacentSpineItemToPreLoad"]),u=o.combineLatest([c,this.element$]).pipe(o.tap(([,d])=>{t.values.computedPageTurnMode==="scrollable"?d.style.display="contents":d.style.display="block"}));this.layout$=u.pipe(o.tap(()=>{fe.info("layout",t.values)}),o.share());const l=this.navigateSubject.pipe(o.tap(d=>{fe.info("Navigation requested",d)}));this.isNavigating$=l.pipe(o.map(({animation:d,position:g})=>({type:"manualAdjust",shouldAnimate:!(!d||d==="turn"&&t.values.computedPageTurnAnimation==="none"),animation:d,position:g})),o.switchMap(d=>{const g=this.element$.getValue();return g.style.setProperty("transition","none"),g.style.setProperty("opacity","1"),o.merge(o.of(!0),o.of(null).pipe(o.mergeMap(()=>{if((d==null?void 0:d.type)!=="manualAdjust")return o.of(!1);const p=d.animation==="snap"?t.values.snapAnimationDuration:t.values.computedPageTurnAnimationDuration,m=d.animation==="snap"?"slide":t.values.computedPageTurnAnimation;return o.of(d).pipe(d.shouldAnimate?o.delay(1,o.animationFrameScheduler):o.identity,o.tap(h=>{const f=this.element$.getValue();h.shouldAnimate?m==="fade"?(f.style.setProperty("transition",`opacity ${p/2}ms`),f.style.setProperty("opacity","0")):(d.animation==="snap"||m==="slide")&&(f.style.setProperty("transition",`transform ${p}ms`),f.style.setProperty("opacity","1")):(f.style.setProperty("transition","none"),f.style.setProperty("opacity","1"))}),o.tap(h=>{m!=="fade"&&this.setViewportPosition(h.position)}),d.shouldAnimate?o.delay(p/2,o.animationFrameScheduler):o.identity,o.tap(h=>{const f=this.element$.getValue();m==="fade"&&(this.setViewportPosition(h.position),f.style.setProperty("opacity","1"))}),d.shouldAnimate?o.delay(p/2,o.animationFrameScheduler):o.identity,o.tap(h=>{m==="fade"&&this.setViewportPosition(h.position)}))}),o.map(()=>!1)))}),o.startWith(!1),o.shareReplay(1)),o.merge(a,this.isNavigating$,this.layout$).pipe(o.takeUntil(this.destroy$)).subscribe()}setViewportPosition(t){const i=this.element$.getValue(),n=Dn(t);i.style.transform=`translate(${n.x}px, ${n.y}px)`,this.hookManager.execute("onViewportOffsetAdjust",void 0,{})}navigate(t){this.navigateSubject.next(t)}get viewportPosition(){const t=this.element$.getValue(),i=window.getComputedStyle(t),n=i.transform||i.webkitTransform;if(!n||n==="none")return new M({x:0,y:0});const s=new DOMMatrix(n);return Nn(s)}}class ye extends q{constructor(t,i,n,s,r){super({element:void 0}),this.viewport=t,this.settings=i,this.hookManager=n,this.spine=s,this.context=r,this.navigateSubject=new o.Subject,this.scrollingSubject=new o.BehaviorSubject(!1),this.isScrolling$=this.scrollingSubject.asObservable(),this.setViewportPosition=({position:g})=>{const p=this.value.element;this.scrollingSubject.next(!0),p==null||p.scrollTo({left:g.x,top:g.y,behavior:"instant"}),o.timer(1).pipe(o.tap(()=>{this.scrollingSubject.next(!1)}),o.takeUntil(o.merge(this.scrollingSubject.pipe(o.skip(1)),this.destroy$))).subscribe(),this.hookManager.execute("onViewportOffsetAdjust",void 0,{})};const a=this.context.pipe(G(["rootElement"]),o.tap(({rootElement:g})=>{if(!g)return;const p=document.createElement("div");p.style.cssText=`
           height: 100%;
           width: 100%;
           position: relative;
           overflow-y: scroll;
           overflow-x: hidden;
-        `,p.className=`${B}-scroll-navigator`,p.appendChild(this.viewport.value.element),g.appendChild(p),this.update({element:p})})),c=o.combineLatest([i.watch(["computedPageTurnMode"]),this.watch("element")]).pipe(o.tap(([{computedPageTurnMode:g},p])=>{p&&(g==="scrollable"?p.style.display="block":p.style.display="contents")})),u=this.navigateSubject.pipe(o.tap(this.setViewportPosition));this.isNavigating$=this.navigateSubject.pipe(o.startWith(!1),o.switchMap(()=>o.merge(o.of(!0),o.of(!1))),o.shareReplay(1));const l=o.merge(s.element$.pipe(o.filter(U),o.switchMap(g=>q(g))),s.element$.pipe(o.filter(U),o.switchMap(g=>o.fromEvent(g,"scroll"))),s.spineItemsObserver.itemResize$).pipe(o.switchMap(()=>o.timer(10).pipe(o.map(()=>!1),o.startWith(!0))),o.distinctUntilChanged(),o.startWith(!1)),d=o.combineLatest([l,this.isScrolling$]).pipe(o.map(([g,p])=>g||p),o.shareReplay(1));this.userScroll$=this.watch("element").pipe(o.filter(U),o.switchMap(g=>i.watch(["computedPageTurnMode"]).pipe(o.switchMap(({computedPageTurnMode:p})=>p==="controlled"?o.NEVER:o.fromEvent(g,"scroll").pipe(o.withLatestFrom(d),o.filter(([,h])=>!h),o.map(([h])=>h))))),o.share()),o.merge(a,c,u).pipe(o.takeUntil(this.destroy$)).subscribe()}update(t){this.mergeCompare(t)}navigate(t){this.navigateSubject.next(t)}get viewportPosition(){const t=this.value.element;return t?de({element:t,position:new T({x:(t==null?void 0:t.scrollLeft)??0,y:(t==null?void 0:t.scrollTop)??0}),spineElement:this.spine.element??Rt()}):new T({x:0,y:0})}}const me=(e,t,i)=>{const n=i-e,s=i*(t*e)/(i||1);return Math.max(0,Math.min(n,s))},wt=(e,t)=>(t||0)===0||(e||0)===0?1:Math.floor(Math.max(1,e/t)),ot=(e,t,i)=>{const n=wt(i,t),s=[...Array(n)].map((r,a)=>a*t);return e>=n*t?s[s.length-1]||0:s.find(r=>e<r+t)||0},fe=({itemHeight:e,itemWidth:t,isUsingVerticalWriting:i,settings:n,context:s})=>{const{pageTurnDirection:r,pageTurnMode:a}=n.values;return r==="vertical"&&a==="scrollable"?1:i||r==="vertical"?wt(e,s.getPageSize().height):wt(t,s.getPageSize().width)},Tn=({pageIndex:e,itemLayout:t,context:i,isUsingVerticalWriting:n})=>{if(n){const r=me(i.getPageSize().height,e,t.height);return new F({x:0,y:r})}const s=me(i.getPageSize().width,e,t.width);return i.isRTL()?new F({x:t.width-s-i.getPageSize().width,y:0}):new F({x:s,y:0})},Se=({context:e,settings:t})=>{const i=({itemWidth:u,itemHeight:l,spineItemPosition:d})=>new F({x:Math.min(u,Math.max(0,d.x)),y:Math.min(l,Math.max(0,d.y))}),n=({itemWidth:u,itemHeight:l,position:d,isUsingVerticalWriting:g})=>{const p=e.getPageSize().width,h=e.getPageSize().height,m=i({spineItemPosition:d,itemHeight:l,itemWidth:u}),f=e.isRTL()?u-m.x-e.getPageSize().width:m.x,b=fe({isUsingVerticalWriting:g,itemHeight:l,itemWidth:u,context:e,settings:t});return g?c(d.y,h,b):c(f,p,b)},s=(u,l,d)=>{var m;let g;if((u==null?void 0:u.nodeName)==="img"||(u==null?void 0:u.textContent)===""&&u.nodeType===Node.ELEMENT_NODE)g=u.getBoundingClientRect().x;else if(u){const f=u?Ue(u,l):void 0;g=(f==null?void 0:f.getBoundingClientRect().x)||g}const p=((m=d.layout.layoutInfo)==null?void 0:m.width)||0,h=e.getPageSize().width;if(g!==void 0){const f=ot(g,h,p);return new F({x:f,y:0})}},r=(u,l)=>{const{width:d,height:g}=l.layout.layoutInfo;return new F({x:ot(u.x,e.getPageSize().width,d),y:ot(u.y,e.getPageSize().height,g)})},a=(u,l,d)=>{const g=s(u,l,d),{height:p,width:h}=d.layout.layoutInfo;return g?n({isUsingVerticalWriting:!!d.isUsingVerticalWriting(),position:g,itemHeight:p,itemWidth:h}):void 0},c=(u,l,d)=>{const g=[...Array(d)].map((p,h)=>h*l);return u<=0?0:u>=d*l?d-1:Math.max(0,g.findIndex(p=>u<p+l))};return{getSpineItemPositionFromNode:s,getSpineItemPositionFromPageIndex:({pageIndex:u,spineItem:l})=>Tn({context:e,isUsingVerticalWriting:!!l.isUsingVerticalWriting(),itemLayout:l.layout.layoutInfo,pageIndex:u}),getSpineItemPageIndexFromPosition:n,getSpineItemPageIndexFromNode:a,getSpineItemClosestPositionFromUnsafePosition:r}},Fn=({context:e,settings:t})=>{const i=Se({context:e,settings:t});return{getNavigationForLastPage:a=>{const c=a.numberOfPages;return i.getSpineItemPositionFromPageIndex({pageIndex:c-1,spineItem:a})},getNavigationForPosition:(a,c)=>i.getSpineItemClosestPositionFromUnsafePosition(c,a),getNavigationFromNode:(a,c,u)=>i.getSpineItemPositionFromNode(c,u,a)||new F({x:0,y:0})}},k=({position:{x:e,y:t},pageSizeWidth:i,visibleAreaRectWidth:n})=>{const r=e%n!==0?e-i:e;return new T({x:r,y:t})},ye=({position:e,isRTL:t,pageSizeHeight:i,spineItemsManager:n,visibleAreaRectWidth:s,spine:r})=>{const a=n.get(n.items.length-1),c=r.getSpineItemSpineLayoutInfo(a||0),u=c.bottom-i,l=Math.min(Math.max(0,e.y),u);if(t)return new T({x:Math.max(Math.min(0,e.x),c.left),y:l});const d=c.right-s;return new T({x:Math.min(Math.max(0,e.x),d),y:l})},It=({viewportPosition:e,spineLocator:t,context:i,spineItemNavigationResolver:n})=>{const s=t.getSpineItemFromPosition(e);if(s){const r=t.getSpineItemPositionFromSpinePosition(e,s),a=n.getNavigationForPosition(s,r),c=t.getSpinePositionFromSpineItemPosition({spineItemPosition:a,spineItem:s});return k({position:c,pageSizeWidth:i.getPageSize().width,visibleAreaRectWidth:i.state.visibleAreaRect.width})}return new T({x:0,y:0})},Ln=({pageIndex:e,spineItemsManager:t,spineItemId:i,context:n,spineLocator:s,spineItemNavigationResolver:r})=>{const a=t.get(i);if(!a){const l=e*n.getPageSize().width;return It({viewportPosition:new T({x:l,y:0}),context:n,spineItemNavigationResolver:r,spineLocator:s})}const c=s.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:e,spineItem:a}),u=s.getSpinePositionFromSpineItemPosition({spineItemPosition:c,spineItem:a});return k({position:u,pageSizeWidth:n.getPageSize().width,visibleAreaRectWidth:n.state.visibleAreaRect.width})},Cn=({anchor:e,spineItem:t,context:i})=>{var c;const n=((c=t.layout.layoutInfo)==null?void 0:c.width)||0,s=i.getPageSize().width,r=t.getBoundingRectOfElementFromSelector(e),a=(r==null?void 0:r.x)||0;return ot(a,s,n)},Rn=({anchor:e,context:t,spineItem:i,spineLocator:n})=>{const s=Cn({anchor:e,spineItem:i,context:t});return n.getSpinePositionFromSpineItemPosition({spineItemPosition:new F({x:s,y:0}),spineItem:i})},An=({anchor:e,spineItem:t,spineLocator:i,context:n,pageSizeWidth:s,visibleAreaRectWidth:r})=>{const a=Rn({anchor:e,context:n,spineItem:t,spineLocator:i});return k({position:a,pageSizeWidth:s,visibleAreaRectWidth:r})},Dn=({context:e,spineItemsManager:t,spineLocator:i,url:n,pageSizeWidth:s,visibleAreaRectWidth:r})=>{var a;try{const c=n instanceof URL?n:new URL(n),u=`${c.origin}${c.pathname}`,l=(a=e.manifest)==null?void 0:a.spineItems.find(d=>d.href===u);if(l){const d=t.get(l.id);if(d){const g=An({anchor:c.hash,spineItem:d,context:e,spineLocator:i,pageSizeWidth:s,visibleAreaRectWidth:r});return{position:k({position:g,pageSizeWidth:s,visibleAreaRectWidth:r}),spineItemId:l.id}}}return}catch(c){console.error(c);return}},Nn=({spineItem:e,spineItemPosition:t,spineLocator:i,spineItemLocator:n,context:s})=>{const r=n.getSpineItemClosestPositionFromUnsafePosition(t,e),a=i.getSpinePositionFromSpineItemPosition({spineItemPosition:r,spineItem:e});return k({position:a,pageSizeWidth:s.getPageSize().width,visibleAreaRectWidth:s.state.visibleAreaRect.width})},On="spineNavigator",kn=({context:e,spineItemsManager:t,locator:i,settings:n,spine:s})=>{const r=Fn({context:e,settings:n});return{getNavigationForUrl:p=>Dn({context:e,spineItemsManager:t,spineLocator:i,url:p,pageSizeWidth:e.getPageSize().width,visibleAreaRectWidth:e.state.visibleAreaRect.width}),getNavigationForSpineItemPage:p=>Ln({...p,context:e,spineItemsManager:t,spineItemNavigationResolver:r,spineLocator:i}),getNavigationFromSpineItemPosition:p=>Nn({...p,spineItemLocator:i.spineItemLocator,spineLocator:i,context:e}),getNavigationForCfi:p=>{const h=t.getSpineItemFromCfi(p),{node:m,offset:f=0}=ft({cfi:p,spineItemsManager:t})||{};if(!h){C.warn(On,`unable to detect item id from cfi ${p}`);return}const b=m?r.getNavigationFromNode(h,m,f):new F({x:0,y:0}),y=i.getSpinePositionFromSpineItemPosition({spineItemPosition:b,spineItem:h});return k({position:y,pageSizeWidth:e.getPageSize().width,visibleAreaRectWidth:e.state.visibleAreaRect.width})},getNavigationForLastPage:p=>{const h=r.getNavigationForLastPage(p),m=i.getSpinePositionFromSpineItemPosition({spineItemPosition:h,spineItem:p});return k({position:m,pageSizeWidth:e.getPageSize().width,visibleAreaRectWidth:e.state.visibleAreaRect.width})},getNavigationForSpineIndexOrId:p=>{const h=t.get(p);if(h){const m=i.getSpinePositionFromSpineItem(h);return k({position:m,pageSizeWidth:e.getPageSize().width,visibleAreaRectWidth:e.state.visibleAreaRect.width})}return new T({x:0,y:0})},getNavigationForPosition:p=>It({viewportPosition:p,context:e,spineItemNavigationResolver:r,spineLocator:i}),getMostPredominantNavigationForPosition:p=>{const h=n.values.computedPageTurnDirection,m=.5,f=h==="horizontal"?p.x+e.state.visibleAreaRect.width*m:0,b=h==="horizontal"?0:p.y+e.state.visibleAreaRect.height*m,y=ye({position:new T({x:f,y:b}),isRTL:e.isRTL(),pageSizeHeight:e.getPageSize().height,visibleAreaRectWidth:e.state.visibleAreaRect.width,spineItemsManager:t,spine:s});return It({context:e,spineItemNavigationResolver:r,spineLocator:i,viewportPosition:y})},getAdjustedPositionWithSafeEdge:p=>ye({position:p,isRTL:e.isRTL(),pageSizeHeight:e.getPageSize().height,visibleAreaRectWidth:e.state.visibleAreaRect.width,spineItemsManager:t,spine:s}),isNavigationGoingForwardFrom:(p,h)=>n.values.computedPageTurnDirection==="vertical"?p.y>h.y:p.x>h.x,arePositionsDifferent:(p,h)=>p.x!==h.x||p.y!==h.y,getAdjustedPositionForSpread:p=>k({position:p,pageSizeWidth:e.getPageSize().width,visibleAreaRectWidth:e.state.visibleAreaRect.width}),spineItemNavigator:r}},Vn=({spineItemsManager:e,context:t,hookManager:i,spine:n,settings:s,viewport:r})=>{const a=new o.Subject,c=new yt,u=kn({context:t,settings:s,spineItemsManager:e,locator:n.locator,spine:n}),l=new pe(s,i,t,n,r),d=new he(r,s,i,n,t),g=new Pn(s,t,n,d,c),p=o.merge(a,g.navigation$),h=new le(s,t,p,l,d,u,n,c.isLocked$),m=o.combineLatest([l.isNavigating$,d.isNavigating$,c.isLocked$,h.locker.isLocked$]).pipe(S.map(y=>y.some(I=>I)?"busy":"free"),S.distinctUntilChanged(),S.shareReplay(1));return{destroy:()=>{g.destroy(),l.destroy(),h.destroy()},getNavigation:()=>h.navigation,internalNavigator:h,scrollNavigationController:d,controlledNavigationController:l,locker:c,viewportState$:m,navigate:y=>{a.next(y)},lock(){return c.lock()},navigationResolver:u,navigation$:h.navigation$}};class be extends _{constructor(t,i){super({beginPageIndexInSpineItem:void 0,beginNumberOfPagesInSpineItem:0,beginCfi:void 0,beginSpineItemIndex:void 0,endPageIndexInSpineItem:void 0,endNumberOfPagesInSpineItem:0,endCfi:void 0,endSpineItemIndex:void 0,navigationId:void 0}),this.context=t,this.spineItemsManager=i}update(t){this.mergeCompare(t)}}class we extends D{constructor(t,i,n,s,r){super(),this.context=t,this.pagination=i,this.spineItemsManager=n,this.spine=s,this.spineItemLocator=r;const a=o.merge(this.context.bridgeEvent.navigation$,s.layout$).pipe(o.switchMap(()=>{const u=({spineItem:l,position:d})=>this.spine.locator.getVisiblePagesFromViewportPosition({spineItem:l,position:d,threshold:{type:"percentage",value:.5}});return this.context.bridgeEvent.navigationUnlocked$.pipe(o.take(1),o.withLatestFrom(this.context.bridgeEvent.navigation$),o.tap(([,l])=>{const{position:d}=l,g=this.pagination.value,{beginIndex:p,endIndex:h}=this.spine.locator.getVisibleSpineItemsFromPosition({position:d,threshold:{type:"percentage",value:.5}})??{},m=this.spineItemsManager.get(p),f=this.spineItemsManager.get(h);if(!m||!f)return;const b=g.beginCfi,y=g.endCfi,{beginPageIndex:I=0}=u({spineItem:m,position:d})??{},{endPageIndex:v=0}=u({spineItem:f,position:d})??{},P=b===void 0||et(b)||g.beginSpineItemIndex!==p,M=g.endSpineItemIndex!==h||y===void 0||et(y),L=P?H(m.item):b,R=M?H(f.item):y,A=m.numberOfPages,N=f.numberOfPages;this.pagination.update({beginCfi:L,beginNumberOfPagesInSpineItem:A,beginPageIndexInSpineItem:I,beginSpineItemIndex:p,endCfi:R,endNumberOfPagesInSpineItem:N,endPageIndexInSpineItem:v,endSpineItemIndex:h,navigationId:l.id})}))})),c=a.pipe(Y(this.context.bridgeEvent.viewportFree$),o.tap(()=>{const{beginSpineItemIndex:u,endSpineItemIndex:l,beginPageIndexInSpineItem:d,endPageIndexInSpineItem:g}=this.pagination.value;if(d===void 0||g===void 0||u===void 0||l===void 0)return;const p=this.spineItemsManager.get(u),h=this.spineItemsManager.get(l);p===void 0||h===void 0||this.pagination.update({beginCfi:tt({pageIndex:d,spineItem:p,spine:this.spine}),endCfi:tt({pageIndex:g,spineItem:h,spine:this.spine})})}));o.merge(a,c).pipe(o.takeUntil(this.destroy$)).subscribe()}}class Ie extends D{constructor(t){super();const i={...this.getDefaultSettings(),...t};this.inputSettings=i,this.outputSettingsUpdateSubject=new o.Subject,this._settings$=this.outputSettingsUpdateSubject.asObservable().pipe(o.shareReplay(1)),this._settings$.subscribe()}_prepareUpdate(t){const i=$.shallowMergeIfDefined(this.inputSettings,t),n=this.getOutputSettings(i),s=!$.isShallowEqual(this.outputSettings,n);return{hasChanged:s,state:n,commit:()=>(this.inputSettings=i,this.outputSettings=n,s&&this.outputSettingsUpdateSubject.next(n),n)}}update(t){const{commit:i}=this._prepareUpdate(t);i()}get values(){if(!this.outputSettings){const{commit:t}=this._prepareUpdate(this.inputSettings);return t()}return this.outputSettings}get values$(){if(!this.outputSettings){const{commit:t}=this._prepareUpdate(this.inputSettings);t()}return this._settings$}watch(t){return this.values$.pipe(gt(t),o.distinctUntilChanged($.isShallowEqual))}destroy(){super.destroy(),this.outputSettingsUpdateSubject.complete()}}class Un extends Ie{constructor(t,i){super(t),this.context=i;const n=o.combineLatest([i.hasVerticalWriting$,i.manifest$]).pipe(S.tap(()=>{this.update(this.values)})),s=this.values$.pipe(S.tap(({forceSinglePageMode:r})=>{i.update({forceSinglePageMode:r})}));o.merge(n,s).pipe(S.takeUntil(i.destroy$)).subscribe()}getComputedSettings(t){const i=this.context.manifest,n=this.context.state.hasVerticalWriting??!1,s={computedPageTurnDirection:t.pageTurnDirection,computedPageTurnAnimation:t.pageTurnAnimation,computedPageTurnMode:t.pageTurnMode,computedPageTurnAnimationDuration:0};return(i==null?void 0:i.renditionFlow)==="scrolled-continuous"&&(s.computedPageTurnMode="scrollable"),s.computedPageTurnMode==="scrollable"&&(s.computedPageTurnDirection="vertical"),n&&s.computedPageTurnAnimation==="slide"&&(C.warn(`pageTurnAnimation ${s.computedPageTurnAnimation} incompatible with current book, switching back to default`),s.computedPageTurnAnimation="none"),s.computedPageTurnMode==="scrollable"?(s.computedPageTurnAnimationDuration=0,s.computedPageTurnAnimation="none"):s.computedPageTurnAnimationDuration=t.pageTurnAnimationDuration!==void 0?t.pageTurnAnimationDuration:300,s}getOutputSettings(t){const i=this.getComputedSettings(t);return{...this.outputSettings,...t,...i}}getDefaultSettings(){return{forceSinglePageMode:!1,pageTurnAnimation:"slide",pageTurnDirection:"horizontal",pageTurnAnimationDuration:void 0,pageTurnMode:"controlled",snapAnimationDuration:300,navigationSnapThreshold:{type:"pixels",value:40},numberOfAdjacentSpineItemToPreLoad:3}}}class En extends D{constructor(t,i,n,s,r,a){super(),this.item=t,this.containerElement=i,this.context=n,this.hookManager=s,this.renderer=r,this.settings=a,this.layoutTriggerSubject=new o.Subject,this.lastLayout=null,this.applyDimsAfterLayout=({blankPagePosition:c,minimumWidth:u})=>l=>l.pipe(o.map(d=>{var P;const g=$.isShallowEqual((P=this.lastLayout)==null?void 0:P.pageSize,this.context.getPageSize())?this.lastLayout:void 0,{width:p,height:h}=g??{},{width:m=p,height:f=h}=d??{},{width:b,height:y}=this.context.getPageSize(),I=this.validateDimension(m??b,b,u),v=this.settings.values.computedPageTurnMode==="scrollable"?f??y:this.validateDimension(f??y,y,y);return this.lastLayout={width:I,height:v,pageSize:this.context.getPageSize()},this.containerElement.style.width=`${I}px`,this.containerElement.style.height=`${v}px`,this.hookManager.execute("item.onAfterLayout",void 0,{blankPagePosition:c,item:this.item,minimumWidth:u}),{width:I,height:v}})),this.layout=c=>{const u=Ot(this.layout$.pipe(o.first()));return this.layoutTriggerSubject.next(c),u()},this.adjustPositionOfElement=({right:c,left:u,top:l})=>{c!==void 0?this.containerElement.style.right=`${c}px`:this.containerElement.style.removeProperty("right"),u!==void 0?this.containerElement.style.left=`${u}px`:this.containerElement.style.removeProperty("left"),l!==void 0?this.containerElement.style.top=`${l}px`:this.containerElement.style.removeProperty("top")},this.layoutProcess$=this.layoutTriggerSubject.pipe(o.switchMap(c=>{const{blankPagePosition:u,minimumWidth:l,spreadPosition:d}=c;this.hookManager.execute("item.onBeforeLayout",void 0,{blankPagePosition:u,item:this.item,minimumWidth:l});const g=this.renderer.layout({blankPagePosition:u,minPageSpread:l/this.context.getPageSize().width,minimumWidth:l,spreadPosition:d});return o.merge(o.of({type:"start"}),g.pipe(this.applyDimsAfterLayout(c),o.map(p=>({type:"end",data:p}))))}),o.share()),this.layout$=this.layoutProcess$.pipe(o.filter(c=>c.type==="end"),o.map(c=>c.data),o.share())}validateDimension(t,i,n){if(t<=0)return n;const s=Math.max(t,n),a=Math.ceil(s/i)*i;return Math.max(a,i)}get layoutInfo(){const t=this.containerElement.style,i=t.width?parseFloat(t.width):0,n=t.height?parseFloat(t.height):0;return{width:i,height:n}}}class Wn extends z{onUnload(){return o.EMPTY}onCreateDocument(){return o.of(document.createElement("div"))}onLoadDocument(){return o.EMPTY}onLayout(){return o.of(void 0)}onRenderHeadless(){return o.EMPTY}getDocumentFrame(){}}class vt extends D{constructor(t,i,n,s,r,a){var l,d;super(),this.item=t,this.parentElement=i,this.context=n,this.settings=s,this.hookManager=r,this.index=a,this.getBoundingRectOfElementFromSelector=g=>{var h,m,f,b;const p=this.renderer.getDocumentFrame();if(p&&p instanceof HTMLIFrameElement&&g)return g.startsWith("#")?(m=(h=p.contentDocument)==null?void 0:h.getElementById(g.replace("#","")))==null?void 0:m.getBoundingClientRect():(b=(f=p.contentDocument)==null?void 0:f.querySelector(g))==null?void 0:b.getBoundingClientRect()},this.load=()=>{this.renderer.load()},this.unload=()=>{this.renderer.unload()},this.destroy=()=>{super.destroy(),this.containerElement.remove(),this.renderer.destroy()},this.isUsingVerticalWriting=()=>{var g;return!!((g=this.renderer.writingMode)!=null&&g.startsWith("vertical"))},this.containerElement=zn(i,t,r),i.appendChild(this.containerElement);const c=(d=(l=this.settings.values).getRenderer)==null?void 0:d.call(l,t);this.resourcesHandler=new G(t,this.settings);const u={context:n,settings:s,hookManager:r,item:t,containerElement:this.containerElement,resourcesHandler:this.resourcesHandler};this.renderer=c?c(u):new Wn(u),this.layout=new En(t,this.containerElement,n,r,this.renderer,this.settings),this.isReady$=this.layout.layoutProcess$.pipe(S.withLatestFrom(this.renderer.isLoaded$),S.map(([g,p])=>!!(g.type==="end"&&p)),S.startWith(!1),S.distinctUntilChanged(),S.tap(g=>{this.containerElement.dataset.isReady=g.toString()}),S.shareReplay({refCount:!0,bufferSize:1})),this.needsLayout$=o.merge(this.unloaded$,this.loaded$),o.merge(this.isReady$,this.layout.layout$).pipe(S.takeUntil(this.destroy$)).subscribe()}get element(){return this.containerElement}get readingDirection(){return this.renderer.readingDirection}get loaded$(){return this.renderer.state$.pipe(S.distinctUntilChanged(),S.filter(t=>t==="loaded"))}get unloaded$(){return this.renderer.state$.pipe(S.distinctUntilChanged(),S.filter(t=>t!=="idle"),S.switchMap(()=>this.renderer.state$.pipe(S.filter(t=>t==="idle"),S.first())))}get renditionLayout(){return this.renderer.renditionLayout}get numberOfPages(){return fe({isUsingVerticalWriting:!!this.isUsingVerticalWriting(),itemHeight:this.layout.layoutInfo.height,itemWidth:this.layout.layoutInfo.width,context:this.context,settings:this.settings})}}const zn=(e,t,i)=>{const n=e.ownerDocument.createElement("div");return n.classList.add("spineItem"),n.classList.add(`spineItem-${t.renditionLayout??"reflowable"}`),n.style.cssText=`
+        `,p.className=`${B}-scroll-navigator`,p.appendChild(this.viewport.value.element),g.appendChild(p),this.update({element:p})})),c=o.combineLatest([i.watch(["computedPageTurnMode"]),this.watch("element")]).pipe(o.tap(([{computedPageTurnMode:g},p])=>{p&&(g==="scrollable"?p.style.display="block":p.style.display="contents")})),u=this.navigateSubject.pipe(o.tap(this.setViewportPosition));this.isNavigating$=this.navigateSubject.pipe(o.startWith(!1),o.switchMap(()=>o.merge(o.of(!0),o.of(!1))),o.shareReplay(1));const l=o.merge(s.element$.pipe(o.filter(k),o.switchMap(g=>K(g))),s.element$.pipe(o.filter(k),o.switchMap(g=>o.fromEvent(g,"scroll"))),s.spineItemsObserver.itemResize$).pipe(o.switchMap(()=>o.timer(10).pipe(o.map(()=>!1),o.startWith(!0))),o.distinctUntilChanged(),o.startWith(!1)),d=o.combineLatest([l,this.isScrolling$]).pipe(o.map(([g,p])=>g||p),o.shareReplay(1));this.userScroll$=this.watch("element").pipe(o.filter(k),o.switchMap(g=>i.watch(["computedPageTurnMode"]).pipe(o.switchMap(({computedPageTurnMode:p})=>p==="controlled"?o.NEVER:o.fromEvent(g,"scroll").pipe(o.withLatestFrom(d),o.filter(([,m])=>!m),o.map(([m])=>m))))),o.share()),o.merge(a,c,u).pipe(o.takeUntil(this.destroy$)).subscribe()}update(t){this.mergeCompare(t)}navigate(t){this.navigateSubject.next(t)}get viewportPosition(){const t=this.value.element;return t?me({element:t,position:new M({x:(t==null?void 0:t.scrollLeft)??0,y:(t==null?void 0:t.scrollTop)??0}),spineElement:this.spine.element??Ut()}):new M({x:0,y:0})}}const rt=(e,t,i)=>{const n=i-e,s=i*(t*e)/(i||1);return Math.max(0,Math.min(n,s))},$t=(e,t)=>(t||0)===0||(e||0)===0?1:Math.floor(Math.max(1,e/t)),at=(e,t,i)=>{const n=$t(i,t),s=[...Array(n)].map((r,a)=>a*t);return e>=n*t?s[s.length-1]||0:s.find(r=>e<r+t)||0},be=(e,t,i)=>{const n=[...Array(i)].map((s,r)=>r*t);return e<=0||i===0?0:e>=i*t?i-1:n.findIndex(s=>e<s+t)??0},On=({itemWidth:e,itemHeight:t,spineItemPosition:i})=>new L({x:Math.min(e,Math.max(0,i.x)),y:Math.min(t,Math.max(0,i.y))}),we=({itemHeight:e,itemWidth:t,isUsingVerticalWriting:i,pageWidth:n,pageHeight:s,pageTurnDirection:r,pageTurnMode:a})=>r==="vertical"&&a==="scrollable"?1:i||r==="vertical"?$t(e,s):$t(t,n),Ie=({itemWidth:e,itemHeight:t,position:i,isUsingVerticalWriting:n,pageWidth:s,pageHeight:r,pageTurnDirection:a,pageTurnMode:c,isRTL:u})=>{const d=On({spineItemPosition:i,itemHeight:t,itemWidth:e}).x,g=we({isUsingVerticalWriting:n,itemHeight:t,itemWidth:e,pageWidth:s,pageHeight:r,pageTurnDirection:a,pageTurnMode:c});if(n)return be(i.y,r,g);const p=be(d,s,g);return u?g-1-p:p},Un=({pageIndex:e,itemLayout:t,context:i,isUsingVerticalWriting:n})=>{if(n){const r=rt(i.getPageSize().height,e,t.height);return new L({x:0,y:r})}const s=rt(i.getPageSize().width,e,t.width);return i.isRTL()?new L({x:t.width-s-i.getPageSize().width,y:0}):new L({x:s,y:0})},Pe=({context:e,settings:t})=>{const i=(a,c,u)=>{var p;let l;if((a==null?void 0:a.nodeName)==="img"||(a==null?void 0:a.textContent)===""&&a.nodeType===Node.ELEMENT_NODE)l=a.getBoundingClientRect().x;else if(a){const m=a?He(a,c):void 0;l=(m==null?void 0:m.getBoundingClientRect().x)||l}const d=((p=u.layout.layoutInfo)==null?void 0:p.width)||0,g=e.getPageSize().width;if(l!==void 0){const m=at(l,g,d);return new L({x:m,y:0})}};return{getSpineItemPositionFromNode:i,getSpineItemPositionFromPageIndex:({pageIndex:a,spineItem:c})=>Un({context:e,isUsingVerticalWriting:!!c.isUsingVerticalWriting(),itemLayout:c.layout.layoutInfo,pageIndex:a}),getSpineItemPageIndexFromPosition:a=>Ie({...a,isRTL:e.isRTL(),pageWidth:e.getPageSize().width,pageHeight:e.getPageSize().height,pageTurnDirection:t.values.computedPageTurnDirection,pageTurnMode:t.values.pageTurnMode}),getSpineItemPageIndexFromNode:(a,c,u)=>{const l=i(a,c,u),{height:d,width:g}=u.layout.layoutInfo;return l?Ie({isUsingVerticalWriting:!!u.isUsingVerticalWriting(),position:l,itemHeight:d,itemWidth:g,isRTL:e.isRTL(),pageWidth:e.getPageSize().width,pageHeight:e.getPageSize().height,pageTurnDirection:t.values.computedPageTurnDirection,pageTurnMode:t.values.pageTurnMode}):void 0},getSpineItemClosestPositionFromUnsafePosition:(a,c)=>{const{width:u,height:l}=c.layout.layoutInfo;return new L({x:at(a.x,e.getPageSize().width,u),y:at(a.y,e.getPageSize().height,l)})},getSpineItemPagePositionFromSpineItemPosition:(a,c,u)=>{const{width:l,height:d}=u.layout.layoutInfo,g=e.getPageSize().width,p=e.getPageSize().height;if(!!u.isUsingVerticalWriting()){const f=rt(p,c,d);return new tt({x:a.x,y:a.y-f})}const h=rt(g,c,l);if(e.isRTL()){const f=l-(c+1)*g;return new tt({x:a.x-Math.max(0,f),y:a.y})}return new tt({x:a.x-h,y:a.y})}}},Vn=({context:e,settings:t})=>{const i=Pe({context:e,settings:t});return{getNavigationForLastPage:a=>{const c=a.numberOfPages;return i.getSpineItemPositionFromPageIndex({pageIndex:c-1,spineItem:a})},getNavigationForPosition:(a,c)=>i.getSpineItemClosestPositionFromUnsafePosition(c,a),getNavigationFromNode:(a,c,u)=>i.getSpineItemPositionFromNode(c,u,a)||new L({x:0,y:0})}},U=({position:{x:e,y:t},pageSizeWidth:i,visibleAreaRectWidth:n})=>{const r=e%n!==0?e-i:e;return new M({x:r,y:t})},ve=({position:e,isRTL:t,pageSizeHeight:i,spineItemsManager:n,visibleAreaRectWidth:s,spine:r})=>{const a=n.get(n.items.length-1),c=r.getSpineItemSpineLayoutInfo(a||0),u=c.bottom-i,l=Math.min(Math.max(0,e.y),u);if(t)return new M({x:Math.max(Math.min(0,e.x),c.left),y:l});const d=c.right-s;return new M({x:Math.min(Math.max(0,e.x),d),y:l})},Mt=({viewportPosition:e,spineLocator:t,context:i,spineItemNavigationResolver:n})=>{const s=t.getSpineItemFromPosition(e);if(s){const r=t.getSpineItemPositionFromSpinePosition(e,s),a=n.getNavigationForPosition(s,r),c=t.getSpinePositionFromSpineItemPosition({spineItemPosition:a,spineItem:s});return U({position:c,pageSizeWidth:i.getPageSize().width,visibleAreaRectWidth:i.state.visibleAreaRect.width})}return new M({x:0,y:0})},kn=({pageIndex:e,spineItemsManager:t,spineItemId:i,context:n,spineLocator:s,spineItemNavigationResolver:r})=>{const a=t.get(i);if(!a){const l=e*n.getPageSize().width;return Mt({viewportPosition:new M({x:l,y:0}),context:n,spineItemNavigationResolver:r,spineLocator:s})}const c=s.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:e,spineItem:a}),u=s.getSpinePositionFromSpineItemPosition({spineItemPosition:c,spineItem:a});return U({position:u,pageSizeWidth:n.getPageSize().width,visibleAreaRectWidth:n.state.visibleAreaRect.width})},Wn=({anchor:e,spineItem:t,context:i})=>{var c;const n=((c=t.layout.layoutInfo)==null?void 0:c.width)||0,s=i.getPageSize().width,r=t.getBoundingRectOfElementFromSelector(e),a=(r==null?void 0:r.x)||0;return at(a,s,n)},En=({anchor:e,context:t,spineItem:i,spineLocator:n})=>{const s=Wn({anchor:e,spineItem:i,context:t});return n.getSpinePositionFromSpineItemPosition({spineItemPosition:new L({x:s,y:0}),spineItem:i})},zn=({anchor:e,spineItem:t,spineLocator:i,context:n,pageSizeWidth:s,visibleAreaRectWidth:r})=>{const a=En({anchor:e,context:n,spineItem:t,spineLocator:i});return U({position:a,pageSizeWidth:s,visibleAreaRectWidth:r})},Hn=({context:e,spineItemsManager:t,spineLocator:i,url:n,pageSizeWidth:s,visibleAreaRectWidth:r})=>{var a;try{const c=n instanceof URL?n:new URL(n),u=`${c.origin}${c.pathname}`,l=(a=e.manifest)==null?void 0:a.spineItems.find(d=>d.href===u);if(l){const d=t.get(l.id);if(d){const g=zn({anchor:c.hash,spineItem:d,context:e,spineLocator:i,pageSizeWidth:s,visibleAreaRectWidth:r});return{position:U({position:g,pageSizeWidth:s,visibleAreaRectWidth:r}),spineItemId:l.id}}}return}catch(c){console.error(c);return}},Bn=({spineItem:e,spineItemPosition:t,spineLocator:i,spineItemLocator:n,context:s})=>{const r=n.getSpineItemClosestPositionFromUnsafePosition(t,e),a=i.getSpinePositionFromSpineItemPosition({spineItemPosition:r,spineItem:e});return U({position:a,pageSizeWidth:s.getPageSize().width,visibleAreaRectWidth:s.state.visibleAreaRect.width})},_n="spineNavigator",qn=({context:e,spineItemsManager:t,locator:i,settings:n,spine:s})=>{const r=Vn({context:e,settings:n});return{getNavigationForUrl:p=>Hn({context:e,spineItemsManager:t,spineLocator:i,url:p,pageSizeWidth:e.getPageSize().width,visibleAreaRectWidth:e.state.visibleAreaRect.width}),getNavigationForSpineItemPage:p=>kn({...p,context:e,spineItemsManager:t,spineItemNavigationResolver:r,spineLocator:i}),getNavigationFromSpineItemPosition:p=>Bn({...p,spineItemLocator:i.spineItemLocator,spineLocator:i,context:e}),getNavigationForCfi:p=>{const m=t.getSpineItemFromCfi(p),{node:h,offset:f=0}=wt({cfi:p,spineItemsManager:t})||{};if(!m){C.warn(_n,`unable to detect item id from cfi ${p}`);return}const b=h?r.getNavigationFromNode(m,h,f):new L({x:0,y:0}),S=i.getSpinePositionFromSpineItemPosition({spineItemPosition:b,spineItem:m});return U({position:S,pageSizeWidth:e.getPageSize().width,visibleAreaRectWidth:e.state.visibleAreaRect.width})},getNavigationForLastPage:p=>{const m=r.getNavigationForLastPage(p),h=i.getSpinePositionFromSpineItemPosition({spineItemPosition:m,spineItem:p});return U({position:h,pageSizeWidth:e.getPageSize().width,visibleAreaRectWidth:e.state.visibleAreaRect.width})},getNavigationForSpineIndexOrId:p=>{const m=t.get(p);if(m){const h=i.getSpinePositionFromSpineItem(m);return U({position:h,pageSizeWidth:e.getPageSize().width,visibleAreaRectWidth:e.state.visibleAreaRect.width})}return new M({x:0,y:0})},getNavigationForPosition:p=>Mt({viewportPosition:p,context:e,spineItemNavigationResolver:r,spineLocator:i}),getMostPredominantNavigationForPosition:p=>{const m=n.values.computedPageTurnDirection,h=.5,f=m==="horizontal"?p.x+e.state.visibleAreaRect.width*h:0,b=m==="horizontal"?0:p.y+e.state.visibleAreaRect.height*h,S=ve({position:new M({x:f,y:b}),isRTL:e.isRTL(),pageSizeHeight:e.getPageSize().height,visibleAreaRectWidth:e.state.visibleAreaRect.width,spineItemsManager:t,spine:s});return Mt({context:e,spineItemNavigationResolver:r,spineLocator:i,viewportPosition:S})},getAdjustedPositionWithSafeEdge:p=>ve({position:p,isRTL:e.isRTL(),pageSizeHeight:e.getPageSize().height,visibleAreaRectWidth:e.state.visibleAreaRect.width,spineItemsManager:t,spine:s}),isNavigationGoingForwardFrom:(p,m)=>n.values.computedPageTurnDirection==="vertical"?p.y>m.y:p.x>m.x,arePositionsDifferent:(p,m)=>p.x!==m.x||p.y!==m.y,getAdjustedPositionForSpread:p=>U({position:p,pageSizeWidth:e.getPageSize().width,visibleAreaRectWidth:e.state.visibleAreaRect.width}),spineItemNavigator:r}},Yn=({spineItemsManager:e,context:t,hookManager:i,spine:n,settings:s,viewport:r})=>{const a=new o.Subject,c=new Pt,u=qn({context:t,settings:s,spineItemsManager:e,locator:n.locator,spine:n}),l=new Se(s,i,t,n,r),d=new ye(r,s,i,n,t),g=new An(s,t,n,d,c),p=o.merge(a,g.navigation$),m=new he(s,t,p,l,d,u,n,c.isLocked$),h=o.combineLatest([l.isNavigating$,d.isNavigating$,c.isLocked$,m.locker.isLocked$]).pipe(y.map(S=>S.some(I=>I)?"busy":"free"),y.distinctUntilChanged(),y.shareReplay(1));return{destroy:()=>{g.destroy(),l.destroy(),m.destroy()},getNavigation:()=>m.navigation,internalNavigator:m,scrollNavigationController:d,controlledNavigationController:l,locker:c,viewportState$:h,navigate:S=>{a.next(S)},lock(){return c.lock()},navigationResolver:u,navigation$:m.navigation$}};class $e extends q{constructor(t,i){super({beginPageIndexInSpineItem:void 0,beginNumberOfPagesInSpineItem:0,beginCfi:void 0,beginSpineItemIndex:void 0,endPageIndexInSpineItem:void 0,endNumberOfPagesInSpineItem:0,endCfi:void 0,endSpineItemIndex:void 0,navigationId:void 0}),this.context=t,this.spineItemsManager=i}update(t){this.mergeCompare(t)}}class Me extends A{constructor(t,i,n,s,r){super(),this.context=t,this.pagination=i,this.spineItemsManager=n,this.spine=s,this.spineItemLocator=r;const a=o.merge(this.context.bridgeEvent.navigation$,s.layout$).pipe(o.switchMap(()=>{const u=({spineItem:l,position:d})=>this.spine.locator.getVisiblePagesFromViewportPosition({spineItem:l,position:d,threshold:{type:"percentage",value:.5}});return this.context.bridgeEvent.navigationUnlocked$.pipe(o.take(1),o.withLatestFrom(this.context.bridgeEvent.navigation$),o.tap(([,l])=>{const{position:d}=l,g=this.pagination.value,{beginIndex:p,endIndex:m}=this.spine.locator.getVisibleSpineItemsFromPosition({position:d,threshold:{type:"percentage",value:.5}})??{},h=this.spineItemsManager.get(p),f=this.spineItemsManager.get(m);if(!h||!f)return;const b=g.beginCfi,S=g.endCfi,{beginPageIndex:I=0}=u({spineItem:h,position:d})??{},{endPageIndex:P=0}=u({spineItem:f,position:d})??{},v=b===void 0||nt(b)||g.beginSpineItemIndex!==p,T=g.endSpineItemIndex!==m||S===void 0||nt(S),F=v?_(h.item):b,R=T?_(f.item):S,D=h.numberOfPages,O=f.numberOfPages;this.pagination.update({beginCfi:F,beginNumberOfPagesInSpineItem:D,beginPageIndexInSpineItem:I,beginSpineItemIndex:p,endCfi:R,endNumberOfPagesInSpineItem:O,endPageIndexInSpineItem:P,endSpineItemIndex:m,navigationId:l.id})}))})),c=a.pipe(Y(this.context.bridgeEvent.viewportFree$),o.tap(()=>{const{beginSpineItemIndex:u,endSpineItemIndex:l,beginPageIndexInSpineItem:d,endPageIndexInSpineItem:g}=this.pagination.value;if(d===void 0||g===void 0||u===void 0||l===void 0)return;const p=this.spineItemsManager.get(u),m=this.spineItemsManager.get(l);p===void 0||m===void 0||this.pagination.update({beginCfi:it({pageIndex:d,spineItem:p,spine:this.spine}),endCfi:it({pageIndex:g,spineItem:m,spine:this.spine})})}));o.merge(a,c).pipe(o.takeUntil(this.destroy$)).subscribe()}}class Te extends A{constructor(t){super();const i={...this.getDefaultSettings(),...t};this.inputSettings=i,this.outputSettingsUpdateSubject=new o.Subject,this._settings$=this.outputSettingsUpdateSubject.asObservable().pipe(o.shareReplay(1)),this._settings$.subscribe()}_prepareUpdate(t){const i=$.shallowMergeIfDefined(this.inputSettings,t),n=this.getOutputSettings(i),s=!$.isShallowEqual(this.outputSettings,n);return{hasChanged:s,state:n,commit:()=>(this.inputSettings=i,this.outputSettings=n,s&&this.outputSettingsUpdateSubject.next(n),n)}}update(t){const{commit:i}=this._prepareUpdate(t);i()}get values(){if(!this.outputSettings){const{commit:t}=this._prepareUpdate(this.inputSettings);return t()}return this.outputSettings}get values$(){if(!this.outputSettings){const{commit:t}=this._prepareUpdate(this.inputSettings);t()}return this._settings$}watch(t){return this.values$.pipe(mt(t),o.distinctUntilChanged($.isShallowEqual))}destroy(){super.destroy(),this.outputSettingsUpdateSubject.complete()}}class xn extends Te{constructor(t,i){super(t),this.context=i;const n=o.combineLatest([i.hasVerticalWriting$,i.manifest$]).pipe(y.tap(()=>{this.update(this.values)})),s=this.values$.pipe(y.tap(({forceSinglePageMode:r})=>{i.update({forceSinglePageMode:r})}));o.merge(n,s).pipe(y.takeUntil(i.destroy$)).subscribe()}getComputedSettings(t){const i=this.context.manifest,n=this.context.state.hasVerticalWriting??!1,s={computedPageTurnDirection:t.pageTurnDirection,computedPageTurnAnimation:t.pageTurnAnimation,computedPageTurnMode:t.pageTurnMode,computedPageTurnAnimationDuration:0};return(i==null?void 0:i.renditionFlow)==="scrolled-continuous"&&(s.computedPageTurnMode="scrollable"),s.computedPageTurnMode==="scrollable"&&(s.computedPageTurnDirection="vertical"),n&&s.computedPageTurnAnimation==="slide"&&(C.warn(`pageTurnAnimation ${s.computedPageTurnAnimation} incompatible with current book, switching back to default`),s.computedPageTurnAnimation="none"),s.computedPageTurnMode==="scrollable"?(s.computedPageTurnAnimationDuration=0,s.computedPageTurnAnimation="none"):s.computedPageTurnAnimationDuration=t.pageTurnAnimationDuration!==void 0?t.pageTurnAnimationDuration:300,s}getOutputSettings(t){const i=this.getComputedSettings(t);return{...this.outputSettings,...t,...i}}getDefaultSettings(){return{forceSinglePageMode:!1,pageTurnAnimation:"slide",pageTurnDirection:"horizontal",pageTurnAnimationDuration:void 0,pageTurnMode:"controlled",snapAnimationDuration:300,navigationSnapThreshold:{type:"pixels",value:40},numberOfAdjacentSpineItemToPreLoad:3}}}class Xn extends A{constructor(t,i,n,s,r,a){super(),this.item=t,this.containerElement=i,this.context=n,this.hookManager=s,this.renderer=r,this.settings=a,this.layoutTriggerSubject=new o.Subject,this.lastLayout=null,this.applyDimsAfterLayout=({blankPagePosition:c,minimumWidth:u})=>l=>l.pipe(o.map(d=>{var v;const g=$.isShallowEqual((v=this.lastLayout)==null?void 0:v.pageSize,this.context.getPageSize())?this.lastLayout:void 0,{width:p,height:m}=g??{},{width:h=p,height:f=m}=d??{},{width:b,height:S}=this.context.getPageSize(),I=this.validateDimension(h??b,b,u),P=this.settings.values.computedPageTurnMode==="scrollable"?f??S:this.validateDimension(f??S,S,S);return this.lastLayout={width:I,height:P,pageSize:this.context.getPageSize()},this.containerElement.style.width=`${I}px`,this.containerElement.style.height=`${P}px`,this.hookManager.execute("item.onAfterLayout",void 0,{blankPagePosition:c,item:this.item,minimumWidth:u}),{width:I,height:P}})),this.layout=c=>{const u=Et(this.layout$.pipe(o.first()));return this.layoutTriggerSubject.next(c),u()},this.adjustPositionOfElement=({right:c,left:u,top:l})=>{c!==void 0?this.containerElement.style.right=`${c}px`:this.containerElement.style.removeProperty("right"),u!==void 0?this.containerElement.style.left=`${u}px`:this.containerElement.style.removeProperty("left"),l!==void 0?this.containerElement.style.top=`${l}px`:this.containerElement.style.removeProperty("top")},this.layoutProcess$=this.layoutTriggerSubject.pipe(o.switchMap(c=>{const{blankPagePosition:u,minimumWidth:l,spreadPosition:d}=c;this.hookManager.execute("item.onBeforeLayout",void 0,{blankPagePosition:u,item:this.item,minimumWidth:l});const g=this.renderer.layout({blankPagePosition:u,minPageSpread:l/this.context.getPageSize().width,minimumWidth:l,spreadPosition:d});return o.merge(o.of({type:"start"}),g.pipe(this.applyDimsAfterLayout(c),o.map(p=>({type:"end",data:p}))))}),o.share()),this.layout$=this.layoutProcess$.pipe(o.filter(c=>c.type==="end"),o.map(c=>c.data),o.share())}validateDimension(t,i,n){if(t<=0)return n;const s=Math.max(t,n),a=Math.ceil(s/i)*i;return Math.max(a,i)}get layoutInfo(){const t=this.containerElement.style,i=t.width?parseFloat(t.width):0,n=t.height?parseFloat(t.height):0;return{width:i,height:n}}}class Zn extends H{onUnload(){return o.EMPTY}onCreateDocument(){return o.of(document.createElement("div"))}onLoadDocument(){return o.EMPTY}onLayout(){return o.of(void 0)}onRenderHeadless(){return o.EMPTY}getDocumentFrame(){}}class Tt extends A{constructor(t,i,n,s,r,a){var l,d;super(),this.item=t,this.parentElement=i,this.context=n,this.settings=s,this.hookManager=r,this.index=a,this.getBoundingRectOfElementFromSelector=g=>{var m,h,f,b;const p=this.renderer.getDocumentFrame();if(p&&p instanceof HTMLIFrameElement&&g)return g.startsWith("#")?(h=(m=p.contentDocument)==null?void 0:m.getElementById(g.replace("#","")))==null?void 0:h.getBoundingClientRect():(b=(f=p.contentDocument)==null?void 0:f.querySelector(g))==null?void 0:b.getBoundingClientRect()},this.load=()=>{this.renderer.load()},this.unload=()=>{this.renderer.unload()},this.destroy=()=>{super.destroy(),this.containerElement.remove(),this.renderer.destroy()},this.isUsingVerticalWriting=()=>{var g;return!!((g=this.renderer.writingMode)!=null&&g.startsWith("vertical"))},this.containerElement=Gn(i,t,r),i.appendChild(this.containerElement);const c=(d=(l=this.settings.values).getRenderer)==null?void 0:d.call(l,t);this.resourcesHandler=new J(t,this.settings);const u={context:n,settings:s,hookManager:r,item:t,containerElement:this.containerElement,resourcesHandler:this.resourcesHandler};this.renderer=c?c(u):new Zn(u),this.layout=new Xn(t,this.containerElement,n,r,this.renderer,this.settings),this.isReady$=this.layout.layoutProcess$.pipe(y.withLatestFrom(this.renderer.isLoaded$),y.map(([g,p])=>!!(g.type==="end"&&p)),y.startWith(!1),y.distinctUntilChanged(),y.tap(g=>{this.containerElement.dataset.isReady=g.toString()}),y.shareReplay({refCount:!0,bufferSize:1})),this.needsLayout$=o.merge(this.unloaded$,this.loaded$),o.merge(this.isReady$,this.layout.layout$).pipe(y.takeUntil(this.destroy$)).subscribe()}get element(){return this.containerElement}get readingDirection(){return this.renderer.readingDirection}get loaded$(){return this.renderer.state$.pipe(y.distinctUntilChanged(),y.filter(t=>t==="loaded"))}get unloaded$(){return this.renderer.state$.pipe(y.distinctUntilChanged(),y.filter(t=>t!=="idle"),y.switchMap(()=>this.renderer.state$.pipe(y.filter(t=>t==="idle"),y.first())))}get renditionLayout(){return this.renderer.renditionLayout}get numberOfPages(){return we({isUsingVerticalWriting:!!this.isUsingVerticalWriting(),itemHeight:this.layout.layoutInfo.height,itemWidth:this.layout.layoutInfo.width,pageWidth:this.context.getPageSize().width,pageHeight:this.context.getPageSize().height,pageTurnDirection:this.settings.values.computedPageTurnDirection,pageTurnMode:this.settings.values.pageTurnMode})}}const Gn=(e,t,i)=>{const n=e.ownerDocument.createElement("div");return n.classList.add("spineItem"),n.classList.add(`spineItem-${t.renditionLayout??"reflowable"}`),n.style.cssText=`
     position: absolute;
     overflow: hidden;
-  `,n.dataset.isReady="false",i.execute("item.onBeforeContainerCreated",void 0,{element:n}),n},Bn=C.namespace("spine"),ve=({position:e,pageSize:t})=>new Yt({...e,left:e.x,top:e.y,width:t.width,height:t.height,bottom:e.y+t.height,right:e.x+t.width});class Pe extends _{constructor(t,i,n,s,r,a){super({pages:[]}),this.spineLayout=t,this.spineItemsManager=i,this.spineItemLocator=n,this.context=s,this.locator=r,this.viewport=a,this.layout$=t.layout$.pipe(o.withLatestFrom(a),o.switchMap(([,{pageSize:c}])=>{const u=i.items.reduce((d,g,p)=>{const m=new Array(g.numberOfPages).fill(void 0).map((f,b)=>{const y=n.getSpineItemPositionFromPageIndex({spineItem:g,pageIndex:b}),I=r.getSpinePositionFromSpineItemPosition({spineItem:g,spineItemPosition:y});return{absoluteLayout:ve({pageSize:c,position:I}),layout:new qt({left:y.x,right:y.x+c.width,top:y.y,bottom:y.y+c.height,width:c.width,height:c.height,x:y.x,y:y.y}),itemIndex:p,absolutePageIndex:d.length+b,spineItem:g,pageIndex:b}});return[...d,...m]},[]);return o.combineLatest(u.map(d=>{const{spineItem:g,...p}=d;return new o.Observable(h=>{var b,y;const m=(b=d.spineItem.renderer)==null?void 0:b.getDocumentFrame();let f;m&&((y=m==null?void 0:m.contentWindow)!=null&&y.document)&&m.contentWindow.document.body!==null&&(f=ke(m.contentWindow.document,d.layout)),h.next({...p,firstVisibleNode:f})})}))}),o.map(c=>(Bn.info("Pages layout",c),{pages:c})),o.share()),this.layout$.pipe(o.takeUntil(this.destroy$)).subscribe(this.next.bind(this))}}class $e extends D{constructor(t,i){super(),this.spineItemsManager=t,this.spineLocator=i,this.itemIsReady$=this.spineItemsManager.items$.pipe(o.switchMap(n=>{const s=n.map(r=>r.isReady$.pipe(o.map(a=>({item:r,isReady:a}))));return o.merge(...s)}),o.share()),this.itemResize$=this.spineItemsManager.items$.pipe(o.switchMap(n=>{const s=n.map(r=>q(r.element).pipe(o.map(a=>({entries:a,item:r}))));return o.merge(...s)}),o.share()),this.itemLoaded$=this.spineItemsManager.items$.pipe(o.switchMap(n=>{const s=n.map(r=>r.loaded$.pipe(o.map(()=>r)));return o.merge(...s)}))}}const Hn=({horizontalOffset:e,verticalOffset:t,context:i,spineItemsManager:n,isGloballyPrePaginated:s,settings:r,index:a,item:c,viewport:u})=>{let l=i.getPageSize().width,d="none";const g=e%u.absoluteViewport.width===0,p=a===n.items.length-1;if(i.state.isUsingSpreadMode){!s&&c.renditionLayout==="reflowable"&&!p&&(l=i.getPageSize().width*2),!s&&c.renditionLayout==="reflowable"&&p&&g&&(l=i.getPageSize().width*2);const m=g&&p&&s;c.item.pageSpreadRight&&g&&!i.isRTL()||c.item.pageSpreadLeft&&g&&i.isRTL()?(d="before",l=i.getPageSize().width*2):m&&(i.isRTL()?d="before":d="after",l=i.getPageSize().width*2)}return c.layout.layout({minimumWidth:l,blankPagePosition:d,spreadPosition:i.state.isUsingSpreadMode?g?i.isRTL()?"right":"left":i.isRTL()?"left":"right":"none"}).pipe(o.map(({width:m,height:f})=>{if(r.values.computedPageTurnDirection==="vertical"){const I=g?t:t-i.state.visibleAreaRect.height,v=g?0:e;i.isRTL()?c.layout.adjustPositionOfElement({top:I,left:v}):c.layout.adjustPositionOfElement({top:I,left:v});const P=m+v,M=f+I,L=new Q({left:v,right:P,top:I,bottom:M,height:f,width:m,x:v,y:I});return{horizontalOffset:P,verticalOffset:M,layoutPosition:L}}c.layout.adjustPositionOfElement(i.isRTL()?{right:e,top:0}:{left:e,top:0});const b=i.isRTL()?u.absoluteViewport.width-e-m:e,y=new Q({right:i.isRTL()?u.absoluteViewport.width-e:e+m,left:b,x:b,top:t,bottom:f,height:f,width:m,y:t});return{horizontalOffset:e+m,verticalOffset:0,layoutPosition:y}}))};class _n extends D{constructor(t,i,n,s){super(),this.spineItemsManager=t,this.context=i,this.settings=n,this.viewport=s,this.layoutSubject=new o.Subject,this.spineItemsRelativeLayouts=[],t.items$.pipe(o.tap(()=>{this.spineItemsRelativeLayouts=[]}),o.switchMap(a=>{const c=a.map(l=>l.needsLayout$.pipe(o.tap(()=>{this.layout()}))),u=a.map(l=>l.loaded$.pipe(o.tap(()=>{l.isUsingVerticalWriting()?this.context.update({hasVerticalWriting:!0}):this.context.update({hasVerticalWriting:!1})})));return o.merge(...c,...u)})).pipe(o.takeUntil(this.destroy$)).subscribe();const r=new o.BehaviorSubject(!1);this.layout$=this.layoutSubject.pipe(o.debounceTime(50),o.exhaustMap(()=>r.pipe(o.filter(a=>!a),o.first())),o.exhaustMap(()=>{r.next(!0);const a=this.context.manifest,c=ne(a)??!1;return o.from(this.spineItemsManager.items).pipe(o.reduce((l,d,g)=>l.pipe(o.concatMap(({horizontalOffset:p,verticalOffset:h})=>Hn({context:this.context,horizontalOffset:p,index:g,isGloballyPrePaginated:c,item:d,settings:this.settings,spineItemsManager:this.spineItemsManager,verticalOffset:h,viewport:s}).pipe(o.map(({horizontalOffset:m,verticalOffset:f,layoutPosition:b})=>(this.spineItemsRelativeLayouts[g]=b,{horizontalOffset:m,verticalOffset:f}))))),o.of({horizontalOffset:0,verticalOffset:0})),o.concatMap(l=>l),o.finalize(()=>{r.next(!1)}))}),o.share()),o.merge(this.layout$).pipe(o.takeUntil(this.destroy$)).subscribe()}layout(){this.layoutSubject.next(void 0)}getSpineItemSpineLayoutInfo(t){const i=this.spineItemsManager.getSpineItemIndex(t)??0;return this.spineItemsRelativeLayouts[i]||new Q({left:0,right:0,top:0,bottom:0,width:0,height:0,x:0,y:0})}get numberOfPages(){return this.spineItemsManager.items.reduce((t,i)=>t+i.numberOfPages,0)}destroy(){super.destroy(),this.layoutSubject.complete()}}class qn extends D{constructor(t,i,n,s,r){super(),this.context=t,this.spineItemsManager=i,this.spineLocator=n,this.settings=s,this.spineLayout=r,this.forcedOpenSubject=new o.BehaviorSubject([]);const a=this.forcedOpenSubject.pipe(o.map(l=>[...new Set(l.flat())].sort()),o.distinctUntilChanged($.arrayEqual),o.shareReplay({bufferSize:1,refCount:!0}));o.merge(this.context.bridgeEvent.navigation$,this.spineLayout.layout$,a,s.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(o.debounceTime(100,o.animationFrameScheduler),Y(this.context.bridgeEvent.viewportFree$),o.withLatestFrom(this.context.bridgeEvent.navigation$,a),o.map(([,l,d])=>{const{numberOfAdjacentSpineItemToPreLoad:g}=s.values,{beginIndex:p=0,endIndex:h=0}=n.getVisibleSpineItemsFromPosition({position:l.position,threshold:{type:"percentage",value:0},useAbsoluteViewport:!1})||{},m=p-g,f=h+g,b=Array.from({length:f-m+1},(I,v)=>m+v),y=[...d,...b];i.items.forEach((I,v)=>{y.includes(v)?I.load():I.unload()})})).pipe(o.takeUntil(this.destroy$)).subscribe()}forceOpen(t){const i=t.map(n=>typeof n=="number"?n:n.index);return this.forcedOpenSubject.next([...this.forcedOpenSubject.value,i]),()=>{this.isDestroyed||this.forcedOpenSubject.next(this.forcedOpenSubject.value.filter(n=>n!==i))}}destroy(){super.destroy(),this.forcedOpenSubject.complete()}}const Me=(e,t,i)=>{const n=(i.width-t.width)/2,s=(i.height-t.height)/2;return new j({x:e.x-n,y:e.y-s})};class X extends DOMRect{constructor(){super(...arguments),this.__symbol=Symbol("ViewportPosition")}static from(t,i){if(i){const s=t;return new X(s.x,s.y,i.width,i.height)}const n=t;return new X(n.x,n.y,n.width,n.height)}}class Yn{constructor({width:t,height:i}){this.__symbol=Symbol("AbsoluteViewport"),this.width=t,this.height=i}}class Xn{constructor({width:t,height:i}){this.__symbol=Symbol("RelativeViewport"),this.width=t,this.height=i}}const xn=({pageIndex:e,spineItemOrId:t,spineItemsManager:i})=>{const n=i.items,s=i.get(t);if(!s)return;const{currentAbsolutePage:r}=n.reduce((a,c)=>{if(a.found)return a;const u=c.numberOfPages;return s===c&&e<=u-1?{currentAbsolutePage:a.currentAbsolutePage+e,found:!0}:{...a,currentAbsolutePage:a.currentAbsolutePage+u}},{currentAbsolutePage:0,found:!1});return r},Zn=({itemHeight:e,itemWidth:t,visibleWidthOfItem:i,visibleHeightOfItem:n,threshold:s})=>{const r=i/t,a=n/e;return s.type==="percentage"?r>=s.value&&a>=s.value:i>=s.value&&n>=s.value},Gn=({visibleWidthOfItem:e,visibleHeightOfItem:t,threshold:i,viewportPosition:n})=>{const s=e/n.width,r=t/n.height;return i.type==="percentage"?r>=i.value&&s>=i.value:t>=i.value&&e>=i.value},Te=({itemPosition:{bottom:e,left:t,right:i,top:n,width:s,height:r},threshold:a,viewportPosition:c,restrictToScreen:u})=>{const l=c.x,d=c.x+(c.width-1),g=c.y,p=Math.max(c.y+(c.height-1),0),h=Math.max(0,Math.min(i,d)-Math.max(t,l)),m=Math.max(0,Math.min(e,p)-Math.max(n,g));if(h<=0||m<=0)return{visible:!1};const b=Gn({threshold:a,visibleHeightOfItem:m,visibleWidthOfItem:h,viewportPosition:c});return u?{visible:b}:{visible:Zn({itemHeight:r,itemWidth:s,threshold:a,visibleHeightOfItem:m,visibleWidthOfItem:h})||b}},Kn=({absolutePageIndex:e,spineItemsManager:t})=>{const i=t.items,{found:n,currentAbsolutePage:s}=i.reduce((r,a)=>{if(r.found)return r;const c=a.numberOfPages,u=e-r.currentAbsolutePage,l=r.currentAbsolutePage+c;return u<=c-1?{...r,currentAbsolutePage:l,found:{item:a,pageIndex:u}}:{...r,currentAbsolutePage:l}},{currentAbsolutePage:0});if(n)return{spineItem:n.item,pageIndex:n.pageIndex,itemIndex:t.getSpineItemIndex(n.item)??0,currentAbsolutePage:s}},Fe=({position:e,spineItemsManager:t,spineLayout:i,settings:n})=>{const s=t.items.find(r=>{const{left:a,right:c,bottom:u,top:l}=i.getSpineItemSpineLayoutInfo(r),d=e.x>=a&&e.x<c;return n.values.computedPageTurnDirection==="horizontal"?d:d&&e.y>=l&&e.y<u});return e.x===0&&!s?t.items[0]:s},Pt=({spineItemPosition:e,itemLayout:{left:t,top:i}})=>new T({x:t+e.x,y:i+e.y}),Jn=({position:e,threshold:t,restrictToScreen:i,spineItemsManager:n,settings:s,spineLayout:r,useAbsoluteViewport:a=!0,viewport:c})=>{const u=Fe({position:e,settings:s,spineItemsManager:n,spineLayout:r})||n.get(0),l=n.items.reduce((m,f)=>{const b=r.getSpineItemSpineLayoutInfo(f),y=a?c.absoluteViewport:c.relativeViewport,I=Me(e,c.absoluteViewport,y),v=X.from(I,y),{visible:P}=Te({itemPosition:b,threshold:t,viewportPosition:v,restrictToScreen:i});return P?[...m,f]:m},[]),d=l[0]??u,g=l[l.length-1]??d;if(!d||!g)return;const p=n.getSpineItemIndex(d),h=n.getSpineItemIndex(g);return{beginIndex:p??0,endIndex:h??0}},Qn=({spineItemsManager:e,context:t,spineItemLocator:i,settings:n,spineLayout:s,viewport:r})=>{const a=(h,m)=>{const{left:f,top:b}=s.getSpineItemSpineLayoutInfo(m);return new F({x:Math.max(h.x-f,0),y:Math.max(h.y-b,0)})},c=h=>Pt({spineItemPosition:new F({x:0,y:0}),itemLayout:s.getSpineItemSpineLayoutInfo(h)}),u=h=>e.items.find(m=>m.renderer.getDocumentFrame()===h),l=(h,m,f)=>{if(typeof f=="number"){const b=e.get(f);return b?i.getSpineItemPageIndexFromNode(h,m||0,b):void 0}return i.getSpineItemPageIndexFromNode(h,m||0,f)},d=({position:h,threshold:m,spineItem:f,restrictToScreen:b,useAbsoluteViewport:y=!0,viewport:I})=>{const v=f.numberOfPages,M=Array.from(Array(v)).map((A,N)=>{const $t=i.getSpineItemPositionFromPageIndex({pageIndex:N,spineItem:f}),W=Pt({spineItemPosition:$t,itemLayout:s.getSpineItemSpineLayoutInfo(f)});return{index:N,absolutePosition:{width:t.getPageSize().width,height:t.getPageSize().height,left:W.x,top:W.y,bottom:W.y+t.getPageSize().height,right:W.x+t.getPageSize().width}}}).reduce((A,{absolutePosition:N,index:$t})=>{const W=y?I.absoluteViewport:I.relativeViewport,no=Me(h,I.absoluteViewport,W),oo=X.from(no,W),{visible:so}=Te({viewportPosition:oo,restrictToScreen:b,threshold:m,itemPosition:N});return so?[...A,$t]:A},[]),L=M[0],R=M[M.length-1]??L;if(!(L===void 0||R===void 0))return{beginPageIndex:L,endPageIndex:R}};return{getSpinePositionFromSpineItemPosition:({spineItem:h,spineItemPosition:m})=>{const f=s.getSpineItemSpineLayoutInfo(h);return Pt({itemLayout:f,spineItemPosition:m})},getAbsolutePageIndexFromPageIndex:h=>xn({...h,spineItemsManager:e}),getSpineInfoFromAbsolutePageIndex:h=>Kn({...h,spineItemsManager:e}),getSpinePositionFromSpineItem:c,getSpineItemPositionFromSpinePosition:a,getSpineItemFromPosition:h=>Fe({position:h,settings:n,spineItemsManager:e,spineLayout:s}),getSpineItemFromIframe:u,getSpineItemPageIndexFromNode:l,getVisibleSpineItemsFromPosition:h=>Jn({settings:n,spineItemsManager:e,spineLayout:s,viewport:r,...h}),getVisiblePagesFromViewportPosition:h=>d({...h,viewport:r}),isPositionWithinSpineItem:(h,m)=>{const{bottom:f,left:b,right:y,top:I}=s.getSpineItemSpineLayoutInfo(m);return h.x>=b&&h.x<=y&&h.y<=f&&h.y>=I},spineItemLocator:i,getSafeSpineItemPositionFromUnsafeSpineItemPosition:(h,m)=>{const{height:f,width:b}=s.getSpineItemSpineLayoutInfo(m);return new F({x:Math.min(Math.max(0,h.x),b),y:Math.min(Math.max(0,h.y),f)})}}};class Le extends D{constructor(t,i,n,s,r,a,c,u){super(),this.parentElement$=t,this.context=i,this.pagination=n,this.spineItemsManager=s,this.spineItemLocator=r,this.settings=a,this.hookManager=c,this.viewport=u,this.elementSubject=new o.BehaviorSubject(void 0),this.element$=this.elementSubject.asObservable(),this.spineLayout=new _n(s,i,a,u),this.locator=Qn({context:i,spineItemsManager:s,spineItemLocator:r,settings:a,spineLayout:this.spineLayout,viewport:u}),this.spineItemsLoader=new qn(this.context,s,this.locator,a,this.spineLayout),this.spineItemsObserver=new $e(s,this.locator),this.pages=new Pe(this.spineLayout,this.spineItemsManager,this.spineItemLocator,this.context,this.locator,this.viewport);const l=t.pipe(S.filter(rt.isDefined),S.tap(g=>{const p=g.ownerDocument.createElement("div");p.style.cssText=`
+  `,n.dataset.isReady="false",i.execute("item.onBeforeContainerCreated",void 0,{element:n}),n},Kn=C.namespace("spine"),Fe=({position:e,pageSize:t})=>new Xt({...e,left:e.x,top:e.y,width:t.width,height:t.height,bottom:e.y+t.height,right:e.x+t.width});class Le extends q{constructor(t,i,n,s,r,a){super({pages:[]}),this.spineLayout=t,this.spineItemsManager=i,this.spineItemLocator=n,this.context=s,this.locator=r,this.viewport=a,this.fromSpineItemPageIndex=(c,u)=>this.value.pages.find(l=>l.itemIndex===c.index&&l.pageIndex===u),this.layout$=t.layout$.pipe(o.withLatestFrom(a),o.switchMap(([,{pageSize:c}])=>{const u=i.items.reduce((d,g,p)=>{const h=new Array(g.numberOfPages).fill(void 0).map((f,b)=>{const S=n.getSpineItemPositionFromPageIndex({spineItem:g,pageIndex:b}),I=r.getSpinePositionFromSpineItemPosition({spineItem:g,spineItemPosition:S});return{absoluteLayout:Fe({pageSize:c,position:I}),layout:new xt({left:S.x,right:S.x+c.width,top:S.y,bottom:S.y+c.height,width:c.width,height:c.height,x:S.x,y:S.y}),itemIndex:p,absolutePageIndex:d.length+b,spineItem:g,pageIndex:b}});return[...d,...h]},[]);return o.combineLatest(u.map(d=>{const{spineItem:g,...p}=d;return new o.Observable(m=>{var b,S;const h=(b=d.spineItem.renderer)==null?void 0:b.getDocumentFrame();let f;h&&((S=h==null?void 0:h.contentWindow)!=null&&S.document)&&h.contentWindow.document.body!==null&&(f=Ee(h.contentWindow.document,d.layout)),m.next({...p,firstVisibleNode:f})})}))}),o.map(c=>(Kn.info("Pages layout",c),{pages:c})),o.share()),this.layout$.pipe(o.takeUntil(this.destroy$)).subscribe(this.next.bind(this))}}class Ce extends A{constructor(t,i){super(),this.spineItemsManager=t,this.spineLocator=i,this.itemIsReady$=this.spineItemsManager.items$.pipe(o.switchMap(n=>{const s=n.map(r=>r.isReady$.pipe(o.map(a=>({item:r,isReady:a}))));return o.merge(...s)}),o.share()),this.itemResize$=this.spineItemsManager.items$.pipe(o.switchMap(n=>{const s=n.map(r=>K(r.element).pipe(o.map(a=>({entries:a,item:r}))));return o.merge(...s)}),o.share()),this.itemLoaded$=this.spineItemsManager.items$.pipe(o.switchMap(n=>{const s=n.map(r=>r.loaded$.pipe(o.map(()=>r)));return o.merge(...s)}))}}const Jn=({horizontalOffset:e,verticalOffset:t,context:i,spineItemsManager:n,isGloballyPrePaginated:s,settings:r,index:a,item:c,viewport:u})=>{let l=i.getPageSize().width,d="none";const g=e%u.absoluteViewport.width===0,p=a===n.items.length-1;if(i.state.isUsingSpreadMode){!s&&c.renditionLayout==="reflowable"&&!p&&(l=i.getPageSize().width*2),!s&&c.renditionLayout==="reflowable"&&p&&g&&(l=i.getPageSize().width*2);const h=g&&p&&s;c.item.pageSpreadRight&&g&&!i.isRTL()||c.item.pageSpreadLeft&&g&&i.isRTL()?(d="before",l=i.getPageSize().width*2):h&&(i.isRTL()?d="before":d="after",l=i.getPageSize().width*2)}return c.layout.layout({minimumWidth:l,blankPagePosition:d,spreadPosition:i.state.isUsingSpreadMode?g?i.isRTL()?"right":"left":i.isRTL()?"left":"right":"none"}).pipe(o.map(({width:h,height:f})=>{if(r.values.computedPageTurnDirection==="vertical"){const I=g?t:t-i.state.visibleAreaRect.height,P=g?0:e;i.isRTL()?c.layout.adjustPositionOfElement({top:I,left:P}):c.layout.adjustPositionOfElement({top:I,left:P});const v=h+P,T=f+I,F=new et({left:P,right:v,top:I,bottom:T,height:f,width:h,x:P,y:I});return{horizontalOffset:v,verticalOffset:T,layoutPosition:F}}c.layout.adjustPositionOfElement(i.isRTL()?{right:e,top:0}:{left:e,top:0});const b=i.isRTL()?u.absoluteViewport.width-e-h:e,S=new et({right:i.isRTL()?u.absoluteViewport.width-e:e+h,left:b,x:b,top:t,bottom:f,height:f,width:h,y:t});return{horizontalOffset:e+h,verticalOffset:0,layoutPosition:S}}))};class Qn extends A{constructor(t,i,n,s){super(),this.spineItemsManager=t,this.context=i,this.settings=n,this.viewport=s,this.layoutSubject=new o.Subject,this.spineItemsRelativeLayouts=[],t.items$.pipe(o.tap(()=>{this.spineItemsRelativeLayouts=[]}),o.switchMap(a=>{const c=a.map(l=>l.needsLayout$.pipe(o.tap(()=>{this.layout()}))),u=a.map(l=>l.loaded$.pipe(o.tap(()=>{l.isUsingVerticalWriting()?this.context.update({hasVerticalWriting:!0}):this.context.update({hasVerticalWriting:!1})})));return o.merge(...c,...u)})).pipe(o.takeUntil(this.destroy$)).subscribe();const r=new o.BehaviorSubject(!1);this.layout$=this.layoutSubject.pipe(o.debounceTime(50),o.exhaustMap(()=>r.pipe(o.filter(a=>!a),o.first())),o.exhaustMap(()=>{r.next(!0);const a=this.context.manifest,c=ae(a)??!1;return o.from(this.spineItemsManager.items).pipe(o.reduce((l,d,g)=>l.pipe(o.concatMap(({horizontalOffset:p,verticalOffset:m})=>Jn({context:this.context,horizontalOffset:p,index:g,isGloballyPrePaginated:c,item:d,settings:this.settings,spineItemsManager:this.spineItemsManager,verticalOffset:m,viewport:s}).pipe(o.map(({horizontalOffset:h,verticalOffset:f,layoutPosition:b})=>(this.spineItemsRelativeLayouts[g]=b,{horizontalOffset:h,verticalOffset:f}))))),o.of({horizontalOffset:0,verticalOffset:0})),o.concatMap(l=>l),o.finalize(()=>{r.next(!1)}))}),o.share()),o.merge(this.layout$).pipe(o.takeUntil(this.destroy$)).subscribe()}layout(){this.layoutSubject.next(void 0)}getSpineItemSpineLayoutInfo(t){const i=this.spineItemsManager.getSpineItemIndex(t)??0;return this.spineItemsRelativeLayouts[i]||new et({left:0,right:0,top:0,bottom:0,width:0,height:0,x:0,y:0})}get numberOfPages(){return this.spineItemsManager.items.reduce((t,i)=>t+i.numberOfPages,0)}destroy(){super.destroy(),this.layoutSubject.complete()}}class jn extends A{constructor(t,i,n,s,r){super(),this.context=t,this.spineItemsManager=i,this.spineLocator=n,this.settings=s,this.spineLayout=r,this.forcedOpenSubject=new o.BehaviorSubject([]);const a=this.forcedOpenSubject.pipe(o.map(l=>[...new Set(l.flat())].sort()),o.distinctUntilChanged($.arrayEqual),o.shareReplay({bufferSize:1,refCount:!0}));o.merge(this.context.bridgeEvent.navigation$,this.spineLayout.layout$,a,s.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(o.debounceTime(100,o.animationFrameScheduler),Y(this.context.bridgeEvent.viewportFree$),o.withLatestFrom(this.context.bridgeEvent.navigation$,a),o.map(([,l,d])=>{const{numberOfAdjacentSpineItemToPreLoad:g}=s.values,{beginIndex:p=0,endIndex:m=0}=n.getVisibleSpineItemsFromPosition({position:l.position,threshold:{type:"percentage",value:0},useAbsoluteViewport:!1})||{},h=p-g,f=m+g,b=Array.from({length:f-h+1},(I,P)=>h+P),S=[...d,...b];i.items.forEach((I,P)=>{S.includes(P)?I.load():I.unload()})})).pipe(o.takeUntil(this.destroy$)).subscribe()}forceOpen(t){const i=t.map(n=>typeof n=="number"?n:n.index);return this.forcedOpenSubject.next([...this.forcedOpenSubject.value,i]),()=>{this.isDestroyed||this.forcedOpenSubject.next(this.forcedOpenSubject.value.filter(n=>n!==i))}}destroy(){super.destroy(),this.forcedOpenSubject.complete()}}const Re=(e,t,i)=>{const n=(i.width-t.width)/2,s=(i.height-t.height)/2;return new x({x:e.x-n,y:e.y-s})};class X extends DOMRect{constructor(){super(...arguments),this.__symbol=Symbol("ViewportPosition")}static from(t,i){if(i){const s=t;return new X(s.x,s.y,i.width,i.height)}const n=t;return new X(n.x,n.y,n.width,n.height)}}class to{constructor({width:t,height:i}){this.__symbol=Symbol("AbsoluteViewport"),this.width=t,this.height=i}}class eo{constructor({width:t,height:i}){this.__symbol=Symbol("RelativeViewport"),this.width=t,this.height=i}}const io=({pageIndex:e,spineItemOrId:t,spineItemsManager:i})=>{const n=i.items,s=i.get(t);if(!s)return;const{currentAbsolutePage:r}=n.reduce((a,c)=>{if(a.found)return a;const u=c.numberOfPages;return s===c&&e<=u-1?{currentAbsolutePage:a.currentAbsolutePage+e,found:!0}:{...a,currentAbsolutePage:a.currentAbsolutePage+u}},{currentAbsolutePage:0,found:!1});return r},no=({itemHeight:e,itemWidth:t,visibleWidthOfItem:i,visibleHeightOfItem:n,threshold:s})=>{const r=i/t,a=n/e;return s.type==="percentage"?r>=s.value&&a>=s.value:i>=s.value&&n>=s.value},oo=({visibleWidthOfItem:e,visibleHeightOfItem:t,threshold:i,viewportPosition:n})=>{const s=e/n.width,r=t/n.height;return i.type==="percentage"?r>=i.value&&s>=i.value:t>=i.value&&e>=i.value},Ae=({itemPosition:{bottom:e,left:t,right:i,top:n,width:s,height:r},threshold:a,viewportPosition:c,restrictToScreen:u})=>{const l=c.x,d=c.x+(c.width-1),g=c.y,p=Math.max(c.y+(c.height-1),0),m=Math.max(0,Math.min(i,d)-Math.max(t,l)),h=Math.max(0,Math.min(e,p)-Math.max(n,g));if(m<=0||h<=0)return{visible:!1};const b=oo({threshold:a,visibleHeightOfItem:h,visibleWidthOfItem:m,viewportPosition:c});return u?{visible:b}:{visible:no({itemHeight:r,itemWidth:s,threshold:a,visibleHeightOfItem:h,visibleWidthOfItem:m})||b}},so=({absolutePageIndex:e,spineItemsManager:t})=>{const i=t.items,{found:n,currentAbsolutePage:s}=i.reduce((r,a)=>{if(r.found)return r;const c=a.numberOfPages,u=e-r.currentAbsolutePage,l=r.currentAbsolutePage+c;return u<=c-1?{...r,currentAbsolutePage:l,found:{item:a,pageIndex:u}}:{...r,currentAbsolutePage:l}},{currentAbsolutePage:0});if(n)return{spineItem:n.item,pageIndex:n.pageIndex,itemIndex:t.getSpineItemIndex(n.item)??0,currentAbsolutePage:s}},Ft=({position:e,spineItemsManager:t,spineLayout:i})=>{const n=t.items.find(s=>{const{left:r,right:a,bottom:c,top:u}=i.getSpineItemSpineLayoutInfo(s),l=e.x>=r&&e.x<a,d=e.y>=u&&e.y<c;return l&&d});return e.x===0&&!n?t.items[0]:n},Lt=({spineItemPosition:e,itemLayout:{left:t,top:i}})=>new M({x:t+e.x,y:i+e.y}),ro=({position:e,threshold:t,restrictToScreen:i,spineItemsManager:n,spineLayout:s,useAbsoluteViewport:r=!0,viewport:a})=>{const c=Ft({position:e,spineItemsManager:n,spineLayout:s})||n.get(0),u=n.items.reduce((m,h)=>{const f=s.getSpineItemSpineLayoutInfo(h),b=r?a.absoluteViewport:a.relativeViewport,S=Re(e,a.absoluteViewport,b),I=X.from(S,b),{visible:P}=Ae({itemPosition:f,threshold:t,viewportPosition:I,restrictToScreen:i});return P?[...m,h]:m},[]),l=u[0]??c,d=u[u.length-1]??l;if(!l||!d)return;const g=n.getSpineItemIndex(l),p=n.getSpineItemIndex(d);return{beginIndex:g??0,endIndex:p??0}},ao=({spineItemsManager:e,context:t,spineItemLocator:i,settings:n,spineLayout:s,viewport:r})=>{const a=(h,f)=>{const{left:b,top:S}=s.getSpineItemSpineLayoutInfo(f);return new L({x:Math.max(h.x-b,0),y:Math.max(h.y-S,0)})},c=h=>Lt({spineItemPosition:new L({x:0,y:0}),itemLayout:s.getSpineItemSpineLayoutInfo(h)}),u=h=>e.items.find(f=>f.renderer.getDocumentFrame()===h),l=(h,f,b)=>{if(typeof b=="number"){const S=e.get(b);return S?i.getSpineItemPageIndexFromNode(h,f||0,S):void 0}return i.getSpineItemPageIndexFromNode(h,f||0,b)},d=({position:h,threshold:f,spineItem:b,restrictToScreen:S,useAbsoluteViewport:I=!0,viewport:P})=>{const v=b.numberOfPages,F=Array.from(Array(v)).map((O,E)=>{const Ct=i.getSpineItemPositionFromPageIndex({pageIndex:E,spineItem:b}),z=Lt({spineItemPosition:Ct,itemLayout:s.getSpineItemSpineLayoutInfo(b)});return{index:E,absolutePosition:{width:t.getPageSize().width,height:t.getPageSize().height,left:z.x,top:z.y,bottom:z.y+t.getPageSize().height,right:z.x+t.getPageSize().width}}}).reduce((O,{absolutePosition:E,index:Ct})=>{const z=I?P.absoluteViewport:P.relativeViewport,po=Re(h,P.absoluteViewport,z),ho=X.from(po,z),{visible:mo}=Ae({viewportPosition:ho,restrictToScreen:S,threshold:f,itemPosition:E});return mo?[...O,Ct]:O},[]),R=F[0],D=F[F.length-1]??R;if(!(R===void 0||D===void 0))return{beginPageIndex:R,endPageIndex:D}};return{getSpinePositionFromSpineItemPosition:({spineItem:h,spineItemPosition:f})=>{const b=s.getSpineItemSpineLayoutInfo(h);return Lt({itemLayout:b,spineItemPosition:f})},_getAbsolutePageIndexFromPageIndex:h=>io({...h,spineItemsManager:e}),getSpineInfoFromAbsolutePageIndex:h=>so({...h,spineItemsManager:e}),getSpineItemPagePositionFromSpinePosition:h=>{const f=Ft({position:h,spineItemsManager:e,spineLayout:s});if(!f)return;const b=a(h,f),S=i.getSpineItemPageIndexFromPosition({itemWidth:f.layout.layoutInfo.width,itemHeight:f.layout.layoutInfo.height,position:b,isUsingVerticalWriting:!!f.isUsingVerticalWriting()}),I=i.getSpineItemPagePositionFromSpineItemPosition(b,S,f);return{spineItem:f,spineItemPageIndex:S,spineItemPagePosition:I,pageSize:r.value.pageSize}},getSpinePositionFromSpineItem:c,getSpineItemPositionFromSpinePosition:a,getSpineItemFromPosition:h=>Ft({position:h,spineItemsManager:e,spineLayout:s}),getSpineItemFromIframe:u,getSpineItemPageIndexFromNode:l,getVisibleSpineItemsFromPosition:h=>ro({spineItemsManager:e,spineLayout:s,viewport:r,...h}),getVisiblePagesFromViewportPosition:h=>d({...h,viewport:r}),isPositionWithinSpineItem:(h,f)=>{const{bottom:b,left:S,right:I,top:P}=s.getSpineItemSpineLayoutInfo(f);return h.x>=S&&h.x<=I&&h.y<=b&&h.y>=P},spineItemLocator:i,getSafeSpineItemPositionFromUnsafeSpineItemPosition:(h,f)=>{const{height:b,width:S}=s.getSpineItemSpineLayoutInfo(f);return new L({x:Math.min(Math.max(0,h.x),S),y:Math.min(Math.max(0,h.y),b)})}}};class De extends A{constructor(t,i,n,s,r,a,c,u){super(),this.parentElement$=t,this.context=i,this.pagination=n,this.spineItemsManager=s,this.spineItemLocator=r,this.settings=a,this.hookManager=c,this.viewport=u,this.elementSubject=new o.BehaviorSubject(void 0),this.element$=this.elementSubject.asObservable(),this.spineLayout=new Qn(s,i,a,u),this.locator=ao({context:i,spineItemsManager:s,spineItemLocator:r,settings:a,spineLayout:this.spineLayout,viewport:u}),this.spineItemsLoader=new jn(this.context,s,this.locator,a,this.spineLayout),this.spineItemsObserver=new Ce(s,this.locator),this.pages=new Le(this.spineLayout,this.spineItemsManager,this.spineItemLocator,this.context,this.locator,this.viewport);const l=t.pipe(y.filter(ut.isDefined),y.tap(g=>{const p=g.ownerDocument.createElement("div");p.style.cssText=`
           height: 100%;
           position: relative;
-        `,p.className=`${B}-spine`,this.elementSubject.next(p)})),d=o.combineLatest([this.context.manifest$,this.element$]).pipe(S.tap(([g,p])=>{if(!p)return;this.spineItemsManager.destroyItems();const h=g.spineItems.map((m,f)=>new vt(m,p,this.context,this.settings,this.hookManager,f));this.spineItemsManager.addMany(h)}));o.merge(d,l).pipe(S.takeUntil(this.destroy$)).subscribe()}get element(){return this.elementSubject.getValue()}layout(){this.spineLayout.layout()}getSpineItemSpineLayoutInfo(t){return this.spineLayout.getSpineItemSpineLayoutInfo(t)}get layout$(){return this.pages.layout$}destroy(){var t;super.destroy(),this.pages.destroy(),this.spineItemsLoader.destroy(),(t=this.elementSubject.getValue())==null||t.remove(),this.elementSubject.complete()}}class Ce extends D{constructor(t,i){super(),this.context=t,this.settings=i,this.orderedSpineItemsSubject=new o.BehaviorSubject([]),this.items$=this.orderedSpineItemsSubject.asObservable()}get(t){return typeof t=="number"?this.orderedSpineItemsSubject.value[t]:typeof t=="string"?this.orderedSpineItemsSubject.value.find(({item:i})=>i.id===t):t}comparePositionOf(t,i){const n=this.getSpineItemIndex(t)??0,s=this.getSpineItemIndex(i)??0;return n>s?"after":n===s?"same":"before"}getSpineItemIndex(t){const i=t instanceof vt?t:this.get(t);if(!i)return;const n=this.orderedSpineItemsSubject.value.indexOf(i);return n<0?void 0:n}addMany(t){this.orderedSpineItemsSubject.next([...this.orderedSpineItemsSubject.getValue(),...t])}getSpineItemFromCfi(t){const{itemIndex:i}=it(t);if(i!==void 0)return this.get(i)}get items(){return this.orderedSpineItemsSubject.value}destroyItems(){this.orderedSpineItemsSubject.value.forEach(t=>t.destroy())}}class Re extends _{constructor(t){const i=document.createElement("div");i.style.cssText=`
+        `,p.className=`${B}-spine`,this.elementSubject.next(p)})),d=o.combineLatest([this.context.manifest$,this.element$]).pipe(y.tap(([g,p])=>{if(!p)return;this.spineItemsManager.destroyItems();const m=g.spineItems.map((h,f)=>new Tt(h,p,this.context,this.settings,this.hookManager,f));this.spineItemsManager.addMany(m)}));o.merge(d,l).pipe(y.takeUntil(this.destroy$)).subscribe()}get element(){return this.elementSubject.getValue()}layout(){this.spineLayout.layout()}getSpineItemSpineLayoutInfo(t){return this.spineLayout.getSpineItemSpineLayoutInfo(t)}get layout$(){return this.pages.layout$}destroy(){var t;super.destroy(),this.pages.destroy(),this.spineItemsLoader.destroy(),(t=this.elementSubject.getValue())==null||t.remove(),this.elementSubject.complete()}}class Ne extends A{constructor(t,i){super(),this.context=t,this.settings=i,this.orderedSpineItemsSubject=new o.BehaviorSubject([]),this.items$=this.orderedSpineItemsSubject.asObservable()}get(t){return typeof t=="number"?this.orderedSpineItemsSubject.value[t]:typeof t=="string"?this.orderedSpineItemsSubject.value.find(({item:i})=>i.id===t):t}comparePositionOf(t,i){const n=this.getSpineItemIndex(t)??0,s=this.getSpineItemIndex(i)??0;return n>s?"after":n===s?"same":"before"}getSpineItemIndex(t){const i=t instanceof Tt?t:this.get(t);if(!i)return;const n=this.orderedSpineItemsSubject.value.indexOf(i);return n<0?void 0:n}addMany(t){this.orderedSpineItemsSubject.next([...this.orderedSpineItemsSubject.getValue(),...t])}getSpineItemFromCfi(t){const{itemIndex:i}=ot(t);if(i!==void 0)return this.get(i)}get items(){return this.orderedSpineItemsSubject.value}destroyItems(){this.orderedSpineItemsSubject.value.forEach(t=>t.destroy())}}class Oe extends q{constructor(t){const i=document.createElement("div");i.style.cssText=`
         background-color: white;
         position: relative;
         -transform: scale(0.2);
         height: 100%;
         width: 100%;
-    `,i.className=`${B}-viewport`,super({element:i,pageSize:{width:1,height:1}}),this.context=t;const n=this.context.watch("visibleAreaRect").pipe(o.tap(()=>{this.mergeCompare({pageSize:this.calculatePageSize()})}));o.merge(n).pipe(o.takeUntil(this.destroy$)).subscribe()}calculatePageSize(){const t=this.absoluteViewport,{isUsingSpreadMode:i}=this.context.state;return{width:i?t.width/2:t.width,height:t.height}}get absoluteViewport(){const t=this.context.state.visibleAreaRect;return new Yn({width:t.width,height:t.height})}get relativeViewport(){const t=this.absoluteViewport,i=this.value.element.getBoundingClientRect(),n=((i==null?void 0:i.width)??t.width)/t.width;return new Xn({width:t.width/n,height:t.height/n})}}const jn=e=>{const t=new o.Subject,i=new re,n=new oe,s=new Un(e,n),r=new se(n,s),a=new Ce(n,s),c=new Re(n),u=n.watch("rootElement"),l=Se({context:n,settings:s}),d=new be(n,a),g=new Le(u,n,d,a,l,s,i,c),p=Vn({context:n,spineItemsManager:a,hookManager:i,spine:g,settings:s,viewport:c}),h=new we(n,d,a,g,l);p.viewportState$.subscribe(n.bridgeEvent.viewportStateSubject),p.navigation$.subscribe(n.bridgeEvent.navigationSubject),p.locker.isLocked$.subscribe(n.bridgeEvent.navigationIsLockedSubject),d.subscribe(n.bridgeEvent.paginationSubject);const m=()=>{const y=n.value.rootElement;if(!y)return;const I={width:y==null?void 0:y.offsetWidth,height:y==null?void 0:y.offsetHeight};y.style.setProperty("overflow","hidden");const v=y.getBoundingClientRect();n.update({visibleAreaRect:{x:v.x,y:v.y,width:I.width,height:I.height}}),g.layout()},f=y=>{const{containerElement:I,manifest:v}=y;if(n.manifest){C.warn("loading a new book is not supported yet");return}C.log("load",{options:y});const P=to(I);n.update({manifest:v,rootElement:P,forceSinglePageMode:s.values.forceSinglePageMode}),m()},b=()=>{a.destroy(),h.destroy(),s.destroy(),d.destroy(),n.destroy(),p.destroy(),g.destroy(),r.destroy(),t.next(),t.complete(),c.destroy()};return{context:n,spine:g,hookManager:i,cfi:{generateCfiFromRange:Gt,parseCfi:it,generateCfiForSpineItemPage:y=>tt({...y,spine:g}),resolveCfi:y=>ft({...y,spineItemsManager:a})},navigation:p,spineItemsObserver:g.spineItemsObserver,spineItemsManager:a,layout:m,load:f,destroy:b,pagination:{get state(){return d.value},get state$(){return d}},settings:s,viewport:c,element$:u,viewportState$:n.bridgeEvent.viewportState$,viewportFree$:n.bridgeEvent.viewportFree$,state$:n.manifest$.pipe(S.map(y=>y?"ready":"idle")),features:r,$:{destroy$:t}}},to=e=>(e.style.cssText=`
+    `,i.className=`${B}-viewport`,super({element:i,pageSize:{width:1,height:1}}),this.context=t;const n=this.context.watch("visibleAreaRect").pipe(o.tap(()=>{this.mergeCompare({pageSize:this.calculatePageSize()})}));o.merge(n).pipe(o.takeUntil(this.destroy$)).subscribe()}calculatePageSize(){const t=this.absoluteViewport,{isUsingSpreadMode:i}=this.context.state;return{width:i?t.width/2:t.width,height:t.height}}get absoluteViewport(){const t=this.context.state.visibleAreaRect;return new to({width:t.width,height:t.height})}get relativeViewport(){const t=this.absoluteViewport,i=this.value.element.getBoundingClientRect(),n=((i==null?void 0:i.width)??t.width)/t.width;return new eo({width:t.width/n,height:t.height/n})}}const co=e=>{const t=new o.Subject,i=new le,n=new ce,s=new xn(e,n),r=new ue(n,s),a=new Ne(n,s),c=new Oe(n),u=n.watch("rootElement"),l=Pe({context:n,settings:s}),d=new $e(n,a),g=new De(u,n,d,a,l,s,i,c),p=Yn({context:n,spineItemsManager:a,hookManager:i,spine:g,settings:s,viewport:c}),m=new Me(n,d,a,g,l);p.viewportState$.subscribe(n.bridgeEvent.viewportStateSubject),p.navigation$.subscribe(n.bridgeEvent.navigationSubject),p.locker.isLocked$.subscribe(n.bridgeEvent.navigationIsLockedSubject),d.subscribe(n.bridgeEvent.paginationSubject);const h=()=>{const S=n.value.rootElement;if(!S)return;const I={width:S==null?void 0:S.offsetWidth,height:S==null?void 0:S.offsetHeight};S.style.setProperty("overflow","hidden");const P=S.getBoundingClientRect();n.update({visibleAreaRect:{x:P.x,y:P.y,width:I.width,height:I.height}}),g.layout()},f=S=>{const{containerElement:I,manifest:P}=S;if(n.manifest){C.warn("loading a new book is not supported yet");return}C.log("load",{options:S});const v=uo(I);n.update({manifest:P,rootElement:v,forceSinglePageMode:s.values.forceSinglePageMode}),h()},b=()=>{a.destroy(),m.destroy(),s.destroy(),d.destroy(),n.destroy(),p.destroy(),g.destroy(),r.destroy(),t.next(),t.complete(),c.destroy()};return{context:n,spine:g,hookManager:i,cfi:{generateCfiFromRange:jt,parseCfi:ot,generateCfiForSpineItemPage:S=>it({...S,spine:g}),resolveCfi:S=>wt({...S,spineItemsManager:a})},navigation:p,spineItemsObserver:g.spineItemsObserver,spineItemsManager:a,layout:h,load:f,destroy:b,pagination:{get state(){return d.value},get state$(){return d}},settings:s,viewport:c,element$:u,viewportState$:n.bridgeEvent.viewportState$,viewportFree$:n.bridgeEvent.viewportFree$,state$:n.manifest$.pipe(y.map(S=>S?"ready":"idle")),features:r,$:{destroy$:t}}},uo=e=>(e.style.cssText=`
     ${e.style.cssText}
     background-color: white;
     position: relative;
-  `,e.classList.add(`${B}-reader`),e),eo=tn(Ze(Ii(on(xe(Ae(Gi(nn(an(Ni(Bt(Pi(De(en(te(Ht(qe(jn))))))))))))))))),io=e=>t=>e(t);Object.defineProperty(w,"isShallowEqual",{enumerable:!0,get:()=>$.isShallowEqual}),w.Context=oe,w.ControlledNavigationController=pe,w.DestroyableClass=D,w.DocumentRenderer=z,w.Features=se,w.HookManager=re,w.InternalNavigator=le,w.LayoutEntry=J,w.Locker=yt,w.Pages=Pe,w.Pagination=be,w.PaginationController=we,w.ResourceHandler=G,w.ResourcesLocator=Qt,w.ScrollNavigationController=he,w.SettingsManager=Ie,w.Spine=Le,w.SpineItem=vt,w.SpineItemPageLayout=qt,w.SpineItemPageSpineLayout=Yt,w.SpineItemPosition=F,w.SpineItemSpineLayout=Q,w.SpineItemsManager=Ce,w.SpineItemsObserver=$e,w.SpinePosition=T,w.UnsafeSpinePosition=j,w.Viewport=Re,w.consolidate=Jt,w.createReader=eo,w.deferIdle=ht,w.deferNextResult=Ot,w.generateCfiForSpineItemPage=tt,w.generateCfiFromRange=Gt,w.generateRootCfi=H,w.getAttributeValueFromString=at,w.getFrameViewportInfo=x,w.getItemAnchor=Oi,w.htmlEnhancer=Bt,w.idle=pt,w.injectCSS=Mt,w.isHtmlElement=lt,w.isHtmlTagElement=Nt,w.isRootCfi=et,w.layoutEnhancer=Ht,w.mapKeysTo=gt,w.observeIntersection=kt,w.observeMutation=mt,w.observeResize=q,w.paginationEnhancer=te,w.parseCfi=it,w.removeCSS=Tt,w.resolveCfi=ft,w.rootEnhancer=io,w.spinePositionToSpineItemSpineLayout=ve,w.upsertCSSToFrame=O,w.waitForFrameLoad=Ft,w.waitForFrameReady=Lt,w.waitForSwitch=Y,w.watchKeys=Z,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
+  `,e.classList.add(`${B}-reader`),e),lo=un(je(Ci(gn(Qe(Ue(on(dn(mn(Hi(Yt(Ai(Ve(ln(oe(Zt(Ze(co))))))))))))))))),go=e=>t=>e(t);Object.defineProperty(w,"isShallowEqual",{enumerable:!0,get:()=>$.isShallowEqual}),w.AbstractSpinePosition=bt,w.Context=ce,w.ControlledNavigationController=Se,w.DestroyableClass=A,w.DocumentRenderer=H,w.Features=ue,w.HookManager=le,w.InternalNavigator=he,w.LayoutEntry=j,w.Locker=Pt,w.Pages=Le,w.Pagination=$e,w.PaginationController=Me,w.ResourceHandler=J,w.ResourcesLocator=ie,w.ScrollNavigationController=ye,w.SettingsManager=Te,w.Spine=De,w.SpineItem=Tt,w.SpineItemPageLayout=xt,w.SpineItemPageSpineLayout=Xt,w.SpineItemPosition=L,w.SpineItemSpineLayout=et,w.SpineItemsManager=Ne,w.SpineItemsObserver=Ce,w.SpinePosition=M,w.UnsafeSpineItemPagePosition=tt,w.UnsafeSpinePosition=x,w.Viewport=Oe,w.consolidate=ee,w.createReader=lo,w.deferIdle=St,w.deferNextResult=Et,w.generateCfiForSpineItemPage=it,w.generateCfiFromRange=jt,w.generateRootCfi=_,w.getAttributeValueFromString=lt,w.getFrameViewportInfo=Z,w.getItemAnchor=Bi,w.htmlEnhancer=Yt,w.idle=ft,w.injectCSS=Rt,w.isHtmlElement=pt,w.isHtmlTagElement=Wt,w.isRootCfi=nt,w.layoutEnhancer=Zt,w.mapKeysTo=mt,w.observeIntersection=Ge,w.observeMutation=yt,w.observeResize=K,w.paginationEnhancer=oe,w.parseCfi=ot,w.removeCSS=At,w.resolveCfi=wt,w.rootEnhancer=go,w.spinePositionToSpineItemSpineLayout=Fe,w.upsertCSSToFrame=N,w.waitForFrameLoad=Dt,w.waitForFrameReady=Nt,w.waitForSwitch=Y,w.watchKeys=G,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=index.umd.cjs.map