@prose-reader/core 1.248.0 → 1.250.0

package/dist/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(I,i){typeof exports=="object"&&typeof module<"u"?i(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"],i):(I=typeof globalThis<"u"?globalThis:I||self,i(I.prose={},I.rxjs,I.shared,I.operators,I.cfi,I.reactjrx))})(this,function(I,i,$,b,k,ae){"use strict";const ce=(n,e)=>{const t=new RegExp(`${e}\\s*=\\s*([0-9.]+)`,"i"),o=n.match(t)||[],s=o[1]||"0";return o&&Number.parseFloat(s)||0},Re=(n,e,t,o)=>{if(!n?.contentDocument?.head)return;const s=n.contentDocument.createElement("style");s.id=e,s.innerHTML=t,o?n.contentDocument.head.prepend(s):n.contentDocument.head.appendChild(s)},kt=(n,e)=>{if(n?.contentDocument?.head){const t=n.contentDocument.getElementById(e);t&&t.remove()}},D=(n,e,t,o)=>{if(!n)return;const s=n?.contentDocument?.getElementById(e);if(s){s.innerHTML=t;return}Re(n,e,t,o)},Y=n=>{if(n?.contentDocument){const t=n.contentDocument.querySelector("meta[name='viewport']");if(t){const o=t.getAttribute("content");if(o){const s=ce(o,"width"),r=ce(o,"height");return s>0&&r>0?{hasViewport:!0,width:s,height:r}:{hasViewport:!0}}}}return{hasViewport:!1}},Ae=n=>n.pipe(i.switchMap(e=>e.src==="about:blank"&&e.contentDocument?.readyState==="complete"&&e.contentDocument.body?i.of(e):i.fromEvent(e,"load").pipe(i.take(1),i.map(()=>e)))),De=n=>n.pipe(i.switchMap(e=>{const t=e?.contentDocument?.fonts.ready;return t?i.from(t).pipe(i.map(()=>e)):i.of(void 0)})),Ut=n=>e=>{const t=n(e),o=new IntersectionObserver(s=>{s.forEach(r=>{r.isIntersecting?r.target.removeAttribute("tab-index"):r.target.setAttribute("tab-index","-1")})},{});return t.hookManager.register("item.onDocumentLoad",({itemId:s,destroy:r})=>{const a=t.spineItemsManager.get(s);if(!a)return;const c=a.renderer.getDocumentFrame();if(!c)return;D(c,"prose-reader-accessibility",`
+(function(I,i){typeof exports=="object"&&typeof module<"u"?i(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"],i):(I=typeof globalThis<"u"?globalThis:I||self,i(I.prose={},I.rxjs,I.shared,I.operators,I.cfi,I.reactjrx))})(this,function(I,i,$,b,k,ae){"use strict";const ce=(n,e)=>{const t=new RegExp(`${e}\\s*=\\s*([0-9.]+)`,"i"),o=n.match(t)||[],s=o[1]||"0";return o&&Number.parseFloat(s)||0},Re=(n,e,t,o)=>{if(!n?.contentDocument?.head)return;const s=n.contentDocument.createElement("style");s.id=e,s.innerHTML=t,o?n.contentDocument.head.prepend(s):n.contentDocument.head.appendChild(s)},kt=(n,e)=>{if(n?.contentDocument?.head){const t=n.contentDocument.getElementById(e);t&&t.remove()}},A=(n,e,t,o)=>{if(!n)return;const s=n?.contentDocument?.getElementById(e);if(s){s.innerHTML=t;return}Re(n,e,t,o)},Y=n=>{if(n?.contentDocument){const t=n.contentDocument.querySelector("meta[name='viewport']");if(t){const o=t.getAttribute("content");if(o){const s=ce(o,"width"),r=ce(o,"height");return s>0&&r>0?{hasViewport:!0,width:s,height:r}:{hasViewport:!0}}}}return{hasViewport:!1}},De=n=>n.pipe(i.switchMap(e=>e.src==="about:blank"&&e.contentDocument?.readyState==="complete"&&e.contentDocument.body?i.of(e):i.fromEvent(e,"load").pipe(i.take(1),i.map(()=>e)))),Ae=n=>n.pipe(i.switchMap(e=>{const t=e?.contentDocument?.fonts.ready;return t?i.from(t).pipe(i.map(()=>e)):i.of(void 0)})),Ut=n=>e=>{const t=n(e),o=new IntersectionObserver(s=>{s.forEach(r=>{r.isIntersecting?r.target.removeAttribute("tab-index"):r.target.setAttribute("tab-index","-1")})},{});return t.hookManager.register("item.onDocumentLoad",({itemId:s,destroy:r})=>{const a=t.spineItemsManager.get(s);if(!a)return;const c=a.renderer.getDocumentFrame();if(!c)return;A(c,"prose-reader-accessibility",`
               :focus-visible {
                 
                 outline: -webkit-focus-ring-color auto 1px;
@@ -11,7 +11,7 @@
       ${l.values.fontWeight!=="publisher"?`font-weight: ${l.values.fontWeight} !important;`:""}
       ${l.values.fontJustification!=="publisher"?`text-align: ${l.values.fontJustification} !important;`:""}
     }
-  `,p=h=>{c.spineItemsManager.items.forEach(m=>{if(m.renditionLayout!=="pre-paginated"){const g=m.renderer.getDocumentFrame();g&&D(g,"prose-reader-fonts",u())}}),h&&c.layout()};c.hookManager.register("item.onDocumentLoad",({itemId:h})=>{const m=c.spineItemsManager.get(h);if(m?.renditionLayout!=="pre-paginated"){const g=m?.renderer.getDocumentFrame();g&&D(g,"prose-reader-fonts",u())}});const d=h=>h.pipe(b.pairwise(),i.map(([m,g])=>g.fontScale!==m.fontScale||g.lineHeight!==m.lineHeight));return l.values$.pipe(d,b.tap(p),i.takeUntil(c.$.destroy$)).subscribe(),{...c,destroy:()=>{a.complete(),l.destroy(),c.destroy()},settings:l}},on=n=>e=>{const t=n(e),o=s=>i.fromEvent(s,"keyup").pipe(i.withLatestFrom(t.settings.values$),i.map(([r,{pageTurnDirection:a}])=>{if(a==="horizontal"){if(r.key==="ArrowRight")return t.navigation.turnRight();if(r.key==="ArrowLeft")return t.navigation.turnLeft()}if(a==="vertical"){if(r.key==="ArrowDown")return t.navigation.turnRight();if(r.key==="ArrowUp")return t.navigation.turnLeft()}return r}));return o(document).pipe(i.takeUntil(t.$.destroy$)).subscribe(),t.spineItemsManager.items$.pipe(i.switchMap(s=>i.merge(...s.map(r=>r.watch("isLoaded").pipe(i.switchMap(()=>{const a=r.renderer.getDocumentFrame();return a instanceof HTMLIFrameElement&&a?.contentDocument?o(a.contentDocument):i.EMPTY}))))),i.takeUntil(t.$.destroy$)).subscribe(),t},sn=n=>n.spine.spineItemsManager.items$.pipe(i.switchMap(e=>i.merge(...e.map(t=>t.watch("isLoaded").pipe(i.switchMap(()=>{const o=t.renderer.getDocumentFrame();if(!o||!o?.contentDocument)return i.NEVER;const r=Array.from(o.contentDocument.querySelectorAll("a")).map(a=>i.fromEvent(a,"click"));return i.merge(...r)}))))),i.tap(e=>{e.preventDefault()}),i.share());class C{constructor(){this.isDestroyed=!1,this.destroySubject=new i.Subject,this.destroy$=this.destroySubject.asObservable()}destroy(){this.isDestroyed||(this.isDestroyed=!0,this.destroySubject.next(),this.destroySubject.complete())}}const se=class se extends C{constructor(e){super(),this.triggerSubject=new i.Subject,this.stateSubject=new i.BehaviorSubject("idle"),this.unload$=this.triggerSubject.pipe(i.withLatestFrom(this.stateSubject),i.filter(([s,r])=>s.type==="unload"&&r!=="idle"&&r!=="unloading"),i.map(()=>{}),i.share()),this.load$=this.triggerSubject.pipe(i.withLatestFrom(this.stateSubject),i.filter(([s,r])=>s.type==="load"&&r!=="loaded"&&r!=="loading"),i.map(()=>{}),i.share()),this.context=e.context,this.settings=e.settings,this.hookManager=e.hookManager,this.item=e.item,this.containerElement=e.containerElement,this.resourcesHandler=e.resourcesHandler,this.viewport=e.viewport;const t=this.triggerSubject.pipe(i.withLatestFrom(this.stateSubject),i.filter(([s,r])=>s.type==="unload"&&r!=="idle"&&r!=="unloading"),i.map(()=>{}),i.share());this.loaded$=this.load$.pipe(i.switchMap(()=>(this.stateSubject.next("loading"),this.onCreateDocument().pipe(i.first()).pipe(i.mergeMap(r=>(this.hookManager.execute("item.onDocumentCreated",this.item.id,{itemId:this.item.id,documentContainer:r}),this.onLoadDocument().pipe(i.endWith(null),i.first()).pipe(q(this.context.bridgeEvent.viewportFree$),i.switchMap(()=>{const c=this.hookManager.execute("item.onDocumentLoad",this.item.id,{itemId:this.item.id,documentContainer:r}).filter(l=>l instanceof i.Observable);return i.combineLatest([i.of(null),...c]).pipe(i.first())})))),i.map(()=>{this.stateSubject.next("loaded")}),i.takeUntil(t)))),i.share());const o=t.pipe(i.switchMap(()=>(this.stateSubject.next("unloading"),this.context.bridgeEvent.viewportFree$.pipe(i.first(),i.tap(()=>{this.hookManager.destroy("item.onDocumentLoad",this.item.id)}),i.switchMap(()=>this.onUnload().pipe(i.endWith(null),i.first())),i.tap(()=>{this.stateSubject.next("idle")}),i.takeUntil(this.load$)))));i.merge(this.unload$,o).pipe(i.takeUntil(this.destroy$)).subscribe()}setDocumentContainer(e){this._documentContainer=e,this._documentContainer.classList.add(se.DOCUMENT_CONTAINER_CLASS_NAME)}attach(){this.documentContainer&&this.containerElement.appendChild(this.documentContainer)}detach(){this._documentContainer?.remove(),this._documentContainer=void 0}get state$(){return this.stateSubject}get isLoaded$(){return this.state$.pipe(i.map(e=>e==="loaded"))}load(){this.triggerSubject.next({type:"load"})}unload(){this.triggerSubject.next({type:"unload"})}renderHeadless(){const e=new i.Subject;return i.defer(()=>this.onRenderHeadless({release:e})).pipe(i.endWith(void 0),i.first(),i.map(t=>{if(t)return{doc:t,release:()=>{e.next(void 0)}}}),i.finalize(()=>{e.complete()}),i.catchError(t=>(L.error(t),i.of(void 0))))}layout(e){return i.defer(()=>this.onLayout(e))}destroy(){this.unload(),this.stateSubject.complete(),super.destroy()}get documentContainer(){return this._documentContainer}get writingMode(){}get readingDirection(){}get renditionLayout(){const e=this.item.renditionLayout;if(e)return e;const t=this.getDocumentFrame();if(t){const{hasViewport:o}=Y(t);if(o)return"pre-paginated"}return this.context.manifest?.renditionLayout??"reflowable"}};se.DOCUMENT_CONTAINER_CLASS_NAME="prose-reader-document-container";let x=se;const rn=n=>new URL(n.href);class J{constructor(e,t){this.item=e,this.settings=t}async getResource(){return await i.lastValueFrom(this.settings.values.getResource?.(this.item)??i.of(void 0))??rn(this.item)}async fetchResource(){const e=await this.getResource();return e instanceof Response?e:e instanceof URL?fetch(e):e}}const ze=(n,e)=>{const t=n.startsWith("file://"),o=t?n.replace("file://","http://"):n,s=new URL(e,o).toString();return t?s.replace("http://","file://"):s},an=async(n,e,t,o,s)=>{if(!n||!n.defaultView)return;const r=e.sheet;if(r)try{const a=Array.from(r.cssRules||[]);for(let c=0;c<a.length;c++){const l=a[c];if(n.defaultView&&l instanceof n.defaultView.CSSFontFaceRule){const u=l.style.getPropertyValue("src");if(u.match(/url\(['"]?([^'"]+)['"]?\)/g)){const d=u.split(",").map(g=>g.trim()),h=await Promise.all(d.map(async g=>{if(g.startsWith("local("))return g;const f=g.match(/url\(['"]?([^'"]+)['"]?\)/);if(!f)return g;const y=f[1]??"",S=o.manifest?.items.find(({href:w})=>`${ze(t,y).toLowerCase()}`.endsWith(`${w.toLowerCase()}`));if(S){const w=new J(S,s);try{const v=await w.getResource();if(v instanceof Response){const T=await v.blob(),P=n.defaultView?.URL.createObjectURL(T);return g.replace(f[0],`url("${P}")`)}}catch(v){console.error("Error loading font:",v)}}return g})),m=l.cssText.replace(/src:\s*[^;]+;/,`src: ${h.join(", ")};`);r.deleteRule(c),r.insertRule(m,c)}}}}catch(a){console.error("Could not access stylesheet rules:",a)}},cn=(n,e,t,o,s)=>{const r=e.getAttribute("src")||e.getAttribute("href");if(!r)return i.of(null);const a=o.manifest?.items.find(({href:l})=>`${ze(t,r).toLowerCase()}`.endsWith(`${l.toLowerCase()}`));if(!a)return i.of(null);const c=new J(a,s);return i.from(c.getResource()).pipe(i.mergeMap(l=>l instanceof Response?i.from(l.blob()):i.of(void 0)),i.mergeMap(l=>{if(!l)return i.of(null);const u=n?.defaultView?.URL.createObjectURL(l)??"";if(e.hasAttribute("src"))e.setAttribute("src",u);else if(e.hasAttribute("href")&&(e.setAttribute("href",u),n?.defaultView&&e instanceof n.defaultView.HTMLLinkElement))return new i.Observable(p=>{e.onload=async()=>{try{e.sheet&&await an(n,e,t,o,s),p.next(),p.complete()}catch(d){p.error(d)}},e.onerror=p.error});return i.of(null)}))},ln=({settings:n,item:e,context:t})=>o=>o.pipe(i.switchMap(s=>{const r=Ne(s.contentDocument),a=$.getParentPath(e.href),c=r.map(l=>cn(s.contentDocument,l,a,t,n));return i.combineLatest(c).pipe(i.map(()=>s))})),un=n=>{Gt(n?.contentDocument)},pn="@prose-reader/core",dn=0,gn=200,_e=[".xhtml",".html",".htm"],U="prose-reader",Be=`data-${U}-id`,He=`${U}-viewport`,hn=async(n,e)=>{if(typeof n=="string")return n;const t=$.parseContentType(n.headers.get("Content-Type")||"")||$.detectMimeTypeFromName(e.href);if(["image/jpg","image/jpeg","image/png","image/webp"].some(s=>s===t)){const s=await n.blob(),r=URL.createObjectURL(s),a=await createImageBitmap(s),{width:c,height:l}={width:a.width,height:a.height};return a.close(),`
+  `,p=h=>{c.spineItemsManager.items.forEach(m=>{if(m.renditionLayout!=="pre-paginated"){const g=m.renderer.getDocumentFrame();g&&A(g,"prose-reader-fonts",u())}}),h&&c.layout()};c.hookManager.register("item.onDocumentLoad",({itemId:h})=>{const m=c.spineItemsManager.get(h);if(m?.renditionLayout!=="pre-paginated"){const g=m?.renderer.getDocumentFrame();g&&A(g,"prose-reader-fonts",u())}});const d=h=>h.pipe(b.pairwise(),i.map(([m,g])=>g.fontScale!==m.fontScale||g.lineHeight!==m.lineHeight));return l.values$.pipe(d,b.tap(p),i.takeUntil(c.$.destroy$)).subscribe(),{...c,destroy:()=>{a.complete(),l.destroy(),c.destroy()},settings:l}},on=n=>e=>{const t=n(e),o=s=>i.fromEvent(s,"keyup").pipe(i.map(r=>{const{pageTurnDirection:a,computedPageTurnMode:c}=t.settings.values;if(c==="scrollable")return r;if(a==="horizontal"){if(r.key==="ArrowRight")return t.navigation.turnRight();if(r.key==="ArrowLeft")return t.navigation.turnLeft()}if(a==="vertical"){if(r.key==="ArrowDown")return t.navigation.turnRight();if(r.key==="ArrowUp")return t.navigation.turnLeft()}return r}));return o(document).pipe(i.takeUntil(t.$.destroy$)).subscribe(),t.spineItemsManager.items$.pipe(i.switchMap(s=>i.merge(...s.map(r=>r.watch("isLoaded").pipe(i.switchMap(()=>{const a=r.renderer.getDocumentFrame();return a instanceof HTMLIFrameElement&&a?.contentDocument?o(a.contentDocument):i.EMPTY}))))),i.takeUntil(t.$.destroy$)).subscribe(),t},sn=n=>n.spine.spineItemsManager.items$.pipe(i.switchMap(e=>i.merge(...e.map(t=>t.watch("isLoaded").pipe(i.switchMap(()=>{const o=t.renderer.getDocumentFrame();if(!o||!o?.contentDocument)return i.NEVER;const r=Array.from(o.contentDocument.querySelectorAll("a")).map(a=>i.fromEvent(a,"click"));return i.merge(...r)}))))),i.tap(e=>{e.preventDefault()}),i.share());class C{constructor(){this.isDestroyed=!1,this.destroySubject=new i.Subject,this.destroy$=this.destroySubject.asObservable()}destroy(){this.isDestroyed||(this.isDestroyed=!0,this.destroySubject.next(),this.destroySubject.complete())}}const se=class se extends C{constructor(e){super(),this.triggerSubject=new i.Subject,this.stateSubject=new i.BehaviorSubject("idle"),this.unload$=this.triggerSubject.pipe(i.withLatestFrom(this.stateSubject),i.filter(([s,r])=>s.type==="unload"&&r!=="idle"&&r!=="unloading"),i.map(()=>{}),i.share()),this.load$=this.triggerSubject.pipe(i.withLatestFrom(this.stateSubject),i.filter(([s,r])=>s.type==="load"&&r!=="loaded"&&r!=="loading"),i.map(()=>{}),i.share()),this.context=e.context,this.settings=e.settings,this.hookManager=e.hookManager,this.item=e.item,this.containerElement=e.containerElement,this.resourcesHandler=e.resourcesHandler,this.viewport=e.viewport;const t=this.triggerSubject.pipe(i.withLatestFrom(this.stateSubject),i.filter(([s,r])=>s.type==="unload"&&r!=="idle"&&r!=="unloading"),i.map(()=>{}),i.share());this.loaded$=this.load$.pipe(i.switchMap(()=>(this.stateSubject.next("loading"),this.onCreateDocument().pipe(i.first()).pipe(i.mergeMap(r=>(this.hookManager.execute("item.onDocumentCreated",this.item.id,{itemId:this.item.id,documentContainer:r}),this.onLoadDocument().pipe(i.endWith(null),i.first()).pipe(q(this.context.bridgeEvent.viewportFree$),i.switchMap(()=>{const c=this.hookManager.execute("item.onDocumentLoad",this.item.id,{itemId:this.item.id,documentContainer:r}).filter(l=>l instanceof i.Observable);return i.combineLatest([i.of(null),...c]).pipe(i.first())})))),i.map(()=>{this.stateSubject.next("loaded")}),i.takeUntil(t)))),i.share());const o=t.pipe(i.switchMap(()=>(this.stateSubject.next("unloading"),this.context.bridgeEvent.viewportFree$.pipe(i.first(),i.tap(()=>{this.hookManager.destroy("item.onDocumentLoad",this.item.id)}),i.switchMap(()=>this.onUnload().pipe(i.endWith(null),i.first())),i.tap(()=>{this.stateSubject.next("idle")}),i.takeUntil(this.load$)))));i.merge(this.unload$,o).pipe(i.takeUntil(this.destroy$)).subscribe()}setDocumentContainer(e){this._documentContainer=e,this._documentContainer.classList.add(se.DOCUMENT_CONTAINER_CLASS_NAME)}attach(){this.documentContainer&&this.containerElement.appendChild(this.documentContainer)}detach(){this._documentContainer?.remove(),this._documentContainer=void 0}get state$(){return this.stateSubject}get isLoaded$(){return this.state$.pipe(i.map(e=>e==="loaded"))}load(){this.triggerSubject.next({type:"load"})}unload(){this.triggerSubject.next({type:"unload"})}renderHeadless(){const e=new i.Subject;return i.defer(()=>this.onRenderHeadless({release:e})).pipe(i.endWith(void 0),i.first(),i.map(t=>{if(t)return{doc:t,release:()=>{e.next(void 0)}}}),i.finalize(()=>{e.complete()}),i.catchError(t=>(L.error(t),i.of(void 0))))}layout(e){return i.defer(()=>this.onLayout(e))}destroy(){this.unload(),this.stateSubject.complete(),super.destroy()}get documentContainer(){return this._documentContainer}get writingMode(){}get readingDirection(){}get renditionLayout(){const e=this.item.renditionLayout;if(e)return e;const t=this.getDocumentFrame();if(t){const{hasViewport:o}=Y(t);if(o)return"pre-paginated"}return this.context.manifest?.renditionLayout??"reflowable"}};se.DOCUMENT_CONTAINER_CLASS_NAME="prose-reader-document-container";let x=se;const rn=n=>new URL(n.href);class J{constructor(e,t){this.item=e,this.settings=t}async getResource(){return await i.lastValueFrom(this.settings.values.getResource?.(this.item)??i.of(void 0))??rn(this.item)}async fetchResource(){const e=await this.getResource();return e instanceof Response?e:e instanceof URL?fetch(e):e}}const ze=(n,e)=>{const t=n.startsWith("file://"),o=t?n.replace("file://","http://"):n,s=new URL(e,o).toString();return t?s.replace("http://","file://"):s},an=async(n,e,t,o,s)=>{if(!n||!n.defaultView)return;const r=e.sheet;if(r)try{const a=Array.from(r.cssRules||[]);for(let c=0;c<a.length;c++){const l=a[c];if(n.defaultView&&l instanceof n.defaultView.CSSFontFaceRule){const u=l.style.getPropertyValue("src");if(u.match(/url\(['"]?([^'"]+)['"]?\)/g)){const d=u.split(",").map(g=>g.trim()),h=await Promise.all(d.map(async g=>{if(g.startsWith("local("))return g;const f=g.match(/url\(['"]?([^'"]+)['"]?\)/);if(!f)return g;const y=f[1]??"",S=o.manifest?.items.find(({href:w})=>`${ze(t,y).toLowerCase()}`.endsWith(`${w.toLowerCase()}`));if(S){const w=new J(S,s);try{const v=await w.getResource();if(v instanceof Response){const T=await v.blob(),P=n.defaultView?.URL.createObjectURL(T);return g.replace(f[0],`url("${P}")`)}}catch(v){console.error("Error loading font:",v)}}return g})),m=l.cssText.replace(/src:\s*[^;]+;/,`src: ${h.join(", ")};`);r.deleteRule(c),r.insertRule(m,c)}}}}catch(a){console.error("Could not access stylesheet rules:",a)}},cn=(n,e,t,o,s)=>{const r=e.getAttribute("src")||e.getAttribute("href");if(!r)return i.of(null);const a=o.manifest?.items.find(({href:l})=>`${ze(t,r).toLowerCase()}`.endsWith(`${l.toLowerCase()}`));if(!a)return i.of(null);const c=new J(a,s);return i.from(c.getResource()).pipe(i.mergeMap(l=>l instanceof Response?i.from(l.blob()):i.of(void 0)),i.mergeMap(l=>{if(!l)return i.of(null);const u=n?.defaultView?.URL.createObjectURL(l)??"";if(e.hasAttribute("src"))e.setAttribute("src",u);else if(e.hasAttribute("href")&&(e.setAttribute("href",u),n?.defaultView&&e instanceof n.defaultView.HTMLLinkElement))return new i.Observable(p=>{e.onload=async()=>{try{e.sheet&&await an(n,e,t,o,s),p.next(),p.complete()}catch(d){p.error(d)}},e.onerror=p.error});return i.of(null)}))},ln=({settings:n,item:e,context:t})=>o=>o.pipe(i.switchMap(s=>{const r=Ne(s.contentDocument),a=$.getParentPath(e.href),c=r.map(l=>cn(s.contentDocument,l,a,t,n));return i.combineLatest(c).pipe(i.map(()=>s))})),un=n=>{Gt(n?.contentDocument)},pn="@prose-reader/core",dn=0,gn=200,_e=[".xhtml",".html",".htm"],U="prose-reader",Be=`data-${U}-id`,He=`${U}-viewport`,hn=async(n,e)=>{if(typeof n=="string")return n;const t=$.parseContentType(n.headers.get("Content-Type")||"")||$.detectMimeTypeFromName(e.href);if(["image/jpg","image/jpeg","image/png","image/webp"].some(s=>s===t)){const s=await n.blob(),r=URL.createObjectURL(s),a=await createImageBitmap(s),{width:c,height:l}={width:a.width,height:a.height};return a.close(),`
       <html>
         <head>
           ${e.renditionLayout==="pre-paginated"?`<meta name="viewport" content="width=${c}, height=${l}">`:""}
@@ -94,7 +94,7 @@
           object-fit:contain;
         `}
       }
-    `,yn=({pageHeight:n,pageWidth:e})=>({columnHeight:n,columnWidth:e}),Xe=(n,e)=>{n.style.width=`${e.width}px`,n.style.height=`${e.height}px`},bn=({minPageSpread:n,blankPagePosition:e,spreadPosition:t,pageHeight:o,pageWidth:s,frameElement:r,isRTL:a,enableTouch:c})=>{const l=n*s;if(r?.contentDocument&&r?.contentWindow){const{viewportDimensions:u,computedScale:p=1}=qe({frameElement:r,pageHeight:o,pageWidth:s})??{},d=s,h=o,m=Sn({...yn({pageHeight:o,pageWidth:s}),enableTouch:c,spreadPosition:t},u);if(D(r,"prose-reader-css",m),u?Xe(r,{width:u.width??1,height:u.height??1}):Xe(r,{width:d,height:h}),u){r?.style.setProperty("position","absolute"),r?.style.setProperty("top","50%"),t==="left"?(r?.style.setProperty("right","0"),r?.style.removeProperty("left")):e==="before"&&a?(r?.style.setProperty("right","50%"),r?.style.removeProperty("left")):t==="right"?(r?.style.setProperty("left","0"),r?.style.removeProperty("right")):(r?.style.setProperty("left",e==="before"?a?"25%":"75%":e==="after"?a?"75%":"25%":"50%"),r?.style.removeProperty("right"));const g=t!=="none"?"0":"-50%",f=t==="right"&&e!=="before"?"left":t==="left"||e==="before"&&a?"right":"center";r?.style.setProperty("transform",`translate(${g}, -50%) scale(${p})`),r?.style.setProperty("transform-origin",`${f} center`)}else e==="before"?a?r?.style.setProperty("margin-right",`${s}px`):r?.style.setProperty("margin-left",`${s}px`):(r?.style.removeProperty("margin-left"),r?.style.removeProperty("margin-right"));return{width:l,height:h}}return{width:l,height:o}},In=()=>`
+    `,yn=({pageHeight:n,pageWidth:e})=>({columnHeight:n,columnWidth:e}),Xe=(n,e)=>{n.style.width=`${e.width}px`,n.style.height=`${e.height}px`},bn=({minPageSpread:n,blankPagePosition:e,spreadPosition:t,pageHeight:o,pageWidth:s,frameElement:r,isRTL:a,enableTouch:c})=>{const l=n*s;if(r?.contentDocument&&r?.contentWindow){const{viewportDimensions:u,computedScale:p=1}=qe({frameElement:r,pageHeight:o,pageWidth:s})??{},d=s,h=o,m=Sn({...yn({pageHeight:o,pageWidth:s}),enableTouch:c,spreadPosition:t},u);if(A(r,"prose-reader-css",m),u?Xe(r,{width:u.width??1,height:u.height??1}):Xe(r,{width:d,height:h}),u){r?.style.setProperty("position","absolute"),r?.style.setProperty("top","50%"),t==="left"?(r?.style.setProperty("right","0"),r?.style.removeProperty("left")):e==="before"&&a?(r?.style.setProperty("right","50%"),r?.style.removeProperty("left")):t==="right"?(r?.style.setProperty("left","0"),r?.style.removeProperty("right")):(r?.style.setProperty("left",e==="before"?a?"25%":"75%":e==="after"?a?"75%":"25%":"50%"),r?.style.removeProperty("right"));const g=t!=="none"?"0":"-50%",f=t==="right"&&e!=="before"?"left":t==="left"||e==="before"&&a?"right":"center";r?.style.setProperty("transform",`translate(${g}, -50%) scale(${p})`),r?.style.setProperty("transform-origin",`${f} center`)}else e==="before"?a?r?.style.setProperty("margin-right",`${s}px`):r?.style.setProperty("margin-left",`${s}px`):(r?.style.removeProperty("margin-left"),r?.style.removeProperty("margin-right"));return{width:l,height:h}}return{width:l,height:o}},In=()=>`
       ${xe()}
       html {
         width: 100%;
@@ -195,16 +195,16 @@
       td {
         max-width: ${t}px;
       }
-    `,Pn=({isUsingVerticalWriting:n,minimumWidth:e,pageHeight:t,pageWidth:o})=>{let a=o-0;const c=t-0*2;let l=o-0*2;return n&&(l=e-0*2,a=c),{columnHeight:c,columnWidth:a,width:l}},K=(n,e)=>{n.style.width=`${e.width}px`,n.style.height=`${e.height}px`},$n=({pageHeight:n,pageWidth:e,frameElement:t,manifest:o,minPageSpread:s,isRTL:r,blankPagePosition:a,isImageType:c,enableTouch:l,isUsingVerticalWriting:u})=>{const p=s*e,d=o?.renditionLayout==="reflowable"&&o?.renditionFlow==="scrolled-continuous",h=d?Math.min(400,n):n;t?.style.setProperty("width",`${e}px`),d?t?.style.removeProperty("height"):t?.style.setProperty("height",`${h}px`);const{viewportDimensions:m,computedScale:g=1}=qe({frameElement:t,pageHeight:h,pageWidth:e})??{},f=o?.renditionLayout==="pre-paginated";if(t?.contentDocument&&t?.contentWindow&&t.contentDocument.body){let y=e,S=h;if(m?.hasViewport)D(t,"prose-reader-html-renderer-framce-css",In()),K(t,{width:m.width??1,height:m.height??1}),t?.style.setProperty("position","absolute"),t?.style.setProperty("top","50%"),t?.style.setProperty("left",a==="before"?r?"25%":"75%":a==="after"?r?"75%":"25%":"50%"),t?.style.setProperty("transform",`translate(-50%, -50%) scale(${g})`),t?.style.setProperty("transform-origin","center center");else{const v=c?wn({isScrollable:o?.renditionFlow==="scrolled-continuous",enableTouch:l}):vn(Pn({isUsingVerticalWriting:u,minimumWidth:p,pageHeight:h,pageWidth:e}));if(D(t,"prose-reader-css",v,!0),u)S=Math.ceil(t.contentDocument.documentElement.scrollHeight/h)*h,K(t,{width:p,height:S});else if(o?.renditionFlow==="scrolled-continuous")S=t.contentDocument.body.scrollHeight,K(t,{width:p,height:S});else{const T=Math.ceil(t.contentDocument.documentElement.scrollWidth/e);f?y=e:y=T*e,K(t,{width:y,height:S})}}return y%p===0?t?.style.setProperty("margin-left","0px"):(y=y+e,r&&!u&&t?.style.setProperty("margin-left",`${e}px`)),{width:y,height:S}}};class Tn extends x{constructor(){super(...arguments),this.isImageType=()=>!!(this.item.mediaType??$.detectMimeTypeFromName(this.item.href))?.startsWith("image/")}onCreateDocument(){const e=fn();return this.setDocumentContainer(e),i.of(e)}onLoadDocument(){const e=this.getFrameElement();if(!e)throw new Error("invalid frame");return i.of(e).pipe(mn({item:this.item,resourcesHandler:this.resourcesHandler,settings:this.settings}),q(this.context.bridgeEvent.viewportFree$),i.tap(()=>{this.attach()}),Ae,ln({context:this.context,item:this.item,settings:this.settings}),De)}onUnload(){return un(this.getFrameElement()),this.detach(),i.EMPTY}onLayout({minPageSpread:e,blankPagePosition:t,spreadPosition:o}){const{width:s,height:r}=this.viewport.pageSize,a=this.getFrameElement();if(!a)return i.of(void 0);const c=!!this.writingMode?.startsWith("vertical");if(this.item.renditionLayout==="pre-paginated"||!this.item.renditionLayout&&this.context.manifest?.renditionLayout==="pre-paginated"){const u=bn({blankPagePosition:t,enableTouch:this.settings.values.computedPageTurnMode!=="scrollable",frameElement:a,isRTL:this.context.isRTL(),minPageSpread:e,pageHeight:r,pageWidth:s,spreadPosition:o});return i.of(u)}const l=$n({pageHeight:r,pageWidth:s,frameElement:a,manifest:this.context.manifest,blankPagePosition:t,isUsingVerticalWriting:c,isRTL:this.context.isRTL(),minPageSpread:e,isImageType:this.isImageType(),enableTouch:this.settings.values.computedPageTurnMode!=="scrollable"});return i.of(l)}onRenderHeadless(){return i.from(this.resourcesHandler.fetchResource()).pipe(i.switchMap(e=>{if(e instanceof Response){const t=e.headers.get("content-type")??"";if(["application/xhtml+xml","application/xml","text/html","text/xml"].includes(t))return i.from(e.text()).pipe(i.map(s=>new DOMParser().parseFromString(s,t)))}return i.of(void 0)}))}getFrameElement(){const e=this.documentContainer;if(e instanceof HTMLIFrameElement)return e}getComputedStyleAfterLoad(){const e=this.getFrameElement(),t=e?.contentDocument?.body;if(t)return e?.contentWindow?.getComputedStyle(t)}get writingMode(){return this.getComputedStyleAfterLoad()?.writingMode}get readingDirection(){if(this.writingMode==="vertical-rl")return"rtl";switch(this.getComputedStyleAfterLoad()?.direction){case"ltr":case"inherit":case"initial":return"ltr";case"rtl":return"rtl";default:return}}getDocumentFrame(){return this.getFrameElement()}}const Ye=n=>e=>{const t=n({...e,getRenderer(s){return e.getRenderer?.(s)??(a=>new Tn(a))}}),o=sn(t);return o.pipe(i.takeUntil(t.$.destroy$)).subscribe(),{...t,links$:o}};function _(n){return n!=null}class Q{constructor(e){this.left=e.left,this.right=e.right,this.top=e.top,this.bottom=e.bottom,this.width=e.width,this.height=e.height,this.x=e.x,this.y=e.y}}class F{constructor(e){this.__symbol=Symbol("SpineItemPosition"),this.x=e.x,this.y=e.y}}class j{constructor(e){this.__symbol=Symbol("SpineItemPagePosition"),this.x=e.x,this.y=e.y}}class Ge extends Q{constructor(){super(...arguments),this.__symbol="SpineItemPageLayout"}}class ee extends Q{constructor(){super(...arguments),this.__symbol="SpineItemSpineLayout"}}class Ze extends Q{constructor(){super(...arguments),this.__symbol="SpineItemPageSpineLayout"}}class Se{constructor(e){this.x=e.x,this.y=e.y}}class M extends Se{constructor(){super(...arguments),this.__symbol="SpinePosition"}static from(e){return new M(e)}}class O extends Se{constructor(){super(...arguments),this.__symbol="UnboundSpinePosition"}static from(e){return new O(e)}}const Mn=(n,e)=>{const t=e.getBoundingClientRect(),{x:o,y:s}=n,{left:r,top:a}=t,c=t.width/e.offsetWidth,l=t.height/e.offsetHeight,u=o-r,p=s-a;return{x:u/c,y:p/l}},Fn=(n,e)=>new O(Mn(n,e)),Ln=n=>({getSpinePositionFromClientPosition:e=>n.spine.element?Fn(e,n.spine.element):void 0}),En=n=>{let e;const t=n.context.watch("rootElement").pipe(b.switchMap(l=>l?new i.Observable(()=>(e=l.ownerDocument.createElement("div"),e.style.cssText=`
+    `,Pn=({isUsingVerticalWriting:n,minimumWidth:e,pageHeight:t,pageWidth:o})=>{let a=o-0;const c=t-0*2;let l=o-0*2;return n&&(l=e-0*2,a=c),{columnHeight:c,columnWidth:a,width:l}},K=(n,e)=>{n.style.width=`${e.width}px`,n.style.height=`${e.height}px`},$n=({pageHeight:n,pageWidth:e,frameElement:t,manifest:o,minPageSpread:s,isRTL:r,blankPagePosition:a,isImageType:c,enableTouch:l,isUsingVerticalWriting:u})=>{const p=s*e,d=o?.renditionLayout==="reflowable"&&o?.renditionFlow==="scrolled-continuous",h=d?Math.min(400,n):n;t?.style.setProperty("width",`${e}px`),d?t?.style.removeProperty("height"):t?.style.setProperty("height",`${h}px`);const{viewportDimensions:m,computedScale:g=1}=qe({frameElement:t,pageHeight:h,pageWidth:e})??{},f=o?.renditionLayout==="pre-paginated";if(t?.contentDocument&&t?.contentWindow&&t.contentDocument.body){let y=e,S=h;if(m?.hasViewport)A(t,"prose-reader-html-renderer-framce-css",In()),K(t,{width:m.width??1,height:m.height??1}),t?.style.setProperty("position","absolute"),t?.style.setProperty("top","50%"),t?.style.setProperty("left",a==="before"?r?"25%":"75%":a==="after"?r?"75%":"25%":"50%"),t?.style.setProperty("transform",`translate(-50%, -50%) scale(${g})`),t?.style.setProperty("transform-origin","center center");else{const v=c?wn({isScrollable:o?.renditionFlow==="scrolled-continuous",enableTouch:l}):vn(Pn({isUsingVerticalWriting:u,minimumWidth:p,pageHeight:h,pageWidth:e}));if(A(t,"prose-reader-css",v,!0),u)S=Math.ceil(t.contentDocument.documentElement.scrollHeight/h)*h,K(t,{width:p,height:S});else if(o?.renditionFlow==="scrolled-continuous")S=t.contentDocument.body.scrollHeight,K(t,{width:p,height:S});else{const T=Math.ceil(t.contentDocument.documentElement.scrollWidth/e);f?y=e:y=T*e,K(t,{width:y,height:S})}}return y%p===0?t?.style.setProperty("margin-left","0px"):(y=y+e,r&&!u&&t?.style.setProperty("margin-left",`${e}px`)),{width:y,height:S}}};class Tn extends x{constructor(){super(...arguments),this.isImageType=()=>!!(this.item.mediaType??$.detectMimeTypeFromName(this.item.href))?.startsWith("image/")}onCreateDocument(){const e=fn();return this.setDocumentContainer(e),i.of(e)}onLoadDocument(){const e=this.getFrameElement();if(!e)throw new Error("invalid frame");return i.of(e).pipe(mn({item:this.item,resourcesHandler:this.resourcesHandler,settings:this.settings}),q(this.context.bridgeEvent.viewportFree$),i.tap(()=>{this.attach()}),De,ln({context:this.context,item:this.item,settings:this.settings}),Ae)}onUnload(){return un(this.getFrameElement()),this.detach(),i.EMPTY}onLayout({minPageSpread:e,blankPagePosition:t,spreadPosition:o}){const{width:s,height:r}=this.viewport.pageSize,a=this.getFrameElement();if(!a)return i.of(void 0);const c=!!this.writingMode?.startsWith("vertical");if(this.item.renditionLayout==="pre-paginated"||!this.item.renditionLayout&&this.context.manifest?.renditionLayout==="pre-paginated"){const u=bn({blankPagePosition:t,enableTouch:this.settings.values.computedPageTurnMode!=="scrollable",frameElement:a,isRTL:this.context.isRTL(),minPageSpread:e,pageHeight:r,pageWidth:s,spreadPosition:o});return i.of(u)}const l=$n({pageHeight:r,pageWidth:s,frameElement:a,manifest:this.context.manifest,blankPagePosition:t,isUsingVerticalWriting:c,isRTL:this.context.isRTL(),minPageSpread:e,isImageType:this.isImageType(),enableTouch:this.settings.values.computedPageTurnMode!=="scrollable"});return i.of(l)}onRenderHeadless(){return i.from(this.resourcesHandler.fetchResource()).pipe(i.switchMap(e=>{if(e instanceof Response){const t=e.headers.get("content-type")??"";if(["application/xhtml+xml","application/xml","text/html","text/xml"].includes(t))return i.from(e.text()).pipe(i.map(s=>new DOMParser().parseFromString(s,t)))}return i.of(void 0)}))}getFrameElement(){const e=this.documentContainer;if(e instanceof HTMLIFrameElement)return e}getComputedStyleAfterLoad(){const e=this.getFrameElement(),t=e?.contentDocument?.body;if(t)return e?.contentWindow?.getComputedStyle(t)}get writingMode(){return this.getComputedStyleAfterLoad()?.writingMode}get readingDirection(){if(this.writingMode==="vertical-rl")return"rtl";switch(this.getComputedStyleAfterLoad()?.direction){case"ltr":case"inherit":case"initial":return"ltr";case"rtl":return"rtl";default:return}}getDocumentFrame(){return this.getFrameElement()}}const Ye=n=>e=>{const t=n({...e,getRenderer(s){return e.getRenderer?.(s)??(a=>new Tn(a))}}),o=sn(t);return o.pipe(i.takeUntil(t.$.destroy$)).subscribe(),{...t,links$:o}};function _(n){return n!=null}class Q{constructor(e){this.left=e.left,this.right=e.right,this.top=e.top,this.bottom=e.bottom,this.width=e.width,this.height=e.height,this.x=e.x,this.y=e.y}}class F{constructor(e){this.__symbol=Symbol("SpineItemPosition"),this.x=e.x,this.y=e.y}}class j{constructor(e){this.__symbol=Symbol("SpineItemPagePosition"),this.x=e.x,this.y=e.y}}class Ge extends Q{constructor(){super(...arguments),this.__symbol="SpineItemPageLayout"}}class ee extends Q{constructor(){super(...arguments),this.__symbol="SpineItemSpineLayout"}}class Ze extends Q{constructor(){super(...arguments),this.__symbol="SpineItemPageSpineLayout"}}class Se{constructor(e){this.x=e.x,this.y=e.y}}class M extends Se{constructor(){super(...arguments),this.__symbol="SpinePosition"}static from(e){return new M(e)}}class O extends Se{constructor(){super(...arguments),this.__symbol="UnboundSpinePosition"}static from(e){return new O(e)}}const Mn=(n,e)=>{const t=e.getBoundingClientRect(),{x:o,y:s}=n,{left:r,top:a}=t,c=t.width/e.offsetWidth,l=t.height/e.offsetHeight,u=o-r,p=s-a;return{x:u/c,y:p/l}},Fn=(n,e)=>new O(Mn(n,e)),Ln=n=>({getSpinePositionFromClientPosition:e=>n.spine.element?Fn(e,n.spine.element):void 0}),En=n=>{let e;const t=n.context.watch("rootElement").pipe(b.switchMap(l=>l?new i.Observable(()=>(e=l.ownerDocument.createElement("div"),e.style.cssText=`
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         visibility: hidden;
-      `,l.appendChild(e),()=>{e?.remove(),e=void 0})):i.NEVER)),o=l=>i.scheduled(l,i.animationFrameScheduler).pipe(b.tap(()=>{e?.style.setProperty("visibility","hidden")})),s=n.context.bridgeEvent.viewportBusy$.pipe(b.tap(()=>{e?.style.setProperty("visibility","visible")})),r=o(n.viewportFree$).pipe(b.take(1)),c=n.settings.values$.pipe(b.map(()=>n.settings.values.computedPageTurnMode),b.distinctUntilChanged()).pipe(b.switchMap(l=>l==="controlled"?s.pipe(b.switchMap(()=>r)):o(i.of(void 0))),b.takeUntil(n.$.destroy$));return i.merge(t,c)},Cn=n=>{n.hookManager.register("item.onDocumentLoad",({itemId:e})=>{n.spineItemsManager.get(e)?.renderer.getDocumentFrame()?.setAttribute("scrolling","no")})},Rn=n=>{n.hookManager.register("item.onAfterLayout",({item:e,blankPagePosition:t,minimumWidth:o})=>{const s=n.spineItemsManager.get(e.id),r=s?.renderer.getDocumentFrame();if(s?.renditionLayout!=="reflowable"||!(r instanceof HTMLIFrameElement))return;const{hasViewport:a}=Y(r),{width:c}=n.viewport.pageSize,l=s?.renderer.getDocumentFrame();if(a){const u=c<o;t==="none"&&u&&l instanceof HTMLIFrameElement&&l?.style.setProperty("left",n.context.isRTL()?"75%":"25%")}})},An=n=>n.spineItemsManager.items$.pipe(i.switchMap(e=>i.merge(...e.map(t=>t.pipe(i.tap(o=>{t.containerElement.dataset.isDirty=o.iDirty.toString(),t.containerElement.dataset.isReady=o.isReady.toString()}))))));let Dn=class extends We{computeOutputSettings(e){return e}hasSettingsChanged(e){return!$.isShallowEqual(this.outputSettings,e)}getCleanedParentInputSettings(e){const{layoutAutoResize:t,pageHorizontalMargin:o,pageVerticalMargin:s,layoutLayerTransition:r,...a}=e;return a}getDefaultSettings(){return{layoutAutoResize:"container",pageHorizontalMargin:24,pageVerticalMargin:24,layoutLayerTransition:!0}}};const On=n=>i.combineLatest([n.viewport.watch(["width","height"]),n.context.watch("manifest")]).pipe(i.tap(([{width:e,height:t},o])=>{const s=e>t;return!s&&o?.renditionSpread==="portrait"?n.settings.update({spreadMode:!0}):s&&(o?.renditionSpread===void 0||o?.renditionSpread==="auto"||o?.renditionSpread==="landscape"||o?.renditionSpread==="both")?n.settings.update({spreadMode:!0}):n.settings.update({spreadMode:!1})})),Je=n=>e=>{const{pageHorizontalMargin:t,pageVerticalMargin:o,layoutAutoResize:s,layoutLayerTransition:r}=e,a=n(e),c=new Dn({pageHorizontalMargin:t,pageVerticalMargin:o,layoutAutoResize:s,layoutLayerTransition:r},a.settings);a.hookManager.register("onViewportOffsetAdjust",()=>{let g=!1;a.spineItemsManager.items.forEach(f=>{const y=f.renderer.getDocumentFrame();!g&&y&&(y.getBoundingClientRect().left,g=!0)})}),a.hookManager.register("item.onBeforeLayout",({item:g})=>{const f=a.spineItemsManager.get(g.id),S=!!(g.mediaType??$.detectMimeTypeFromName(g.href))?.startsWith("image/"),{pageHorizontalMargin:w=0,pageVerticalMargin:v=0}=c.values,T=a.viewport.pageSize;if(f?.renditionLayout==="reflowable"&&!S){let P=T.width-w*2;const E=T.height-v*2;let A=T.width-w*2,R=w*2;f.isUsingVerticalWriting()&&(A=T.width-w*2,P=E,R=v*2);const z=f?.renderer.getDocumentFrame();z&&D(z,"prose-layout-enhancer-css",`
+      `,l.appendChild(e),()=>{e?.remove(),e=void 0})):i.NEVER)),o=l=>i.scheduled(l,i.animationFrameScheduler).pipe(b.tap(()=>{e?.style.setProperty("visibility","hidden")})),s=n.context.bridgeEvent.viewportBusy$.pipe(b.tap(()=>{e?.style.setProperty("visibility","visible")})),r=o(n.viewportFree$).pipe(b.take(1)),c=n.settings.values$.pipe(b.map(()=>n.settings.values.computedPageTurnMode),b.distinctUntilChanged()).pipe(b.switchMap(l=>l==="controlled"?s.pipe(b.switchMap(()=>r)):o(i.of(void 0))),b.takeUntil(n.$.destroy$));return i.merge(t,c)},Cn=n=>{n.hookManager.register("item.onDocumentLoad",({itemId:e})=>{n.spineItemsManager.get(e)?.renderer.getDocumentFrame()?.setAttribute("scrolling","no")})},Rn=n=>{n.hookManager.register("item.onAfterLayout",({item:e,blankPagePosition:t,minimumWidth:o})=>{const s=n.spineItemsManager.get(e.id),r=s?.renderer.getDocumentFrame();if(s?.renditionLayout!=="reflowable"||!(r instanceof HTMLIFrameElement))return;const{hasViewport:a}=Y(r),{width:c}=n.viewport.pageSize,l=s?.renderer.getDocumentFrame();if(a){const u=c<o;t==="none"&&u&&l instanceof HTMLIFrameElement&&l?.style.setProperty("left",n.context.isRTL()?"75%":"25%")}})},Dn=n=>n.spineItemsManager.items$.pipe(i.switchMap(e=>i.merge(...e.map(t=>t.pipe(i.tap(o=>{t.containerElement.dataset.isDirty=o.iDirty.toString(),t.containerElement.dataset.isReady=o.isReady.toString()}))))));let An=class extends We{computeOutputSettings(e){return e}hasSettingsChanged(e){return!$.isShallowEqual(this.outputSettings,e)}getCleanedParentInputSettings(e){const{layoutAutoResize:t,pageHorizontalMargin:o,pageVerticalMargin:s,layoutLayerTransition:r,...a}=e;return a}getDefaultSettings(){return{layoutAutoResize:"container",pageHorizontalMargin:24,pageVerticalMargin:24,layoutLayerTransition:!0}}};const On=n=>i.combineLatest([n.viewport.watch(["width","height"]),n.context.watch("manifest")]).pipe(i.tap(([{width:e,height:t},o])=>{const s=e>t;return!s&&o?.renditionSpread==="portrait"?n.settings.update({spreadMode:!0}):s&&(o?.renditionSpread===void 0||o?.renditionSpread==="auto"||o?.renditionSpread==="landscape"||o?.renditionSpread==="both")?n.settings.update({spreadMode:!0}):n.settings.update({spreadMode:!1})})),Je=n=>e=>{const{pageHorizontalMargin:t,pageVerticalMargin:o,layoutAutoResize:s,layoutLayerTransition:r}=e,a=n(e),c=new An({pageHorizontalMargin:t,pageVerticalMargin:o,layoutAutoResize:s,layoutLayerTransition:r},a.settings);a.hookManager.register("onViewportOffsetAdjust",()=>{let g=!1;a.spineItemsManager.items.forEach(f=>{const y=f.renderer.getDocumentFrame();!g&&y&&(y.getBoundingClientRect().left,g=!0)})}),a.hookManager.register("item.onBeforeLayout",({item:g})=>{const f=a.spineItemsManager.get(g.id),S=!!(g.mediaType??$.detectMimeTypeFromName(g.href))?.startsWith("image/"),{pageHorizontalMargin:w=0,pageVerticalMargin:v=0}=c.values,T=a.viewport.pageSize;if(f?.renditionLayout==="reflowable"&&!S){let P=T.width-w*2;const E=T.height-v*2;let D=T.width-w*2,R=w*2;f.isUsingVerticalWriting()&&(D=T.width-w*2,P=E,R=v*2);const z=f?.renderer.getDocumentFrame();z&&A(z,"prose-layout-enhancer-css",`
               body {
-                width: ${A}px !important;
+                width: ${D}px !important;
                 margin: ${v}px ${w}px !important;
                 column-gap: ${R}px !important;
                 column-width: ${P}px !important;
@@ -220,7 +220,7 @@
               td {
                 max-width: ${P}px;
               }
-            `)}}),Rn(a),Cn(a),a.hookManager.register("item.onDocumentCreated",({documentContainer:g})=>{g.style.opacity="0",c.values.layoutLayerTransition&&(g.style.transition="opacity 300ms")}),a.hookManager.register("item.onBeforeLayout",({item:g})=>{const y=a.spineItemsManager.get(g.id)?.renderer.documentContainer;a.settings.values.computedPageTurnMode!=="scrollable"&&y?.setAttribute("tab-index","0")});const l=a.spineItemsObserver.itemIsReady$.pipe(b.filter(({isReady:g})=>g),b.tap(({item:g})=>{const f=g.renderer.documentContainer;f&&(f.style.opacity="1")})),u=c.values$.pipe(b.filter(({layoutAutoResize:g})=>g==="container"),b.switchMap(()=>a.context.watch("rootElement")),b.filter(_),b.switchMap(g=>Z(g)),b.debounceTime(100),b.filter(_),b.tap(()=>{a?.layout()})),p=En(a);c.watch(["pageHorizontalMargin","pageVerticalMargin"]).pipe(b.skip(1),b.tap(()=>{a.layout()}),b.takeUntil(a.$.destroy$)).subscribe();const d=a.spine.pages.pipe(b.shareReplay({refCount:!0,bufferSize:1})),h=An(a),m=On(a);return i.merge(l,p,u,d,h,m).pipe(b.takeUntil(a.$.destroy$)).subscribe(),{...a,destroy:()=>{c.destroy(),a.destroy()},settings:c,layout$:a.spine.layout$,layoutInfo$:d,coordinates:Ln(a)}},Ke=`${`${U}-enhancer-loading`}-container`,Nn=(n,e)=>{const t=n.ownerDocument.createElement("div");return t.classList.add(Ke),t.style.cssText=`
+            `)}}),Rn(a),Cn(a),a.hookManager.register("item.onDocumentCreated",({documentContainer:g})=>{g.style.opacity="0",c.values.layoutLayerTransition&&(g.style.transition="opacity 300ms")}),a.hookManager.register("item.onBeforeLayout",({item:g})=>{const y=a.spineItemsManager.get(g.id)?.renderer.documentContainer;a.settings.values.computedPageTurnMode!=="scrollable"&&y?.setAttribute("tab-index","0")});const l=a.spineItemsObserver.itemIsReady$.pipe(b.filter(({isReady:g})=>g),b.tap(({item:g})=>{const f=g.renderer.documentContainer;f&&(f.style.opacity="1")})),u=c.values$.pipe(b.filter(({layoutAutoResize:g})=>g==="container"),b.switchMap(()=>a.context.watch("rootElement")),b.filter(_),b.switchMap(g=>Z(g)),b.debounceTime(100),b.filter(_),b.tap(()=>{a?.layout()})),p=En(a);c.watch(["pageHorizontalMargin","pageVerticalMargin"]).pipe(b.skip(1),b.tap(()=>{a.layout()}),b.takeUntil(a.$.destroy$)).subscribe();const d=a.spine.pages.pipe(b.shareReplay({refCount:!0,bufferSize:1})),h=Dn(a),m=On(a);return i.merge(l,p,u,d,h,m).pipe(b.takeUntil(a.$.destroy$)).subscribe(),{...a,destroy:()=>{c.destroy(),a.destroy()},settings:c,layout$:a.spine.layout$,layoutInfo$:d,coordinates:Ln(a)}},Ke=`${`${U}-enhancer-loading`}-container`,Nn=(n,e)=>{const t=n.ownerDocument.createElement("div");return t.classList.add(Ke),t.style.cssText=`
       height: 100%;
       width: 100%;
       max-width: ${e.absoluteViewport.width}px;
@@ -254,7 +254,7 @@
             color: ${c.foregroundColor};
           }
         `:""}
-    `},r=({container:c})=>{const l=at.find(u=>u.name===o.value);return l&&c.style.setProperty("background-color",l.backgroundColor),()=>{}},a=()=>{t.spineItemsManager.items.forEach(c=>{const l=c.renderer.getDocumentFrame();l&&D(l,"prose-reader-theme",s()),r({container:c.element})})};return t.hookManager.register("item.onDocumentLoad",({itemId:c})=>{const l=t.spineItemsManager.get(c);if(l?.renditionLayout!=="pre-paginated"){const u=l?.renderer.getDocumentFrame();u&&D(u,"prose-reader-theme",s())}}),t.spineItemsManager.items$.pipe(b.tap(c=>c.map(({element:l})=>r({container:l}))),b.takeUntil(t.$.destroy$)).subscribe(),o.pipe(b.tap(()=>{a()}),b.takeUntil(t.$.destroy$)).subscribe(),{...t,theme:{set:c=>{c!==o.value&&o.next(c)},get:()=>o.value,$:{theme$:o.asObservable()}}}},Ii=n=>e=>({...n(e),utils:{isOrIsWithinValidLink:s=>!!(pe(s)&&(s.nodeName==="a"?s:s.closest("a"))?.getAttribute("href"))}});navigator.userAgent.indexOf("")>-1&&navigator.userAgent.indexOf("Chrome")<=-1;const wi=n=>e=>n(e);class N extends i.Observable{constructor(e){super(t=>this.stateSubject.pipe(i.takeUntil(this._destroy$)).subscribe(t)),this._destroy$=new i.Subject,this.destroy$=this._destroy$.asObservable(),this.stateSubject=new i.BehaviorSubject(e)}next(e){this.stateSubject.next(e)}mergeCompare(e){const t={...this.value,...e};$.isShallowEqual(this.value,t)||this.stateSubject.next(t)}watch(e){return Array.isArray(e)?this.stateSubject.pipe(G(e)):this.stateSubject.pipe(i.map(t=>t[e]),i.distinctUntilChanged($.isShallowEqual))}get value(){return this.stateSubject.value}destroy(){this.stateSubject.complete(),this._destroy$.complete()}}class ct extends N{constructor(e){super({element:void 0,isZooming:!1,currentScale:1,currentPosition:{x:0,y:0}}),this.reader=e}}const Ie=200;class vi extends ct{constructor(e){super(e),this.watch("isZooming").pipe(i.filter(t=>!t),i.switchMap(()=>i.timer(Ie).pipe(i.tap(()=>{this.reader.viewport.value.element.style.transition=""})))),this.watch("currentScale").pipe(i.switchMap(()=>i.timer(Ie).pipe(i.tap(()=>{this.reader.layout()}))),i.takeUntil(this.destroy$)).subscribe()}enter({element:e,scale:t=1,animate:o}={}){const s=this.reader.context.value.rootElement,r=this.reader.viewport.value.element;let a;if(s&&e){a=s.ownerDocument.createElement("div"),a.style.cssText=`
+    `},r=({container:c})=>{const l=at.find(u=>u.name===o.value);return l&&c.style.setProperty("background-color",l.backgroundColor),()=>{}},a=()=>{t.spineItemsManager.items.forEach(c=>{const l=c.renderer.getDocumentFrame();l&&A(l,"prose-reader-theme",s()),r({container:c.element})})};return t.hookManager.register("item.onDocumentLoad",({itemId:c})=>{const l=t.spineItemsManager.get(c);if(l?.renditionLayout!=="pre-paginated"){const u=l?.renderer.getDocumentFrame();u&&A(u,"prose-reader-theme",s())}}),t.spineItemsManager.items$.pipe(b.tap(c=>c.map(({element:l})=>r({container:l}))),b.takeUntil(t.$.destroy$)).subscribe(),o.pipe(b.tap(()=>{a()}),b.takeUntil(t.$.destroy$)).subscribe(),{...t,theme:{set:c=>{c!==o.value&&o.next(c)},get:()=>o.value,$:{theme$:o.asObservable()}}}},Ii=n=>e=>({...n(e),utils:{isOrIsWithinValidLink:s=>!!(pe(s)&&(s.nodeName==="a"?s:s.closest("a"))?.getAttribute("href"))}});navigator.userAgent.indexOf("")>-1&&navigator.userAgent.indexOf("Chrome")<=-1;const wi=n=>e=>n(e);class N extends i.Observable{constructor(e){super(t=>this.stateSubject.pipe(i.takeUntil(this._destroy$)).subscribe(t)),this._destroy$=new i.Subject,this.destroy$=this._destroy$.asObservable(),this.stateSubject=new i.BehaviorSubject(e)}next(e){this.stateSubject.next(e)}mergeCompare(e){const t={...this.value,...e};$.isShallowEqual(this.value,t)||this.stateSubject.next(t)}watch(e){return Array.isArray(e)?this.stateSubject.pipe(G(e)):this.stateSubject.pipe(i.map(t=>t[e]),i.distinctUntilChanged($.isShallowEqual))}get value(){return this.stateSubject.value}destroy(){this.stateSubject.complete(),this._destroy$.complete()}}class ct extends N{constructor(e){super({element:void 0,isZooming:!1,currentScale:1,currentPosition:{x:0,y:0}}),this.reader=e}}const Ie=200;class vi extends ct{constructor(e){super(e),this.watch("isZooming").pipe(i.filter(t=>!t),i.switchMap(()=>i.timer(Ie).pipe(i.tap(()=>{this.reader.viewport.value.element.style.transition=""})))),this.watch("currentScale").pipe(i.switchMap(()=>i.timer(Ie).pipe(i.tap(()=>{this.reader.layout()}))),i.takeUntil(this.destroy$)).subscribe()}enter({element:e,scale:t=1,animate:o}={}){const s=this.reader.context.value.rootElement,r=this.reader.viewport.value.element;let a;if(s&&e){a=s.ownerDocument.createElement("div"),a.style.cssText=`
           top: 0;
           left: 0;
           display: block;
@@ -274,10 +274,10 @@
           position: relative;
           overflow-y: scroll;
           overflow-x: hidden;
-        `,h.className=`${U}-scroll-navigator`,h.appendChild(this.viewport.value.element),d.appendChild(h),this.update({element:h})})),c=i.combineLatest([t.watch(["computedPageTurnMode"]),this.watch("element")]).pipe(i.tap(([{computedPageTurnMode:d},h])=>{h&&(d==="scrollable"?h.style.display="block":h.style.display="contents")})),l=this.navigateSubject.pipe(i.tap(this.setViewportPosition));this.isNavigating$=this.navigateSubject.pipe(i.startWith(!1),i.switchMap(()=>i.merge(i.of(!0),i.of(!1))),i.shareReplay(1));const u=i.merge(s.element$.pipe(i.filter(_),i.switchMap(d=>Z(d))),s.element$.pipe(i.filter(_),i.switchMap(d=>i.fromEvent(d,"scroll"))),s.spineItemsObserver.itemResize$).pipe(i.switchMap(()=>i.timer(10).pipe(i.map(()=>!1),i.startWith(!0))),i.distinctUntilChanged(),i.startWith(!1)),p=i.combineLatest([u,this.isScrolling$]).pipe(i.map(([d,h])=>d||h),i.shareReplay(1));this.userScroll$=this.watch("element").pipe(i.filter(_),i.switchMap(d=>t.watch(["computedPageTurnMode"]).pipe(i.switchMap(({computedPageTurnMode:h})=>h==="controlled"?i.NEVER:i.fromEvent(d,"scroll").pipe(i.withLatestFrom(p),i.filter(([,m])=>!m),i.map(([m])=>m))))),i.share()),i.merge(a,c,l).pipe(i.takeUntil(this.destroy$)).subscribe()}update(e){this.mergeCompare(e)}navigate(e){this.navigateSubject.next(e)}fromScrollPosition(e){const t=this.viewport.scaleFactor;return new O({x:e.x/t,y:e.y/t})}fromSpinePosition(e){const t=this.viewport.scaleFactor;return new we({x:e.x*t,y:e.y*t})}get scrollPosition(){const e=this.value.element;return new we({x:e?.scrollLeft??0,y:e?.scrollTop??0})}}const Ci=()=>n=>n.pipe(i.map(({navigation:e,pagination:t,...o})=>({navigation:{...e,paginationBeginCfi:t.beginCfi},...o}))),Ri=(n,e,t)=>n.bridgeEvent.pagination$.pipe(i.withLatestFrom(e),i.filter(([o,s])=>o.navigationId===s.id),i.switchMap(([o,s])=>(t.spineItemsManager.get(s.spineItem)?.isReady$.pipe(i.first())??i.of(!1)).pipe(i.filter(a=>a),i.map(()=>({pagination:o,navigation:s})))),Ci(),i.distinctUntilChanged((o,s)=>o.navigation.paginationBeginCfi===s.navigation.paginationBeginCfi),i.map(({navigation:o})=>({...o,meta:{triggeredBy:"pagination"}}))),Ai=({navigationResolver:n})=>e=>e.pipe(i.map(([t,o])=>{const s={type:"api",meta:{triggeredBy:"user"},id:Symbol(),animation:"turn",...t,position:t.position?n.fromOutOfBoundsSpinePosition(t.position):void 0};return{previousNavigation:o,navigation:s}})),Di=({navigationResolver:n})=>e=>e.pipe(i.map(t=>{if(t.navigation.cfi){const o=n.getNavigationForCfi(t.navigation.cfi);if(o)return{...t,navigation:{...t.navigation,position:o}}}return t})),Oi=({navigation:n,previousNavigation:e,settings:t})=>n.directionFromLastNavigation?n.directionFromLastNavigation:n.url!==void 0||n.cfi!==void 0?"anchor":e.spineItem===void 0||n.spineItem||!n.position?"forward":t.values.computedPageTurnDirection==="vertical"?n.position.y>e.position.y||n.position.y===e.position.y&&e.directionFromLastNavigation!=="backward"?"forward":"backward":Math.abs(n.position.x)>Math.abs(e.position.x)||n.position.x===e.position.x&&e.directionFromLastNavigation!=="backward"?"forward":"backward",Ni=({context:n,settings:e})=>t=>t.pipe(i.map(({navigation:o,previousNavigation:s})=>{const r=Oi({navigation:o,previousNavigation:s,settings:e}),a={...o,directionFromLastNavigation:r};return{previousNavigation:s,navigation:a,direction:r}})),Vi=({spineItemsManager:n,navigationResolver:e,settings:t})=>o=>o.pipe(i.map(({navigation:s,...r})=>{const a=n.get(s.spineItem);if(s.position)return t.values.computedPageTurnMode==="scrollable"?{navigation:{...s,position:s.position},...r}:{navigation:{...s,position:e.fromUnboundSpinePosition(s.position)},...r};if(!a)return{navigation:{...s,position:r.previousNavigation.position},...r};const c=e.getNavigationForSpineIndexOrId(a),l=t.values.computedPageTurnMode==="scrollable"?new O({x:c.x+r.previousNavigation.position.x,y:c.y}):e.fromUnboundSpinePosition(c);return{navigation:{...s,position:l},...r}})),ft=({settings:n,spineItemsManager:e,navigationResolver:t,spineLocator:o})=>s=>{const r=a=>{const{position:c,spineItem:l,cfi:u,directionFromLastNavigation:p}=a,{navigationSnapThreshold:d,computedPageTurnMode:h}=n.values;if(l!==void 0){const m=e.get(l);if(m)return m}if(typeof l=="number")return l>e.items.length-1?e.get(e.items.length-1):e.get(0);if(u){const m=e.getSpineItemFromCfi(u);if(m)return m}if(c&&h==="controlled"){const{beginIndex:m,endIndex:g}=o.getVisibleSpineItemsFromPosition({position:c,threshold:d,restrictToScreen:!1})??{},f=(p==="forward"||p==="anchor"?g:m)??m,y=e.get(f);if(!y)return;const{endPageIndex:S,beginPageIndex:w}=o.getVisiblePagesFromViewportPosition({position:c,spineItem:y,threshold:d,restrictToScreen:!1})??{},v=(p==="forward"||p==="anchor"?S:w)??0,T=t.getNavigationForSpineItemPage({pageIndex:v,spineItemId:y}),P=o.getVisibleSpineItemsFromPosition({position:T,threshold:d,restrictToScreen:!1}),E=p==="forward"||p==="anchor"?P?.beginIndex:P?.endIndex;return e.get(E)}return c&&h==="scrollable"?o.getSpineItemFromPosition(c):e.get(0)};return s.pipe(i.map(({navigation:a,...c})=>{const l=r(a);return{navigation:{...a,spineItem:e.getSpineItemIndex(l)},...c}}))},St=({spine:n})=>e=>e.pipe(i.switchMap(({navigation:t,...o})=>{const s=n.getSpineItemSpineLayoutInfo(t.spineItem),r=n.spineItemsManager.get(t.spineItem);return(r?.isReady$??i.of(!1)).pipe(i.first(),i.map(a=>({navigation:{...t,spineItemHeight:s?.height,spineItemWidth:s?.width,spineItemLeft:s.left,spineItemTop:s.top,spineItemIsUsingVerticalWriting:r?.isUsingVerticalWriting(),spineItemIsReady:a},...o})))})),ve=({settings:n,spineItemsManager:e,spineLocator:t,navigationResolver:o})=>s=>{const r=a=>{const{navigationSnapThreshold:c,computedPageTurnMode:l}=n.values,u=e.get(a.spineItem);if(!(!u||!a.position)){if(l==="controlled"){const{endPageIndex:p,beginPageIndex:d}=t.getVisiblePagesFromViewportPosition({position:a.position,spineItem:u,threshold:c,restrictToScreen:!1})??{},h=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?p:d)??0,m=o.getNavigationForSpineItemPage({pageIndex:h,spineItemId:u}),g=t.getVisiblePagesFromViewportPosition({position:m,spineItem:u,threshold:{type:"percentage",value:0},restrictToScreen:!0}),f=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?g?.beginPageIndex:g?.endPageIndex)??0;return t.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:f,spineItem:u})}return t.getSpineItemPositionFromSpinePosition(a.position,u)}};return s.pipe(i.map(({navigation:a,...c})=>({navigation:{...a,positionInSpineItem:r(a)},...c})))},ki=({navigationResolver:n})=>e=>e.pipe(i.map(t=>{if(t.navigation.url){const o=n.getNavigationForUrl(t.navigation.url);if(o)return{...t,navigation:{...t.navigation,position:o.position,spineItem:o.spineItemId}}}return t}));class Pe{constructor(){this.isLockedSubject=new i.BehaviorSubject(0),this.isLocked$=this.isLockedSubject.pipe(i.map(e=>!!e),i.distinctUntilChanged())}lock(){let e=!1;return this.isLockedSubject.next(this.isLockedSubject.getValue()+1),()=>{e||(e=!0,this.isLockedSubject.next(this.isLockedSubject.getValue()-1))}}}const Ui=({spineLocator:n,navigation:e,navigationResolver:t,spineItemsManager:o,spine:s})=>{const r=o.get(e.spineItem);return r?r.isReady$.pipe(i.first(),i.map(a=>{const c=s.getSpineItemSpineLayoutInfo(r),l=n.isPositionWithinSpineItem(e.position,r),u=c.width-(e.spineItemWidth??0),p=c.height-(e.spineItemHeight??0),d=u!==0||p!==0;if(e.url!==void 0&&(u||p||a&&!e.spineItemIsReady)){const m=t.getNavigationForUrl(e.url);if(m)return m.position}const h=e.cfi??e.paginationBeginCfi;if(h!==void 0&&!ne(h)&&(u||p||a&&!e.spineItemIsReady)){const m=t.getNavigationForCfi(h);if(m)return m}if(l&&d&&e.directionFromLastNavigation==="backward"){const m=new F({x:(e.positionInSpineItem?.x??0)+u,y:(e.positionInSpineItem?.y??0)+p});return t.getNavigationFromSpineItemPosition({spineItem:r,spineItemPosition:m})}if(e.positionInSpineItem&&e.spineItemHeight&&e.spineItemWidth){const m=n.spineItemLocator.getSpineItemPageIndexFromPosition({itemWidth:e.spineItemWidth,itemHeight:e.spineItemHeight,isUsingVerticalWriting:!!e.spineItemIsUsingVerticalWriting,position:e.positionInSpineItem});return t.getNavigationForSpineItemPage({pageIndex:m,spineItemId:r})}return l?t.getNavigationForPosition(e.position):t.getNavigationForSpineIndexOrId(r)})):i.of(new M({x:0,y:0}))},Wi=({navigation:n,spineLocator:e,spineItemsManager:t,settings:o,navigationResolver:s,spine:r})=>{const{spineItem:a}=n,c=t.get(a);if(!c)return new M({x:0,y:0});const{height:l,top:u}=r.getSpineItemSpineLayoutInfo(c),p=e.isPositionWithinSpineItem(n.position,c),d=n.positionInSpineItem??new F({y:0,x:0});if(o.values.computedPageTurnDirection==="vertical"){if(u===n.spineItemTop&&l===n.spineItemHeight&&p)return n.position;if(u===n.spineItemTop&&l===n.spineItemHeight&&!p)return s.getNavigationForSpineIndexOrId(c);if(u!==n.spineItemTop){const h=e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(n.positionInSpineItem??new F({x:0,y:0}),c);return e.getSpinePositionFromSpineItemPosition({spineItemPosition:h,spineItem:c})}if(u===n.spineItemTop&&l!==n.spineItemHeight){const h=(n.spineItemHeight??d.y)-d.y,m=new F({y:n.directionFromLastNavigation==="backward"?l-h:d.y,x:n.position.x});if(p){const g=e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(m,c);return e.getSpinePositionFromSpineItemPosition({spineItemPosition:g,spineItem:c})}if(!p){if(!(n.position.y<u)){const f=new F({y:l-h,x:n.position.x});return e.getSpinePositionFromSpineItemPosition({spineItemPosition:e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(f,c),spineItem:c})}return s.getNavigationForSpineIndexOrId(c)}}}return n.position},zi=({navigation:n,spineItemsManager:e,settings:t,spineLocator:o,navigationResolver:s,spine:r})=>t.values.computedPageTurnMode==="scrollable"?i.of(Wi({navigation:n,spineLocator:o,navigationResolver:s,settings:t,spineItemsManager:e,spine:r})):Ui({navigation:n,spineLocator:o,navigationResolver:s,spineItemsManager:e,spine:r}),yt=({settings:n,navigationResolver:e,context:t,spine:o})=>s=>s.pipe(i.switchMap(r=>zi({spineLocator:o.locator,navigation:r.navigation,navigationResolver:e,settings:n,spineItemsManager:o.spineItemsManager,spineItemLocator:o.locator.spineItemLocator,spine:o}).pipe(i.map(a=>({...r,navigation:{...r.navigation,position:a}}))))),_i=L.namespace("navigation/InternalNavigator");class bt extends C{constructor(e,t,o,s,r,a,c,l){super(),this.settings=e,this.context=t,this.userNavigation$=o,this.controlledNavigationController=s,this.scrollNavigationController=r,this.navigationResolver=a,this.spine=c,this.isUserLocked$=l,this.navigationSubject=new i.BehaviorSubject({animation:!1,position:new M({x:0,y:0}),meta:{triggeredBy:"user"},spineItemIsReady:!1,type:"api",id:Symbol()}),this.navigated$=this.navigationSubject.pipe(i.skip(1)),this.navigation$=this.navigationSubject.pipe(i.map(({position:S,id:w})=>({position:S,id:w})),i.distinctUntilChanged(({position:S,...w},{position:v,...T})=>$.isShallowEqual(w,T)&&$.isShallowEqual(S,v)),i.shareReplay(1)),this.locker=new Pe;const u=o.pipe(i.withLatestFrom(this.navigationSubject),Ai({navigationResolver:a}),ki({navigationResolver:a}),Di({navigationResolver:a}),Ni({context:t,settings:e}),ft({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),ve({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),St({spine:c})).pipe(Vi({navigationResolver:a,spineItemsManager:c.spineItemsManager,settings:e}),i.withLatestFrom(l),i.switchMap(([S,w])=>{const v=S.navigation.cfi||S.navigation.url||e.values.computedPageTurnMode==="scrollable"||w;return i.of(S).pipe(v?i.identity:yt({navigationResolver:a,settings:e,spine:c,context:t}))}),ve({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:e,navigationResolver:a}),i.map(S=>S.navigation),i.share()),p=u.pipe(i.withLatestFrom(l),i.filter(([,S])=>S),i.switchMap(([S])=>{const w=this.locker.lock();return l.pipe(i.filter(v=>!v),i.first(),i.map(()=>({...S,animation:"snap"})),i.finalize(()=>{w()}),i.takeUntil(u))}),i.share()),d=i.merge(s.layout$,c.layout$).pipe(i.switchMap(()=>i.of(null).pipe(i.switchMap(()=>l.pipe(i.filter(S=>!S),i.first())),i.map(()=>({...this.navigationSubject.getValue(),animation:!1})),i.takeUntil(i.merge(p,u))))),h=i.merge(d,p).pipe(i.map(S=>({navigation:S})),yt({navigationResolver:a,settings:e,context:t,spine:c}),i.map(S=>{const w={...S.navigation,meta:{triggeredBy:"restoration"}};return{...S,navigation:w}}),ft({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),St({spine:c}),ve({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:e,navigationResolver:a}),i.map(({navigation:S})=>S),i.share()),m=Ri(t,this.navigationSubject,c),g=i.merge(h,u,m),f=S=>S.pipe(i.tap(([w,v])=>{_i.info(`navigation updated from ${w.meta.triggeredBy} of type ${w.type}`,{previousNavigation:v,currentNavigation:w}),this.navigationSubject.next(w)})),y=S=>S.pipe(i.tap(([w,v])=>{const T=w.type==="scroll",P=w.meta.triggeredBy==="pagination",E=w.meta.triggeredBy==="restoration",A=$.isShallowEqual(v.position,w.position);if(T&&!E||P||A)return;const R={position:w.position,animation:w.animation};e.values.computedPageTurnMode==="scrollable"?this.scrollNavigationController.navigate(R):this.controlledNavigationController.navigate({...R,position:M.from(R.position)})}));g.pipe(i.withLatestFrom(this.navigationSubject),y,f,i.takeUntil(this.destroy$)).subscribe()}get navigation(){return this.navigationSubject.getValue()}}const oe=(n,e,t)=>{const o=t-n,s=t*(e*n)/(t||1);return Math.max(0,Math.min(o,s))},$e=(n,e)=>(e||0)===0||(n||0)===0?1:Math.floor(Math.max(1,n/e)),Te=(n,e,t)=>{const o=$e(t,e),s=[...Array(o)].map((r,a)=>a*e);return n>=o*e?s[s.length-1]||0:s.find(r=>n<r+e)||0},It=(n,e,t)=>{const o=[...Array(t)].map((s,r)=>r*e);return n<=0||t===0?0:n>=t*e?t-1:o.findIndex(s=>n<s+e)??0},Bi=({itemWidth:n,itemHeight:e,spineItemPosition:t})=>new F({x:Math.min(n,Math.max(0,t.x)),y:Math.min(e,Math.max(0,t.y))}),wt=({itemHeight:n,itemWidth:e,isUsingVerticalWriting:t,pageWidth:o,pageHeight:s,pageTurnDirection:r,pageTurnMode:a})=>r==="vertical"&&a==="scrollable"?1:t||r==="vertical"?$e(n,s):$e(e,o),vt=({itemWidth:n,itemHeight:e,position:t,isUsingVerticalWriting:o,pageWidth:s,pageHeight:r,pageTurnDirection:a,pageTurnMode:c,isRTL:l})=>{const p=Bi({spineItemPosition:t,itemHeight:e,itemWidth:n}).x,d=wt({isUsingVerticalWriting:o,itemHeight:e,itemWidth:n,pageWidth:s,pageHeight:r,pageTurnDirection:a,pageTurnMode:c});if(o)return It(t.y,r,d);const h=It(p,s,d);return l?d-1-h:h},Hi=({pageIndex:n,itemLayout:e,context:t,isUsingVerticalWriting:o,viewport:s})=>{if(o){const a=oe(s.pageSize.height,n,e.height);return new F({x:0,y:a})}const r=oe(s.pageSize.width,n,e.width);return t.isRTL()?new F({x:e.width-r-s.pageSize.width,y:0}):new F({x:r,y:0})},Pt=({context:n,settings:e,viewport:t})=>{const o=(c,l,u)=>{let p;c?.nodeName==="img"||c?.textContent===""&&c.nodeType===Node.ELEMENT_NODE?p=c.getBoundingClientRect().x:c&&(p=(c?xt(c,l):void 0)?.getBoundingClientRect().x||p);const d=u.layout.layoutInfo?.width||0,h=t.pageSize.width;if(p!==void 0){const m=Te(p,h,d);return new F({x:m,y:0})}};return{getSpineItemPositionFromNode:o,getSpineItemPositionFromPageIndex:({pageIndex:c,spineItem:l})=>Hi({context:n,isUsingVerticalWriting:!!l.isUsingVerticalWriting(),itemLayout:l.layout.layoutInfo,pageIndex:c,viewport:t}),getSpineItemPageIndexFromPosition:c=>vt({...c,isRTL:n.isRTL(),pageWidth:t.pageSize.width,pageHeight:t.pageSize.height,pageTurnDirection:e.values.computedPageTurnDirection,pageTurnMode:e.values.pageTurnMode}),getSpineItemPageIndexFromNode:(c,l,u)=>{const p=o(c,l,u),{height:d,width:h}=u.layout.layoutInfo;return p?vt({isUsingVerticalWriting:!!u.isUsingVerticalWriting(),position:p,itemHeight:d,itemWidth:h,isRTL:n.isRTL(),pageWidth:t.pageSize.width,pageHeight:t.pageSize.height,pageTurnDirection:e.values.computedPageTurnDirection,pageTurnMode:e.values.pageTurnMode}):void 0},getSpineItemClosestPositionFromUnsafePosition:(c,l)=>{const{width:u,height:p}=l.layout.layoutInfo;return new F({x:Te(c.x,t.pageSize.width,u),y:Te(c.y,t.pageSize.height,p)})},getSpineItemPagePositionFromSpineItemPosition:(c,l,u)=>{const{width:p,height:d}=u.layout.layoutInfo,h=t.pageSize.width,m=t.pageSize.height;if(!!u.isUsingVerticalWriting()){const y=oe(m,l,d);return new j({x:c.x,y:c.y-y})}const f=oe(h,l,p);if(n.isRTL()){const y=p-(l+1)*h;return new j({x:c.x-Math.max(0,y),y:c.y})}return new j({x:c.x-f,y:c.y})}}},xi=({context:n,settings:e,viewport:t})=>{const o=Pt({context:n,settings:e,viewport:t});return{getNavigationForLastPage:c=>{const l=c.numberOfPages;return o.getSpineItemPositionFromPageIndex({pageIndex:l-1,spineItem:c})},getNavigationForPosition:(c,l)=>o.getSpineItemClosestPositionFromUnsafePosition(l,c),getNavigationFromNode:(c,l,u)=>o.getSpineItemPositionFromNode(l,u,c)||new F({x:0,y:0})}};function $t({position:n,isRTL:e,spineItemsManager:t,spine:o,viewportWidth:s}){const r=t.get(t.items.length-1),a=o.getSpineItemSpineLayoutInfo(r||0),c=a.bottom,l=Math.max(0,n.y),u=Math.min(l,c);if(e){const m=Math.min(s,n.x),g=Math.max(m,a.left);return new M({x:g,y:u})}const p=a.right,d=Math.max(0,n.x),h=Math.min(d,p);return new M({x:h,y:u})}const Tt=({position:n,isRTL:e,pageSizeHeight:t,spineItemsManager:o,visibleAreaRectWidth:s,spine:r})=>{const a=$t({position:n,isRTL:e,spineItemsManager:o,spine:r,viewportWidth:s}),c=o.get(o.items.length-1),l=r.getSpineItemSpineLayoutInfo(c),u=l.bottom-t,p=Math.min(a.y,u);if(e){const h=Math.min(0,a.x);return new M({x:h,y:p})}const d=l.right-s;return new M({x:Math.min(a.x,d),y:p})},V=({position:{x:n,y:e},pageSizeWidth:t,visibleAreaRectWidth:o})=>{const r=n%o!==0?n-t:n;return new M({x:r,y:e})},Me=({viewportPosition:n,spineLocator:e,spineItemNavigationResolver:t,viewport:o})=>{const s=e.getSpineItemFromPosition(n);if(s){const r=e.getSpineItemPositionFromSpinePosition(n,s),a=t.getNavigationForPosition(s,r),c=e.getSpinePositionFromSpineItemPosition({spineItemPosition:a,spineItem:s});return V({position:c,pageSizeWidth:o.pageSize.width,visibleAreaRectWidth:o.absoluteViewport.width})}return new M({x:0,y:0})},qi=({pageIndex:n,spineItemsManager:e,spineItemId:t,spineLocator:o,spineItemNavigationResolver:s,viewport:r})=>{const a=e.get(t);if(!a){const u=n*r.pageSize.width;return Me({viewportPosition:new M({x:u,y:0}),spineItemNavigationResolver:s,spineLocator:o,viewport:r})}const c=o.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:n,spineItem:a}),l=o.getSpinePositionFromSpineItemPosition({spineItemPosition:c,spineItem:a});return V({position:l,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})},Xi=(n,e)=>{if(e&&e instanceof HTMLIFrameElement)return n.startsWith("#")?e.contentDocument?.getElementById(n.replace("#","")):e.contentDocument?.querySelector(n)},Yi=({anchor:n,spineItem:e,spine:t})=>{const o=Xi(n,e.renderer.getDocumentFrame());return o?t.spineItemLocator.getSpineItemPositionFromNode(o,0,e)?.x??0:0},Gi=({anchor:n,spineItem:e,spineLocator:t,spine:o})=>{const s=Yi({anchor:n,spineItem:e,spine:o});return t.getSpinePositionFromSpineItemPosition({spineItemPosition:new F({x:s,y:0}),spineItem:e})},Zi=({anchor:n,spineItem:e,spineLocator:t,spine:o,pageSizeWidth:s,visibleAreaRectWidth:r})=>{const a=Gi({anchor:n,spineItem:e,spineLocator:t,spine:o});return V({position:a,pageSizeWidth:s,visibleAreaRectWidth:r})},Ji=({spine:n,spineItemsManager:e,spineLocator:t,url:o,context:s,pageSizeWidth:r,visibleAreaRectWidth:a})=>{try{const c=o instanceof URL?o:new URL(o),l=`${c.origin}${c.pathname}`,u=s.manifest?.spineItems.find(p=>p.href===l);if(u){const p=e.get(u.id);if(p){const d=Zi({anchor:c.hash,spineItem:p,spine:n,spineLocator:t,pageSizeWidth:r,visibleAreaRectWidth:a});return{position:V({position:d,pageSizeWidth:r,visibleAreaRectWidth:a}),spineItemId:u.id}}}return}catch(c){console.error(c);return}},Ki=({spineItem:n,spineItemPosition:e,spineLocator:t,spineItemLocator:o,viewport:s})=>{const r=o.getSpineItemClosestPositionFromUnsafePosition(e,n),a=t.getSpinePositionFromSpineItemPosition({spineItemPosition:r,spineItem:n});return V({position:a,pageSizeWidth:s.pageSize.width,visibleAreaRectWidth:s.absoluteViewport.width})},Qi="spineNavigator",ji=({context:n,spineItemsManager:e,locator:t,settings:o,spine:s,viewport:r})=>{const a=xi({context:n,settings:o,viewport:r});return{getNavigationForUrl:m=>Ji({context:n,spineItemsManager:e,spineLocator:t,url:m,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width,spine:s}),getNavigationForSpineItemPage:m=>qi({...m,spineItemsManager:e,spineItemNavigationResolver:a,spineLocator:t,viewport:r}),getNavigationFromSpineItemPosition:m=>Ki({...m,spineItemLocator:t.spineItemLocator,spineLocator:t,viewport:r}),getNavigationForCfi:m=>{const g=e.getSpineItemFromCfi(m),{node:f,offset:y=0}=ye({cfi:m,spineItemsManager:e});if(!g){L.warn(Qi,`unable to detect item id from cfi ${m}`);return}const S=f?a.getNavigationFromNode(g,f,y):new F({x:0,y:0}),w=t.getSpinePositionFromSpineItemPosition({spineItemPosition:S,spineItem:g});return V({position:w,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})},getNavigationForLastPage:m=>{const g=a.getNavigationForLastPage(m),f=t.getSpinePositionFromSpineItemPosition({spineItemPosition:g,spineItem:m});return V({position:f,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})},getNavigationForSpineIndexOrId:m=>{const g=e.get(m);if(g){const f=t.getSpinePositionFromSpineItem(g);return V({position:f,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})}return new M({x:0,y:0})},getNavigationForPosition:m=>Me({viewportPosition:m,spineItemNavigationResolver:a,spineLocator:t,viewport:r}),getMostPredominantNavigationForPosition:m=>{const g=o.values.computedPageTurnDirection,f=.5,y=g==="horizontal"?m.x+r.absoluteViewport.width*f:0,S=g==="horizontal"?0:m.y+r.absoluteViewport.height*f,w=Tt({position:new M({x:y,y:S}),isRTL:n.isRTL(),pageSizeHeight:r.pageSize.height,visibleAreaRectWidth:r.absoluteViewport.width,spineItemsManager:e,spine:s});return Me({spineItemNavigationResolver:a,spineLocator:t,viewportPosition:w,viewport:r})},fromUnboundSpinePosition:m=>Tt({position:m,isRTL:n.isRTL(),pageSizeHeight:r.pageSize.height,visibleAreaRectWidth:r.absoluteViewport.width,spineItemsManager:e,spine:s}),fromOutOfBoundsSpinePosition:m=>$t({position:m,isRTL:n.isRTL(),spineItemsManager:e,spine:s,viewportWidth:r.absoluteViewport.width}),isNavigationGoingForwardFrom:(m,g)=>o.values.computedPageTurnDirection==="vertical"?m.y>g.y:m.x>g.x,arePositionsDifferent:(m,g)=>m.x!==g.x||m.y!==g.y,getAdjustedPositionForSpread:m=>V({position:m,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width}),spineItemNavigator:a}},eo=({spineItemsManager:n,context:e,hookManager:t,spine:o,settings:s,viewport:r})=>{const a=new i.Subject,c=a.asObservable(),l=new Pe,u=ji({context:e,settings:s,spineItemsManager:n,locator:o.locator,spine:o,viewport:r}),p=new ht(s,t,e,o,r),d=new mt(r,s,t,o,e),h=new bt(s,e,c,p,d,u,o,l.isLocked$),m=i.combineLatest([p.isNavigating$,d.isNavigating$,l.isLocked$,h.locker.isLocked$]).pipe(b.map(y=>y.some(S=>S)?"busy":"free"),b.distinctUntilChanged(),b.shareReplay(1));return{destroy:()=>{p.destroy(),h.destroy()},getNavigation:()=>h.navigation,internalNavigator:h,scrollNavigationController:d,controlledNavigationController:p,locker:l,viewportState$:m,navigate:y=>{a.next(y)},lock(){return l.lock()},navigationResolver:u,navigation$:h.navigation$}};class Mt extends N{constructor(e,t){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=e,this.spineItemsManager=t}update(e){this.mergeCompare(e)}}class Ft extends C{constructor(e,t,o,s,r){super(),this.context=e,this.pagination=t,this.spineItemsManager=o,this.spine=s,this.spineItemLocator=r;const a=i.merge(this.context.bridgeEvent.navigation$,s.layout$).pipe(i.switchMap(()=>{const l=({spineItem:u,position:p})=>this.spine.locator.getVisiblePagesFromViewportPosition({spineItem:u,position:p,threshold:{type:"percentage",value:.5}});return this.context.bridgeEvent.navigationUnlocked$.pipe(i.take(1),i.withLatestFrom(this.context.bridgeEvent.navigation$),i.tap(([,u])=>{const{position:p}=u,d=this.pagination.value,{beginIndex:h,endIndex:m}=this.spine.locator.getVisibleSpineItemsFromPosition({position:p,threshold:{type:"percentage",value:.5}})??{},g=this.spineItemsManager.get(h),f=this.spineItemsManager.get(m);if(!g||!f)return;const y=d.beginCfi,S=d.endCfi,{beginPageIndex:w=0}=l({spineItem:g,position:p})??{},{endPageIndex:v=0}=l({spineItem:f,position:p})??{},T=y===void 0||ne(y)||d.beginSpineItemIndex!==h,P=d.endSpineItemIndex!==m||S===void 0||ne(S),E=T?B(g.item):y,A=P?B(f.item):S,R=g.numberOfPages,z=f.numberOfPages;this.pagination.update({beginCfi:E,beginNumberOfPagesInSpineItem:R,beginPageIndexInSpineItem:w,beginSpineItemIndex:h,endCfi:A,endNumberOfPagesInSpineItem:z,endPageIndexInSpineItem:v,endSpineItemIndex:m,navigationId:u.id})}))})),c=a.pipe(q(this.context.bridgeEvent.viewportFree$),i.tap(()=>{const{beginSpineItemIndex:l,endSpineItemIndex:u,beginPageIndexInSpineItem:p,endPageIndexInSpineItem:d}=this.pagination.value;if(p===void 0||d===void 0||l===void 0||u===void 0)return;const h=this.spineItemsManager.get(l),m=this.spineItemsManager.get(u);h===void 0||m===void 0||this.pagination.update({beginCfi:te({pageIndex:p,spineItem:h,spine:this.spine}),endCfi:te({pageIndex:d,spineItem:m,spine:this.spine})})}));i.merge(a,c).pipe(i.takeUntil(this.destroy$)).subscribe()}}const to=({manifest:n,spreadMode:e})=>n?.renditionFlow==="scrolled-continuous"?!1:e;class Lt extends C{constructor(e){super();const t={...this.getDefaultSettings(),...e};this.inputSettings=t,this.outputSettingsUpdateSubject=new i.Subject,this._settings$=this.outputSettingsUpdateSubject.asObservable().pipe(i.shareReplay(1)),this._settings$.subscribe()}_prepareUpdate(e){const t=$.shallowMergeIfDefined(this.inputSettings,e),o=this.getOutputSettings(t),s=!$.isShallowEqual(this.outputSettings,o);return{hasChanged:s,state:o,commit:()=>(this.inputSettings=t,this.outputSettings=o,s&&this.outputSettingsUpdateSubject.next(o),o)}}update(e){const{commit:t}=this._prepareUpdate(e);t()}get values(){if(!this.outputSettings){const{commit:e}=this._prepareUpdate(this.inputSettings);return e()}return this.outputSettings}get values$(){if(!this.outputSettings){const{commit:e}=this._prepareUpdate(this.inputSettings);e()}return this._settings$}watch(e){return this.values$.pipe(ge(e),i.distinctUntilChanged($.isShallowEqual))}destroy(){super.destroy(),this.outputSettingsUpdateSubject.complete()}}class no extends Lt{constructor(e,t){super(e),this.context=t,t.watch(["manifest","hasVerticalWriting"]).pipe(i.tap(()=>this.update(this.values)),i.takeUntil(this.destroy$)).subscribe()}getComputedSettings(e){const t=this.context.manifest,o=this.context.value.hasVerticalWriting??!1,s={computedPageTurnDirection:e.pageTurnDirection,computedPageTurnAnimation:e.pageTurnAnimation,computedPageTurnMode:e.pageTurnMode,computedPageTurnAnimationDuration:0,computedSpreadMode:to({spreadMode:e.spreadMode,manifest:t})};return t?.renditionFlow==="scrolled-continuous"&&(s.computedPageTurnMode="scrollable"),s.computedPageTurnMode==="scrollable"&&(s.computedPageTurnDirection="vertical"),o&&s.computedPageTurnAnimation==="slide"&&(L.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=e.pageTurnAnimationDuration!==void 0?e.pageTurnAnimationDuration:300,s}getOutputSettings(e){const t=this.getComputedSettings(e);return{...this.outputSettings,...e,...t}}getDefaultSettings(){return{spreadMode:!1,pageTurnAnimation:"slide",pageTurnDirection:"horizontal",pageTurnAnimationDuration:void 0,pageTurnMode:"controlled",snapAnimationDuration:300,navigationSnapThreshold:{type:"pixels",value:40},numberOfAdjacentSpineItemToPreLoad:3}}}class io extends x{onUnload(){return i.EMPTY}onCreateDocument(){return i.of(document.createElement("div"))}onLoadDocument(){return i.EMPTY}onLayout(){return i.of(void 0)}onRenderHeadless(){return i.EMPTY}getDocumentFrame(){}}class oo extends C{constructor(e,t,o,s,r,a,c){super(),this.item=e,this.containerElement=t,this.context=o,this.hookManager=s,this.renderer=r,this.settings=a,this.viewport=c,this.layoutTriggerSubject=new i.Subject,this.lastLayout=null,this.applyDimsAfterLayout=({blankPagePosition:l,minimumWidth:u})=>p=>p.pipe(i.map(d=>{const h=$.isShallowEqual(this.lastLayout?.pageSize,this.viewport.pageSize)?this.lastLayout:void 0,{width:m,height:g}=h??{},{width:f=m,height:y=g}=d??{},{width:S,height:w}=this.viewport.pageSize,v=this.validateDimension(f??S,S,u),T=this.settings.values.computedPageTurnMode==="scrollable"?y??w:this.validateDimension(y??w,w,w);return this.lastLayout={width:v,height:T,pageSize:this.viewport.pageSize},this.containerElement.style.width=`${v}px`,this.containerElement.style.height=`${T}px`,this.hookManager.execute("item.onAfterLayout",void 0,{blankPagePosition:l,item:this.item,minimumWidth:u}),{width:v,height:T}})),this.layout=l=>{const u=Ue(this.layout$.pipe(i.first()));return this.layoutTriggerSubject.next(l),u()},this.adjustPositionOfElement=({right:l,left:u,top:p})=>{l!==void 0?this.containerElement.style.right=`${l}px`:this.containerElement.style.removeProperty("right"),u!==void 0?this.containerElement.style.left=`${u}px`:this.containerElement.style.removeProperty("left"),p!==void 0?this.containerElement.style.top=`${p}px`:this.containerElement.style.removeProperty("top")},this.layoutProcess$=this.layoutTriggerSubject.pipe(i.switchMap(l=>{const{blankPagePosition:u,minimumWidth:p,spreadPosition:d}=l;this.hookManager.execute("item.onBeforeLayout",void 0,{blankPagePosition:u,item:this.item,minimumWidth:p});const h=this.renderer.layout({blankPagePosition:u,minPageSpread:p/this.viewport.pageSize.width,minimumWidth:p,spreadPosition:d});return i.merge(i.of({type:"start"}),h.pipe(this.applyDimsAfterLayout(l),i.map(m=>({type:"end",data:m}))))}),i.share()),this.layout$=this.layoutProcess$.pipe(i.filter(l=>l.type==="end"),i.map(l=>l.data),i.share())}validateDimension(e,t,o){if(e<=0)return o;const s=Math.max(e,o),a=Math.ceil(s/t)*t;return Math.max(a,t)}get layoutInfo(){const e=this.containerElement.style,t=e.width?parseFloat(e.width):0,o=e.height?parseFloat(e.height):0;return{width:t,height:o}}}class Fe extends N{constructor(e,t,o,s,r,a,c){super({isLoaded:!1,isReady:!1,iDirty:!1}),this.item=e,this.parentElement=t,this.context=o,this.settings=s,this.hookManager=r,this.index=a,this.viewport=c,this.load=()=>{this.renderer.load()},this.unload=()=>{this.renderer.unload()},this.markDirty=()=>{this.mergeCompare({iDirty:!0})},this.destroy=()=>{super.destroy(),this.containerElement.remove(),this.renderer.destroy()},this.isUsingVerticalWriting=()=>!!this.renderer.writingMode?.startsWith("vertical"),this.containerElement=so(t,e,r),t.appendChild(this.containerElement);const l=this.settings.values.getRenderer?.(e);this.resourcesHandler=new J(e,this.settings);const u={context:o,settings:s,hookManager:r,item:e,containerElement:this.containerElement,resourcesHandler:this.resourcesHandler,viewport:this.viewport};this.renderer=l?l(u):new io(u),this.layout=new oo(e,this.containerElement,o,r,this.renderer,this.settings,this.viewport);const p=this.renderer.state$.pipe(b.tap(h=>{this.mergeCompare({isLoaded:h==="loaded"})})),d=this.layout.layout$.pipe(b.tap(()=>{this.mergeCompare({iDirty:!1,isReady:this.renderer.state$.value==="loaded"})}));this.needsLayout$=i.merge(this.unloaded$,this.loaded$),i.merge(p,d,this.layout.layout$).pipe(b.takeUntil(this.destroy$)).subscribe()}get isReady$(){return this.watch("isReady")}get element(){return this.containerElement}get readingDirection(){return this.renderer.readingDirection}get loaded$(){return this.renderer.loaded$}get unloaded$(){return this.renderer.state$.pipe(b.distinctUntilChanged(),b.filter(e=>e!=="idle"),b.switchMap(()=>this.renderer.state$.pipe(b.filter(e=>e==="idle"),b.first())))}get renditionLayout(){return this.renderer.renditionLayout}get numberOfPages(){return wt({isUsingVerticalWriting:!!this.isUsingVerticalWriting(),itemHeight:this.layout.layoutInfo.height,itemWidth:this.layout.layoutInfo.width,pageWidth:this.viewport.pageSize.width,pageHeight:this.viewport.pageSize.height,pageTurnDirection:this.settings.values.computedPageTurnDirection,pageTurnMode:this.settings.values.pageTurnMode})}}const so=(n,e,t)=>{const o=n.ownerDocument.createElement("div");return o.classList.add("spineItem"),o.classList.add(`spineItem-${e.renditionLayout??"reflowable"}`),o.style.cssText=`
+        `,h.className=`${U}-scroll-navigator`,h.appendChild(this.viewport.value.element),d.appendChild(h),this.update({element:h})})),c=i.combineLatest([t.watch(["computedPageTurnMode"]),this.watch("element")]).pipe(i.tap(([{computedPageTurnMode:d},h])=>{h&&(d==="scrollable"?h.style.display="block":h.style.display="contents")})),l=this.navigateSubject.pipe(i.tap(this.setViewportPosition));this.isNavigating$=this.navigateSubject.pipe(i.startWith(!1),i.switchMap(()=>i.merge(i.of(!0),i.of(!1))),i.shareReplay(1));const u=i.merge(s.element$.pipe(i.filter(_),i.switchMap(d=>Z(d))),s.element$.pipe(i.filter(_),i.switchMap(d=>i.fromEvent(d,"scroll"))),s.spineItemsObserver.itemResize$).pipe(i.switchMap(()=>i.timer(10).pipe(i.map(()=>!1),i.startWith(!0))),i.distinctUntilChanged(),i.startWith(!1)),p=i.combineLatest([u,this.isScrolling$]).pipe(i.map(([d,h])=>d||h),i.shareReplay(1));this.userScroll$=this.watch("element").pipe(i.filter(_),i.switchMap(d=>t.watch(["computedPageTurnMode"]).pipe(i.switchMap(({computedPageTurnMode:h})=>h==="controlled"?i.NEVER:i.fromEvent(d,"scroll").pipe(i.withLatestFrom(p),i.filter(([,m])=>!m),i.map(([m])=>m))))),i.share()),i.merge(a,c,l).pipe(i.takeUntil(this.destroy$)).subscribe()}update(e){this.mergeCompare(e)}navigate(e){this.navigateSubject.next(e)}fromScrollPosition(e){const t=this.viewport.scaleFactor;return new O({x:e.x/t,y:e.y/t})}fromSpinePosition(e){const t=this.viewport.scaleFactor;return new we({x:e.x*t,y:e.y*t})}get scrollPosition(){const e=this.value.element;return new we({x:e?.scrollLeft??0,y:e?.scrollTop??0})}}const Ci=()=>n=>n.pipe(i.map(({navigation:e,pagination:t,...o})=>({navigation:{...e,paginationBeginCfi:t.beginCfi},...o}))),Ri=(n,e,t)=>n.bridgeEvent.pagination$.pipe(i.withLatestFrom(e),i.filter(([o,s])=>o.navigationId===s.id),i.switchMap(([o,s])=>(t.spineItemsManager.get(s.spineItem)?.isReady$.pipe(i.first())??i.of(!1)).pipe(i.filter(a=>a),i.map(()=>({pagination:o,navigation:s})))),Ci(),i.distinctUntilChanged((o,s)=>o.navigation.paginationBeginCfi===s.navigation.paginationBeginCfi),i.map(({navigation:o})=>({...o,meta:{triggeredBy:"pagination"}}))),Di=({navigationResolver:n})=>e=>e.pipe(i.map(([t,o])=>{const s={type:"api",meta:{triggeredBy:"user"},id:Symbol(),animation:"turn",...t,position:t.position?n.fromOutOfBoundsSpinePosition(t.position):void 0};return{previousNavigation:o,navigation:s}})),Ai=({navigationResolver:n})=>e=>e.pipe(i.map(t=>{if(t.navigation.cfi){const o=n.getNavigationForCfi(t.navigation.cfi);if(o)return{...t,navigation:{...t.navigation,position:o}}}return t})),Oi=({navigation:n,previousNavigation:e,settings:t})=>n.directionFromLastNavigation?n.directionFromLastNavigation:n.url!==void 0||n.cfi!==void 0?"anchor":e.spineItem===void 0||n.spineItem||!n.position?"forward":t.values.computedPageTurnDirection==="vertical"?n.position.y>e.position.y||n.position.y===e.position.y&&e.directionFromLastNavigation!=="backward"?"forward":"backward":Math.abs(n.position.x)>Math.abs(e.position.x)||n.position.x===e.position.x&&e.directionFromLastNavigation!=="backward"?"forward":"backward",Ni=({context:n,settings:e})=>t=>t.pipe(i.map(({navigation:o,previousNavigation:s})=>{const r=Oi({navigation:o,previousNavigation:s,settings:e}),a={...o,directionFromLastNavigation:r};return{previousNavigation:s,navigation:a,direction:r}})),Vi=({spineItemsManager:n,navigationResolver:e,settings:t})=>o=>o.pipe(i.map(({navigation:s,...r})=>{const a=n.get(s.spineItem);if(s.position)return t.values.computedPageTurnMode==="scrollable"?{navigation:{...s,position:s.position},...r}:{navigation:{...s,position:e.fromUnboundSpinePosition(s.position)},...r};if(!a)return{navigation:{...s,position:r.previousNavigation.position},...r};const c=e.getNavigationForSpineIndexOrId(a),l=t.values.computedPageTurnMode==="scrollable"?new O({x:c.x+r.previousNavigation.position.x,y:c.y}):e.fromUnboundSpinePosition(c);return{navigation:{...s,position:l},...r}})),ft=({settings:n,spineItemsManager:e,navigationResolver:t,spineLocator:o})=>s=>{const r=a=>{const{position:c,spineItem:l,cfi:u,directionFromLastNavigation:p}=a,{navigationSnapThreshold:d,computedPageTurnMode:h}=n.values;if(l!==void 0){const m=e.get(l);if(m)return m}if(typeof l=="number")return l>e.items.length-1?e.get(e.items.length-1):e.get(0);if(u){const m=e.getSpineItemFromCfi(u);if(m)return m}if(c&&h==="controlled"){const{beginIndex:m,endIndex:g}=o.getVisibleSpineItemsFromPosition({position:c,threshold:d,restrictToScreen:!1})??{},f=(p==="forward"||p==="anchor"?g:m)??m,y=e.get(f);if(!y)return;const{endPageIndex:S,beginPageIndex:w}=o.getVisiblePagesFromViewportPosition({position:c,spineItem:y,threshold:d,restrictToScreen:!1})??{},v=(p==="forward"||p==="anchor"?S:w)??0,T=t.getNavigationForSpineItemPage({pageIndex:v,spineItemId:y}),P=o.getVisibleSpineItemsFromPosition({position:T,threshold:d,restrictToScreen:!1}),E=p==="forward"||p==="anchor"?P?.beginIndex:P?.endIndex;return e.get(E)}return c&&h==="scrollable"?o.getSpineItemFromPosition(c):e.get(0)};return s.pipe(i.map(({navigation:a,...c})=>{const l=r(a);return{navigation:{...a,spineItem:e.getSpineItemIndex(l)},...c}}))},St=({spine:n})=>e=>e.pipe(i.switchMap(({navigation:t,...o})=>{const s=n.getSpineItemSpineLayoutInfo(t.spineItem),r=n.spineItemsManager.get(t.spineItem);return(r?.isReady$??i.of(!1)).pipe(i.first(),i.map(a=>({navigation:{...t,spineItemHeight:s?.height,spineItemWidth:s?.width,spineItemLeft:s.left,spineItemTop:s.top,spineItemIsUsingVerticalWriting:r?.isUsingVerticalWriting(),spineItemIsReady:a},...o})))})),ve=({settings:n,spineItemsManager:e,spineLocator:t,navigationResolver:o})=>s=>{const r=a=>{const{navigationSnapThreshold:c,computedPageTurnMode:l}=n.values,u=e.get(a.spineItem);if(!(!u||!a.position)){if(l==="controlled"){const{endPageIndex:p,beginPageIndex:d}=t.getVisiblePagesFromViewportPosition({position:a.position,spineItem:u,threshold:c,restrictToScreen:!1})??{},h=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?p:d)??0,m=o.getNavigationForSpineItemPage({pageIndex:h,spineItemId:u}),g=t.getVisiblePagesFromViewportPosition({position:m,spineItem:u,threshold:{type:"percentage",value:0},restrictToScreen:!0}),f=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?g?.beginPageIndex:g?.endPageIndex)??0;return t.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:f,spineItem:u})}return t.getSpineItemPositionFromSpinePosition(a.position,u)}};return s.pipe(i.map(({navigation:a,...c})=>({navigation:{...a,positionInSpineItem:r(a)},...c})))},ki=({navigationResolver:n})=>e=>e.pipe(i.map(t=>{if(t.navigation.url){const o=n.getNavigationForUrl(t.navigation.url);if(o)return{...t,navigation:{...t.navigation,position:o.position,spineItem:o.spineItemId}}}return t}));class Pe{constructor(){this.isLockedSubject=new i.BehaviorSubject(0),this.isLocked$=this.isLockedSubject.pipe(i.map(e=>!!e),i.distinctUntilChanged())}lock(){let e=!1;return this.isLockedSubject.next(this.isLockedSubject.getValue()+1),()=>{e||(e=!0,this.isLockedSubject.next(this.isLockedSubject.getValue()-1))}}}const Ui=({spineLocator:n,navigation:e,navigationResolver:t,spineItemsManager:o,spine:s})=>{const r=o.get(e.spineItem);return r?r.isReady$.pipe(i.first(),i.map(a=>{const c=s.getSpineItemSpineLayoutInfo(r),l=n.isPositionWithinSpineItem(e.position,r),u=c.width-(e.spineItemWidth??0),p=c.height-(e.spineItemHeight??0),d=u!==0||p!==0;if(e.url!==void 0&&(u||p||a&&!e.spineItemIsReady)){const m=t.getNavigationForUrl(e.url);if(m)return m.position}const h=e.cfi??e.paginationBeginCfi;if(h!==void 0&&!ne(h)&&(u||p||a&&!e.spineItemIsReady)){const m=t.getNavigationForCfi(h);if(m)return m}if(l&&d&&e.directionFromLastNavigation==="backward"){const m=new F({x:(e.positionInSpineItem?.x??0)+u,y:(e.positionInSpineItem?.y??0)+p});return t.getNavigationFromSpineItemPosition({spineItem:r,spineItemPosition:m})}if(e.positionInSpineItem&&e.spineItemHeight&&e.spineItemWidth){const m=n.spineItemLocator.getSpineItemPageIndexFromPosition({itemWidth:e.spineItemWidth,itemHeight:e.spineItemHeight,isUsingVerticalWriting:!!e.spineItemIsUsingVerticalWriting,position:e.positionInSpineItem});return t.getNavigationForSpineItemPage({pageIndex:m,spineItemId:r})}return l?t.getNavigationForPosition(e.position):t.getNavigationForSpineIndexOrId(r)})):i.of(new M({x:0,y:0}))},Wi=({navigation:n,spineLocator:e,spineItemsManager:t,settings:o,navigationResolver:s,spine:r})=>{const{spineItem:a}=n,c=t.get(a);if(!c)return new M({x:0,y:0});const{height:l,top:u}=r.getSpineItemSpineLayoutInfo(c),p=e.isPositionWithinSpineItem(n.position,c),d=n.positionInSpineItem??new F({y:0,x:0});if(o.values.computedPageTurnDirection==="vertical"){if(u===n.spineItemTop&&l===n.spineItemHeight&&p)return n.position;if(u===n.spineItemTop&&l===n.spineItemHeight&&!p)return s.getNavigationForSpineIndexOrId(c);if(u!==n.spineItemTop){const h=e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(n.positionInSpineItem??new F({x:0,y:0}),c);return e.getSpinePositionFromSpineItemPosition({spineItemPosition:h,spineItem:c})}if(u===n.spineItemTop&&l!==n.spineItemHeight){const h=(n.spineItemHeight??d.y)-d.y,m=new F({y:n.directionFromLastNavigation==="backward"?l-h:d.y,x:n.position.x});if(p){const g=e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(m,c);return e.getSpinePositionFromSpineItemPosition({spineItemPosition:g,spineItem:c})}if(!p){if(!(n.position.y<u)){const f=new F({y:l-h,x:n.position.x});return e.getSpinePositionFromSpineItemPosition({spineItemPosition:e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(f,c),spineItem:c})}return s.getNavigationForSpineIndexOrId(c)}}}return n.position},zi=({navigation:n,spineItemsManager:e,settings:t,spineLocator:o,navigationResolver:s,spine:r})=>t.values.computedPageTurnMode==="scrollable"?i.of(Wi({navigation:n,spineLocator:o,navigationResolver:s,settings:t,spineItemsManager:e,spine:r})):Ui({navigation:n,spineLocator:o,navigationResolver:s,spineItemsManager:e,spine:r}),yt=({settings:n,navigationResolver:e,context:t,spine:o})=>s=>s.pipe(i.switchMap(r=>zi({spineLocator:o.locator,navigation:r.navigation,navigationResolver:e,settings:n,spineItemsManager:o.spineItemsManager,spineItemLocator:o.locator.spineItemLocator,spine:o}).pipe(i.map(a=>({...r,navigation:{...r.navigation,position:a}}))))),_i=L.namespace("navigation/InternalNavigator");class bt extends C{constructor(e,t,o,s,r,a,c,l){super(),this.settings=e,this.context=t,this.userNavigation$=o,this.controlledNavigationController=s,this.scrollNavigationController=r,this.navigationResolver=a,this.spine=c,this.isUserLocked$=l,this.navigationSubject=new i.BehaviorSubject({animation:!1,position:new M({x:0,y:0}),meta:{triggeredBy:"user"},spineItemIsReady:!1,type:"api",id:Symbol()}),this.navigated$=this.navigationSubject.pipe(i.skip(1)),this.navigation$=this.navigationSubject.pipe(i.map(({position:S,id:w})=>({position:S,id:w})),i.distinctUntilChanged(({position:S,...w},{position:v,...T})=>$.isShallowEqual(w,T)&&$.isShallowEqual(S,v)),i.shareReplay(1)),this.locker=new Pe;const u=o.pipe(i.withLatestFrom(this.navigationSubject),Di({navigationResolver:a}),ki({navigationResolver:a}),Ai({navigationResolver:a}),Ni({context:t,settings:e}),ft({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),ve({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),St({spine:c})).pipe(Vi({navigationResolver:a,spineItemsManager:c.spineItemsManager,settings:e}),i.withLatestFrom(l),i.switchMap(([S,w])=>{const v=S.navigation.cfi||S.navigation.url||e.values.computedPageTurnMode==="scrollable"||w;return i.of(S).pipe(v?i.identity:yt({navigationResolver:a,settings:e,spine:c,context:t}))}),ve({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:e,navigationResolver:a}),i.map(S=>S.navigation),i.share()),p=u.pipe(i.withLatestFrom(l),i.filter(([,S])=>S),i.switchMap(([S])=>{const w=this.locker.lock();return l.pipe(i.filter(v=>!v),i.first(),i.map(()=>({...S,animation:"snap"})),i.finalize(()=>{w()}),i.takeUntil(u))}),i.share()),d=i.merge(s.layout$,c.layout$).pipe(i.switchMap(()=>i.of(null).pipe(i.switchMap(()=>l.pipe(i.filter(S=>!S),i.first())),i.map(()=>({...this.navigationSubject.getValue(),animation:!1})),i.takeUntil(i.merge(p,u))))),h=i.merge(d,p).pipe(i.map(S=>({navigation:S})),yt({navigationResolver:a,settings:e,context:t,spine:c}),i.map(S=>{const w={...S.navigation,meta:{triggeredBy:"restoration"}};return{...S,navigation:w}}),ft({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),St({spine:c}),ve({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:e,navigationResolver:a}),i.map(({navigation:S})=>S),i.share()),m=Ri(t,this.navigationSubject,c),g=i.merge(h,u,m),f=S=>S.pipe(i.tap(([w,v])=>{_i.info(`navigation updated from ${w.meta.triggeredBy} of type ${w.type}`,{previousNavigation:v,currentNavigation:w}),this.navigationSubject.next(w)})),y=S=>S.pipe(i.tap(([w,v])=>{const T=w.type==="scroll",P=w.meta.triggeredBy==="pagination",E=w.meta.triggeredBy==="restoration",D=$.isShallowEqual(v.position,w.position);if(T&&!E||P||D)return;const R={position:w.position,animation:w.animation};e.values.computedPageTurnMode==="scrollable"?this.scrollNavigationController.navigate(R):this.controlledNavigationController.navigate({...R,position:M.from(R.position)})}));g.pipe(i.withLatestFrom(this.navigationSubject),y,f,i.takeUntil(this.destroy$)).subscribe()}get navigation(){return this.navigationSubject.getValue()}}const oe=(n,e,t)=>{const o=t-n,s=t*(e*n)/(t||1);return Math.max(0,Math.min(o,s))},$e=(n,e)=>(e||0)===0||(n||0)===0?1:Math.floor(Math.max(1,n/e)),Te=(n,e,t)=>{const o=$e(t,e),s=[...Array(o)].map((r,a)=>a*e);return n>=o*e?s[s.length-1]||0:s.find(r=>n<r+e)||0},It=(n,e,t)=>{const o=[...Array(t)].map((s,r)=>r*e);return n<=0||t===0?0:n>=t*e?t-1:o.findIndex(s=>n<s+e)??0},Bi=({itemWidth:n,itemHeight:e,spineItemPosition:t})=>new F({x:Math.min(n,Math.max(0,t.x)),y:Math.min(e,Math.max(0,t.y))}),wt=({itemHeight:n,itemWidth:e,isUsingVerticalWriting:t,pageWidth:o,pageHeight:s,pageTurnDirection:r,pageTurnMode:a})=>r==="vertical"&&a==="scrollable"?1:t||r==="vertical"?$e(n,s):$e(e,o),vt=({itemWidth:n,itemHeight:e,position:t,isUsingVerticalWriting:o,pageWidth:s,pageHeight:r,pageTurnDirection:a,pageTurnMode:c,isRTL:l})=>{const p=Bi({spineItemPosition:t,itemHeight:e,itemWidth:n}).x,d=wt({isUsingVerticalWriting:o,itemHeight:e,itemWidth:n,pageWidth:s,pageHeight:r,pageTurnDirection:a,pageTurnMode:c});if(o)return It(t.y,r,d);const h=It(p,s,d);return l?d-1-h:h},Hi=({pageIndex:n,itemLayout:e,context:t,isUsingVerticalWriting:o,viewport:s})=>{if(o){const a=oe(s.pageSize.height,n,e.height);return new F({x:0,y:a})}const r=oe(s.pageSize.width,n,e.width);return t.isRTL()?new F({x:e.width-r-s.pageSize.width,y:0}):new F({x:r,y:0})},Pt=({context:n,settings:e,viewport:t})=>{const o=(c,l,u)=>{let p;c?.nodeName==="img"||c?.textContent===""&&c.nodeType===Node.ELEMENT_NODE?p=c.getBoundingClientRect().x:c&&(p=(c?xt(c,l):void 0)?.getBoundingClientRect().x||p);const d=u.layout.layoutInfo?.width||0,h=t.pageSize.width;if(p!==void 0){const m=Te(p,h,d);return new F({x:m,y:0})}};return{getSpineItemPositionFromNode:o,getSpineItemPositionFromPageIndex:({pageIndex:c,spineItem:l})=>Hi({context:n,isUsingVerticalWriting:!!l.isUsingVerticalWriting(),itemLayout:l.layout.layoutInfo,pageIndex:c,viewport:t}),getSpineItemPageIndexFromPosition:c=>vt({...c,isRTL:n.isRTL(),pageWidth:t.pageSize.width,pageHeight:t.pageSize.height,pageTurnDirection:e.values.computedPageTurnDirection,pageTurnMode:e.values.pageTurnMode}),getSpineItemPageIndexFromNode:(c,l,u)=>{const p=o(c,l,u),{height:d,width:h}=u.layout.layoutInfo;return p?vt({isUsingVerticalWriting:!!u.isUsingVerticalWriting(),position:p,itemHeight:d,itemWidth:h,isRTL:n.isRTL(),pageWidth:t.pageSize.width,pageHeight:t.pageSize.height,pageTurnDirection:e.values.computedPageTurnDirection,pageTurnMode:e.values.pageTurnMode}):void 0},getSpineItemClosestPositionFromUnsafePosition:(c,l)=>{const{width:u,height:p}=l.layout.layoutInfo;return new F({x:Te(c.x,t.pageSize.width,u),y:Te(c.y,t.pageSize.height,p)})},getSpineItemPagePositionFromSpineItemPosition:(c,l,u)=>{const{width:p,height:d}=u.layout.layoutInfo,h=t.pageSize.width,m=t.pageSize.height;if(!!u.isUsingVerticalWriting()){const y=oe(m,l,d);return new j({x:c.x,y:c.y-y})}const f=oe(h,l,p);if(n.isRTL()){const y=p-(l+1)*h;return new j({x:c.x-Math.max(0,y),y:c.y})}return new j({x:c.x-f,y:c.y})}}},xi=({context:n,settings:e,viewport:t})=>{const o=Pt({context:n,settings:e,viewport:t});return{getNavigationForLastPage:c=>{const l=c.numberOfPages;return o.getSpineItemPositionFromPageIndex({pageIndex:l-1,spineItem:c})},getNavigationForPosition:(c,l)=>o.getSpineItemClosestPositionFromUnsafePosition(l,c),getNavigationFromNode:(c,l,u)=>o.getSpineItemPositionFromNode(l,u,c)||new F({x:0,y:0})}};function $t({position:n,isRTL:e,spineItemsManager:t,spine:o,viewportWidth:s}){const r=t.get(t.items.length-1),a=o.getSpineItemSpineLayoutInfo(r||0),c=a.bottom,l=Math.max(0,n.y),u=Math.min(l,c);if(e){const m=Math.min(s,n.x),g=Math.max(m,a.left);return new M({x:g,y:u})}const p=a.right,d=Math.max(0,n.x),h=Math.min(d,p);return new M({x:h,y:u})}const Tt=({position:n,isRTL:e,pageSizeHeight:t,spineItemsManager:o,visibleAreaRectWidth:s,spine:r})=>{const a=$t({position:n,isRTL:e,spineItemsManager:o,spine:r,viewportWidth:s}),c=o.get(o.items.length-1),l=r.getSpineItemSpineLayoutInfo(c),u=l.bottom-t,p=Math.min(a.y,u);if(e){const h=Math.min(0,a.x);return new M({x:h,y:p})}const d=l.right-s;return new M({x:Math.min(a.x,d),y:p})},V=({position:{x:n,y:e},pageSizeWidth:t,visibleAreaRectWidth:o})=>{const r=n%o!==0?n-t:n;return new M({x:r,y:e})},Me=({viewportPosition:n,spineLocator:e,spineItemNavigationResolver:t,viewport:o})=>{const s=e.getSpineItemFromPosition(n);if(s){const r=e.getSpineItemPositionFromSpinePosition(n,s),a=t.getNavigationForPosition(s,r),c=e.getSpinePositionFromSpineItemPosition({spineItemPosition:a,spineItem:s});return V({position:c,pageSizeWidth:o.pageSize.width,visibleAreaRectWidth:o.absoluteViewport.width})}return new M({x:0,y:0})},qi=({pageIndex:n,spineItemsManager:e,spineItemId:t,spineLocator:o,spineItemNavigationResolver:s,viewport:r})=>{const a=e.get(t);if(!a){const u=n*r.pageSize.width;return Me({viewportPosition:new M({x:u,y:0}),spineItemNavigationResolver:s,spineLocator:o,viewport:r})}const c=o.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:n,spineItem:a}),l=o.getSpinePositionFromSpineItemPosition({spineItemPosition:c,spineItem:a});return V({position:l,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})},Xi=(n,e)=>{if(e&&e instanceof HTMLIFrameElement)return n.startsWith("#")?e.contentDocument?.getElementById(n.replace("#","")):e.contentDocument?.querySelector(n)},Yi=({anchor:n,spineItem:e,spine:t})=>{const o=Xi(n,e.renderer.getDocumentFrame());return o?t.spineItemLocator.getSpineItemPositionFromNode(o,0,e)?.x??0:0},Gi=({anchor:n,spineItem:e,spineLocator:t,spine:o})=>{const s=Yi({anchor:n,spineItem:e,spine:o});return t.getSpinePositionFromSpineItemPosition({spineItemPosition:new F({x:s,y:0}),spineItem:e})},Zi=({anchor:n,spineItem:e,spineLocator:t,spine:o,pageSizeWidth:s,visibleAreaRectWidth:r})=>{const a=Gi({anchor:n,spineItem:e,spineLocator:t,spine:o});return V({position:a,pageSizeWidth:s,visibleAreaRectWidth:r})},Ji=({spine:n,spineItemsManager:e,spineLocator:t,url:o,context:s,pageSizeWidth:r,visibleAreaRectWidth:a})=>{try{const c=o instanceof URL?o:new URL(o),l=`${c.origin}${c.pathname}`,u=s.manifest?.spineItems.find(p=>p.href===l);if(u){const p=e.get(u.id);if(p){const d=Zi({anchor:c.hash,spineItem:p,spine:n,spineLocator:t,pageSizeWidth:r,visibleAreaRectWidth:a});return{position:V({position:d,pageSizeWidth:r,visibleAreaRectWidth:a}),spineItemId:u.id}}}return}catch(c){console.error(c);return}},Ki=({spineItem:n,spineItemPosition:e,spineLocator:t,spineItemLocator:o,viewport:s})=>{const r=o.getSpineItemClosestPositionFromUnsafePosition(e,n),a=t.getSpinePositionFromSpineItemPosition({spineItemPosition:r,spineItem:n});return V({position:a,pageSizeWidth:s.pageSize.width,visibleAreaRectWidth:s.absoluteViewport.width})},Qi="spineNavigator",ji=({context:n,spineItemsManager:e,locator:t,settings:o,spine:s,viewport:r})=>{const a=xi({context:n,settings:o,viewport:r});return{getNavigationForUrl:m=>Ji({context:n,spineItemsManager:e,spineLocator:t,url:m,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width,spine:s}),getNavigationForSpineItemPage:m=>qi({...m,spineItemsManager:e,spineItemNavigationResolver:a,spineLocator:t,viewport:r}),getNavigationFromSpineItemPosition:m=>Ki({...m,spineItemLocator:t.spineItemLocator,spineLocator:t,viewport:r}),getNavigationForCfi:m=>{const g=e.getSpineItemFromCfi(m),{node:f,offset:y=0}=ye({cfi:m,spineItemsManager:e});if(!g){L.warn(Qi,`unable to detect item id from cfi ${m}`);return}const S=f?a.getNavigationFromNode(g,f,y):new F({x:0,y:0}),w=t.getSpinePositionFromSpineItemPosition({spineItemPosition:S,spineItem:g});return V({position:w,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})},getNavigationForLastPage:m=>{const g=a.getNavigationForLastPage(m),f=t.getSpinePositionFromSpineItemPosition({spineItemPosition:g,spineItem:m});return V({position:f,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})},getNavigationForSpineIndexOrId:m=>{const g=e.get(m);if(g){const f=t.getSpinePositionFromSpineItem(g);return V({position:f,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})}return new M({x:0,y:0})},getNavigationForPosition:m=>Me({viewportPosition:m,spineItemNavigationResolver:a,spineLocator:t,viewport:r}),getMostPredominantNavigationForPosition:m=>{const g=o.values.computedPageTurnDirection,f=.5,y=g==="horizontal"?m.x+r.absoluteViewport.width*f:0,S=g==="horizontal"?0:m.y+r.absoluteViewport.height*f,w=Tt({position:new M({x:y,y:S}),isRTL:n.isRTL(),pageSizeHeight:r.pageSize.height,visibleAreaRectWidth:r.absoluteViewport.width,spineItemsManager:e,spine:s});return Me({spineItemNavigationResolver:a,spineLocator:t,viewportPosition:w,viewport:r})},fromUnboundSpinePosition:m=>Tt({position:m,isRTL:n.isRTL(),pageSizeHeight:r.pageSize.height,visibleAreaRectWidth:r.absoluteViewport.width,spineItemsManager:e,spine:s}),fromOutOfBoundsSpinePosition:m=>$t({position:m,isRTL:n.isRTL(),spineItemsManager:e,spine:s,viewportWidth:r.absoluteViewport.width}),isNavigationGoingForwardFrom:(m,g)=>o.values.computedPageTurnDirection==="vertical"?m.y>g.y:m.x>g.x,arePositionsDifferent:(m,g)=>m.x!==g.x||m.y!==g.y,getAdjustedPositionForSpread:m=>V({position:m,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width}),spineItemNavigator:a}},eo=({spineItemsManager:n,context:e,hookManager:t,spine:o,settings:s,viewport:r})=>{const a=new i.Subject,c=a.asObservable(),l=new Pe,u=ji({context:e,settings:s,spineItemsManager:n,locator:o.locator,spine:o,viewport:r}),p=new ht(s,t,e,o,r),d=new mt(r,s,t,o,e),h=new bt(s,e,c,p,d,u,o,l.isLocked$),m=i.combineLatest([p.isNavigating$,d.isNavigating$,l.isLocked$,h.locker.isLocked$]).pipe(b.map(y=>y.some(S=>S)?"busy":"free"),b.distinctUntilChanged(),b.shareReplay(1));return{destroy:()=>{p.destroy(),h.destroy()},getNavigation:()=>h.navigation,internalNavigator:h,scrollNavigationController:d,controlledNavigationController:p,locker:l,viewportState$:m,navigate:y=>{a.next(y)},lock(){return l.lock()},navigationResolver:u,navigation$:h.navigation$}};class Mt extends N{constructor(e,t){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=e,this.spineItemsManager=t}update(e){this.mergeCompare(e)}}class Ft extends C{constructor(e,t,o,s,r){super(),this.context=e,this.pagination=t,this.spineItemsManager=o,this.spine=s,this.spineItemLocator=r;const a=i.merge(this.context.bridgeEvent.navigation$,s.layout$).pipe(i.switchMap(()=>{const l=({spineItem:u,position:p})=>this.spine.locator.getVisiblePagesFromViewportPosition({spineItem:u,position:p,threshold:{type:"percentage",value:.5}});return this.context.bridgeEvent.navigationUnlocked$.pipe(i.take(1),i.withLatestFrom(this.context.bridgeEvent.navigation$),i.tap(([,u])=>{const{position:p}=u,d=this.pagination.value,{beginIndex:h,endIndex:m}=this.spine.locator.getVisibleSpineItemsFromPosition({position:p,threshold:{type:"percentage",value:.5}})??{},g=this.spineItemsManager.get(h),f=this.spineItemsManager.get(m);if(!g||!f)return;const y=d.beginCfi,S=d.endCfi,{beginPageIndex:w=0}=l({spineItem:g,position:p})??{},{endPageIndex:v=0}=l({spineItem:f,position:p})??{},T=y===void 0||ne(y)||d.beginSpineItemIndex!==h,P=d.endSpineItemIndex!==m||S===void 0||ne(S),E=T?B(g.item):y,D=P?B(f.item):S,R=g.numberOfPages,z=f.numberOfPages;this.pagination.update({beginCfi:E,beginNumberOfPagesInSpineItem:R,beginPageIndexInSpineItem:w,beginSpineItemIndex:h,endCfi:D,endNumberOfPagesInSpineItem:z,endPageIndexInSpineItem:v,endSpineItemIndex:m,navigationId:u.id})}))})),c=a.pipe(q(this.context.bridgeEvent.viewportFree$),i.tap(()=>{const{beginSpineItemIndex:l,endSpineItemIndex:u,beginPageIndexInSpineItem:p,endPageIndexInSpineItem:d}=this.pagination.value;if(p===void 0||d===void 0||l===void 0||u===void 0)return;const h=this.spineItemsManager.get(l),m=this.spineItemsManager.get(u);h===void 0||m===void 0||this.pagination.update({beginCfi:te({pageIndex:p,spineItem:h,spine:this.spine}),endCfi:te({pageIndex:d,spineItem:m,spine:this.spine})})}));i.merge(a,c).pipe(i.takeUntil(this.destroy$)).subscribe()}}const to=({manifest:n,spreadMode:e})=>n?.renditionFlow==="scrolled-continuous"?!1:e;class Lt extends C{constructor(e){super();const t={...this.getDefaultSettings(),...e};this.inputSettings=t,this.outputSettingsUpdateSubject=new i.Subject,this._settings$=this.outputSettingsUpdateSubject.asObservable().pipe(i.shareReplay(1)),this._settings$.subscribe()}_prepareUpdate(e){const t=$.shallowMergeIfDefined(this.inputSettings,e),o=this.getOutputSettings(t),s=!$.isShallowEqual(this.outputSettings,o);return{hasChanged:s,state:o,commit:()=>(this.inputSettings=t,this.outputSettings=o,s&&this.outputSettingsUpdateSubject.next(o),o)}}update(e){const{commit:t}=this._prepareUpdate(e);t()}get values(){if(!this.outputSettings){const{commit:e}=this._prepareUpdate(this.inputSettings);return e()}return this.outputSettings}get values$(){if(!this.outputSettings){const{commit:e}=this._prepareUpdate(this.inputSettings);e()}return this._settings$}watch(e){return this.values$.pipe(ge(e),i.distinctUntilChanged($.isShallowEqual))}destroy(){super.destroy(),this.outputSettingsUpdateSubject.complete()}}class no extends Lt{constructor(e,t){super(e),this.context=t,t.watch(["manifest","hasVerticalWriting"]).pipe(i.tap(()=>this.update(this.values)),i.takeUntil(this.destroy$)).subscribe()}getComputedSettings(e){const t=this.context.manifest,o=this.context.value.hasVerticalWriting??!1,s={computedPageTurnDirection:e.pageTurnDirection,computedPageTurnAnimation:e.pageTurnAnimation,computedPageTurnMode:e.pageTurnMode,computedPageTurnAnimationDuration:0,computedSpreadMode:to({spreadMode:e.spreadMode,manifest:t})};return t?.renditionFlow==="scrolled-continuous"&&(s.computedPageTurnMode="scrollable"),s.computedPageTurnMode==="scrollable"&&(s.computedPageTurnDirection="vertical"),o&&s.computedPageTurnAnimation==="slide"&&(L.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=e.pageTurnAnimationDuration!==void 0?e.pageTurnAnimationDuration:300,s}getOutputSettings(e){const t=this.getComputedSettings(e);return{...this.outputSettings,...e,...t}}getDefaultSettings(){return{spreadMode:!1,pageTurnAnimation:"slide",pageTurnDirection:"horizontal",pageTurnAnimationDuration:void 0,pageTurnMode:"controlled",snapAnimationDuration:300,navigationSnapThreshold:{type:"pixels",value:40},numberOfAdjacentSpineItemToPreLoad:3}}}class io extends x{onUnload(){return i.EMPTY}onCreateDocument(){return i.of(document.createElement("div"))}onLoadDocument(){return i.EMPTY}onLayout(){return i.of(void 0)}onRenderHeadless(){return i.EMPTY}getDocumentFrame(){}}class oo extends C{constructor(e,t,o,s,r,a,c){super(),this.item=e,this.containerElement=t,this.context=o,this.hookManager=s,this.renderer=r,this.settings=a,this.viewport=c,this.layoutTriggerSubject=new i.Subject,this.lastLayout=null,this.applyDimsAfterLayout=({blankPagePosition:l,minimumWidth:u})=>p=>p.pipe(i.map(d=>{const h=$.isShallowEqual(this.lastLayout?.pageSize,this.viewport.pageSize)?this.lastLayout:void 0,{width:m,height:g}=h??{},{width:f=m,height:y=g}=d??{},{width:S,height:w}=this.viewport.pageSize,v=this.validateDimension(f??S,S,u),T=this.settings.values.computedPageTurnMode==="scrollable"?y??w:this.validateDimension(y??w,w,w);return this.lastLayout={width:v,height:T,pageSize:this.viewport.pageSize},this.containerElement.style.width=`${v}px`,this.containerElement.style.height=`${T}px`,this.hookManager.execute("item.onAfterLayout",void 0,{blankPagePosition:l,item:this.item,minimumWidth:u}),{width:v,height:T}})),this.layout=l=>{const u=Ue(this.layout$.pipe(i.first()));return this.layoutTriggerSubject.next(l),u()},this.adjustPositionOfElement=({right:l,left:u,top:p})=>{l!==void 0?this.containerElement.style.right=`${l}px`:this.containerElement.style.removeProperty("right"),u!==void 0?this.containerElement.style.left=`${u}px`:this.containerElement.style.removeProperty("left"),p!==void 0?this.containerElement.style.top=`${p}px`:this.containerElement.style.removeProperty("top")},this.layoutProcess$=this.layoutTriggerSubject.pipe(i.switchMap(l=>{const{blankPagePosition:u,minimumWidth:p,spreadPosition:d}=l;this.hookManager.execute("item.onBeforeLayout",void 0,{blankPagePosition:u,item:this.item,minimumWidth:p});const h=this.renderer.layout({blankPagePosition:u,minPageSpread:p/this.viewport.pageSize.width,minimumWidth:p,spreadPosition:d});return i.merge(i.of({type:"start"}),h.pipe(this.applyDimsAfterLayout(l),i.map(m=>({type:"end",data:m}))))}),i.share()),this.layout$=this.layoutProcess$.pipe(i.filter(l=>l.type==="end"),i.map(l=>l.data),i.share())}validateDimension(e,t,o){if(e<=0)return o;const s=Math.max(e,o),a=Math.ceil(s/t)*t;return Math.max(a,t)}get layoutInfo(){const e=this.containerElement.style,t=e.width?parseFloat(e.width):0,o=e.height?parseFloat(e.height):0;return{width:t,height:o}}}class Fe extends N{constructor(e,t,o,s,r,a,c){super({isLoaded:!1,isReady:!1,iDirty:!1}),this.item=e,this.parentElement=t,this.context=o,this.settings=s,this.hookManager=r,this.index=a,this.viewport=c,this.load=()=>{this.renderer.load()},this.unload=()=>{this.renderer.unload()},this.markDirty=()=>{this.mergeCompare({iDirty:!0})},this.destroy=()=>{super.destroy(),this.containerElement.remove(),this.renderer.destroy()},this.isUsingVerticalWriting=()=>!!this.renderer.writingMode?.startsWith("vertical"),this.containerElement=so(t,e,r),t.appendChild(this.containerElement);const l=this.settings.values.getRenderer?.(e);this.resourcesHandler=new J(e,this.settings);const u={context:o,settings:s,hookManager:r,item:e,containerElement:this.containerElement,resourcesHandler:this.resourcesHandler,viewport:this.viewport};this.renderer=l?l(u):new io(u),this.layout=new oo(e,this.containerElement,o,r,this.renderer,this.settings,this.viewport);const p=this.renderer.state$.pipe(b.tap(h=>{this.mergeCompare({isLoaded:h==="loaded"})})),d=this.layout.layout$.pipe(b.tap(()=>{this.mergeCompare({iDirty:!1,isReady:this.renderer.state$.value==="loaded"})}));this.needsLayout$=i.merge(this.unloaded$,this.loaded$),i.merge(p,d,this.layout.layout$).pipe(b.takeUntil(this.destroy$)).subscribe()}get isReady$(){return this.watch("isReady")}get element(){return this.containerElement}get readingDirection(){return this.renderer.readingDirection}get loaded$(){return this.renderer.loaded$}get unloaded$(){return this.renderer.state$.pipe(b.distinctUntilChanged(),b.filter(e=>e!=="idle"),b.switchMap(()=>this.renderer.state$.pipe(b.filter(e=>e==="idle"),b.first())))}get renditionLayout(){return this.renderer.renditionLayout}get numberOfPages(){return wt({isUsingVerticalWriting:!!this.isUsingVerticalWriting(),itemHeight:this.layout.layoutInfo.height,itemWidth:this.layout.layoutInfo.width,pageWidth:this.viewport.pageSize.width,pageHeight:this.viewport.pageSize.height,pageTurnDirection:this.settings.values.computedPageTurnDirection,pageTurnMode:this.settings.values.pageTurnMode})}}const so=(n,e,t)=>{const o=n.ownerDocument.createElement("div");return o.classList.add("spineItem"),o.classList.add(`spineItem-${e.renditionLayout??"reflowable"}`),o.style.cssText=`
     position: absolute;
     overflow: hidden;
-  `,o.dataset.isReady="false",t.execute("item.onBeforeContainerCreated",void 0,{element:o}),o};class ro extends C{constructor(e,t,o,s,r){super(),this.context=e,this.spineItemsManager=t,this.spineLocator=o,this.settings=s,this.spineLayout=r,this.forcedOpenSubject=new i.BehaviorSubject([]);const a=this.forcedOpenSubject.pipe(i.map(u=>[...new Set(u.flat())].sort()),i.distinctUntilChanged($.arrayEqual),i.shareReplay({bufferSize:1,refCount:!0}));i.merge(this.context.bridgeEvent.navigation$,this.spineLayout.layout$,a,s.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(i.debounceTime(100,i.animationFrameScheduler),q(this.context.bridgeEvent.viewportFree$),i.withLatestFrom(this.context.bridgeEvent.navigation$,a),i.map(([,u,p])=>{const{numberOfAdjacentSpineItemToPreLoad:d}=s.values,{beginIndex:h=0,endIndex:m=0}=o.getVisibleSpineItemsFromPosition({position:u.position,threshold:{type:"percentage",value:0},useAbsoluteViewport:!1})||{},g=d===1/0?0:h-d,f=d===1/0?t.items.length-1:m+d,y=Array.from({length:f-g+1},(w,v)=>g+v),S=[...p,...y];t.items.forEach((w,v)=>{S.includes(v)?w.load():w.unload()})})).pipe(i.takeUntil(this.destroy$)).subscribe()}forceOpen(e){const t=e.map(o=>typeof o=="number"?o:o.index);return this.forcedOpenSubject.next([...this.forcedOpenSubject.value,t]),()=>{this.isDestroyed||this.forcedOpenSubject.next(this.forcedOpenSubject.value.filter(o=>o!==t))}}destroy(){super.destroy(),this.forcedOpenSubject.complete()}}const Et=(n,e,t)=>{const o=(t.width-e.width)/2,s=(t.height-e.height)/2;return new O({x:n.x-o,y:n.y-s})};class X extends DOMRect{constructor(){super(...arguments),this.__symbol=Symbol("ViewportPosition")}static from(e,t){if(t){const s=e;return new X(s.x,s.y,t.width,t.height)}const o=e;return new X(o.x,o.y,o.width,o.height)}}class ao{constructor({width:e,height:t}){this.__symbol=Symbol("AbsoluteViewport"),this.width=e,this.height=t}}class co{constructor({width:e,height:t}){this.__symbol=Symbol("RelativeViewport"),this.width=e,this.height=t}}const lo=({pageIndex:n,spineItemOrId:e,spineItemsManager:t})=>{const o=t.items,s=t.get(e);if(!s)return;const{currentAbsolutePage:r}=o.reduce((a,c)=>{if(a.found)return a;const l=c.numberOfPages;return s===c&&n<=l-1?{currentAbsolutePage:a.currentAbsolutePage+n,found:!0}:{...a,currentAbsolutePage:a.currentAbsolutePage+l}},{currentAbsolutePage:0,found:!1});return r},uo=({itemHeight:n,itemWidth:e,visibleWidthOfItem:t,visibleHeightOfItem:o,threshold:s})=>{const r=t/e,a=o/n;return s.type==="percentage"?r>=s.value&&a>=s.value:t>=s.value&&o>=s.value},po=({visibleWidthOfItem:n,visibleHeightOfItem:e,threshold:t,viewportPosition:o})=>{const s=n/o.width,r=e/o.height;return t.type==="percentage"?r>=t.value&&s>=t.value:e>=t.value&&n>=t.value},Ct=({itemPosition:{bottom:n,left:e,right:t,top:o,width:s,height:r},threshold:a,viewportPosition:c,restrictToScreen:l})=>{const u=c.x,p=c.x+(c.width-1),d=c.y,h=Math.max(c.y+(c.height-1),0),m=Math.max(0,Math.min(t,p)-Math.max(e,u)),g=Math.max(0,Math.min(n,h)-Math.max(o,d));if(m<=0||g<=0)return{visible:!1};const y=po({threshold:a,visibleHeightOfItem:g,visibleWidthOfItem:m,viewportPosition:c});return l?{visible:y}:{visible:uo({itemHeight:r,itemWidth:s,threshold:a,visibleHeightOfItem:g,visibleWidthOfItem:m})||y}},Le=({position:n,spineItemsManager:e,spineLayout:t})=>{const o=e.items.find(s=>{const{left:r,right:a,bottom:c,top:l}=t.getSpineItemSpineLayoutInfo(s),u=n.x>=r&&n.x<a,p=n.y>=l&&n.y<c;return u&&p});return n.x===0&&!o?e.items[0]:o},Ee=({spineItemPosition:n,itemLayout:{left:e,top:t}})=>new M({x:e+n.x,y:t+n.y}),go=({position:n,threshold:e,restrictToScreen:t,spineItemsManager:o,spineLayout:s,useAbsoluteViewport:r=!0,viewport:a})=>{const c=Le({position:n,spineItemsManager:o,spineLayout:s})||o.get(0),l=o.items.reduce((m,g)=>{const f=s.getSpineItemSpineLayoutInfo(g),y=r?a.absoluteViewport:a.relativeViewport,S=Et(n,a.absoluteViewport,y),w=X.from(S,y),{visible:v}=Ct({itemPosition:f,threshold:e,viewportPosition:w,restrictToScreen:t});return v?[...m,g]:m},[]),u=l[0]??c,p=l[l.length-1]??u;if(!u||!p)return;const d=o.getSpineItemIndex(u),h=o.getSpineItemIndex(p);return{beginIndex:d??0,endIndex:h??0}},ho=({spineItemsManager:n,context:e,spineItemLocator:t,settings:o,spineLayout:s,viewport:r})=>{const a=(g,f)=>{const{left:y,top:S}=s.getSpineItemSpineLayoutInfo(f);return new F({x:Math.max(g.x-y,0),y:Math.max(g.y-S,0)})},c=g=>Ee({spineItemPosition:new F({x:0,y:0}),itemLayout:s.getSpineItemSpineLayoutInfo(g)}),l=g=>n.items.find(f=>f.renderer.getDocumentFrame()===g),u=(g,f,y)=>{if(typeof y=="number"){const S=n.get(y);return S?t.getSpineItemPageIndexFromNode(g,f||0,S):void 0}return t.getSpineItemPageIndexFromNode(g,f||0,y)},p=({position:g,threshold:f,spineItem:y,restrictToScreen:S,useAbsoluteViewport:w=!0,viewport:v})=>{const T=y.numberOfPages,E=Array.from(Array(T)).map((z,re)=>{const Ce=t.getSpineItemPositionFromPageIndex({pageIndex:re,spineItem:y}),H=Ee({spineItemPosition:Ce,itemLayout:s.getSpineItemSpineLayoutInfo(y)});return{index:re,absolutePosition:{width:v.pageSize.width,height:v.pageSize.height,left:H.x,top:H.y,bottom:H.y+v.pageSize.height,right:H.x+v.pageSize.width}}}).reduce((z,{absolutePosition:re,index:Ce})=>{const H=w?v.absoluteViewport:v.relativeViewport,vo=Et(g,v.absoluteViewport,H),Po=X.from(vo,H),{visible:$o}=Ct({viewportPosition:Po,restrictToScreen:S,threshold:f,itemPosition:re});return $o?[...z,Ce]:z},[]),A=E[0],R=E[E.length-1]??A;if(!(A===void 0||R===void 0))return{beginPageIndex:A,endPageIndex:R}};return{getSpinePositionFromSpineItemPosition:({spineItem:g,spineItemPosition:f})=>{const y=s.getSpineItemSpineLayoutInfo(g);return Ee({itemLayout:y,spineItemPosition:f})},_getAbsolutePageIndexFromPageIndex:g=>lo({...g,spineItemsManager:n}),getSpineItemPagePositionFromSpinePosition:g=>{const f=Le({position:g,spineItemsManager:n,spineLayout:s});if(!f)return;const y=a(g,f),S=t.getSpineItemPageIndexFromPosition({itemWidth:f.layout.layoutInfo.width,itemHeight:f.layout.layoutInfo.height,position:y,isUsingVerticalWriting:!!f.isUsingVerticalWriting()}),w=t.getSpineItemPagePositionFromSpineItemPosition(y,S,f);return{spineItem:f,spineItemPageIndex:S,spineItemPagePosition:w,pageSize:r.value.pageSize}},getSpinePositionFromSpineItem:c,getSpineItemPositionFromSpinePosition:a,getSpineItemFromPosition:g=>Le({position:g,spineItemsManager:n,spineLayout:s}),getSpineItemFromIframe:l,getSpineItemPageIndexFromNode:u,getVisibleSpineItemsFromPosition:g=>go({spineItemsManager:n,spineLayout:s,viewport:r,...g}),getVisiblePagesFromViewportPosition:g=>p({...g,viewport:r}),isPositionWithinSpineItem:(g,f)=>{const{bottom:y,left:S,right:w,top:v}=s.getSpineItemSpineLayoutInfo(f);return g.x>=S&&g.x<=w&&g.y<=y&&g.y>=v},spineItemLocator:t,getSafeSpineItemPositionFromUnsafeSpineItemPosition:(g,f)=>{const{height:y,width:S}=s.getSpineItemSpineLayoutInfo(f);return new F({x:Math.min(Math.max(0,g.x),S),y:Math.min(Math.max(0,g.y),y)})}}},mo=L.namespace("spine"),Rt=({position:n,pageSize:e})=>new Ze({...n,left:n.x,top:n.y,width:e.width,height:e.height,bottom:n.y+e.height,right:n.x+e.width});class At extends N{constructor(e,t,o,s,r,a){super({pages:[]}),this.spineLayout=e,this.spineItemsManager=t,this.spineItemLocator=o,this.context=s,this.locator=r,this.viewport=a,this.fromSpineItemPageIndex=(c,l)=>this.value.pages.find(u=>u.itemIndex===c.index&&u.pageIndex===l),this.fromAbsolutePageIndex=c=>this.value.pages.reduce((l,u)=>l||(u.absolutePageIndex===c?u:l),void 0),this.observeFromAbsolutePageIndex=c=>this.pipe(i.map(()=>this.fromAbsolutePageIndex(c))),this.layout$=e.layout$.pipe(i.withLatestFrom(a),i.switchMap(([,{pageSize:c}])=>{const l=t.items.reduce((p,d,h)=>{const g=new Array(d.numberOfPages).fill(void 0).map((f,y)=>{const S=o.getSpineItemPositionFromPageIndex({spineItem:d,pageIndex:y}),w=r.getSpinePositionFromSpineItemPosition({spineItem:d,spineItemPosition:S});return{absoluteLayout:Rt({pageSize:c,position:w}),layout:new Ge({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:h,absolutePageIndex:p.length+y,spineItem:d,pageIndex:y}});return[...p,...g]},[]);return i.combineLatest(l.map(p=>{const{spineItem:d,...h}=p;return new i.Observable(m=>{const g=p.spineItem.renderer?.getDocumentFrame();let f;g&&g?.contentWindow?.document&&g.contentWindow.document.body!==null&&(f=Bt(g.contentWindow.document,p.layout)),m.next({...h,firstVisibleNode:f})})}))}),i.map(c=>(mo.info("Pages layout",c),{pages:c})),i.share()),this.layout$.pipe(i.takeUntil(this.destroy$)).subscribe(this.next.bind(this))}}class Dt extends C{constructor(e,t){super(),this.spineItemsManager=e,this.spineLocator=t,this.itemIsReady$=this.spineItemsManager.items$.pipe(i.switchMap(o=>{const s=o.map(r=>r.isReady$.pipe(i.map(a=>({item:r,isReady:a}))));return i.merge(...s)}),i.share()),this.itemResize$=this.spineItemsManager.items$.pipe(i.switchMap(o=>{const s=o.map(r=>Z(r.element).pipe(i.map(a=>({entries:a,item:r}))));return i.merge(...s)}),i.share())}}const fo=({horizontalOffset:n,verticalOffset:e,context:t,spineItemsManager:o,isGloballyPrePaginated:s,settings:r,index:a,item:c,viewport:l})=>{let u=l.value.pageSize.width,p="none";const d=n%l.absoluteViewport.width===0,h=a===o.items.length-1;if(r.values.computedSpreadMode){!s&&c.renditionLayout==="reflowable"&&!h&&(u=l.value.pageSize.width*2),!s&&c.renditionLayout==="reflowable"&&h&&d&&(u=l.value.pageSize.width*2);const g=d&&h&&s;c.item.pageSpreadRight&&d&&!t.isRTL()||c.item.pageSpreadLeft&&d&&t.isRTL()?(p="before",u=l.value.pageSize.width*2):g&&(t.isRTL()?p="before":p="after",u=l.value.pageSize.width*2)}return c.layout.layout({minimumWidth:u,blankPagePosition:p,spreadPosition:r.values.computedSpreadMode?d?t.isRTL()?"right":"left":t.isRTL()?"left":"right":"none"}).pipe(i.map(({width:g,height:f})=>{if(r.values.computedPageTurnDirection==="vertical"){const w=d?e:e-l.absoluteViewport.height,v=d?0:n;t.isRTL()?c.layout.adjustPositionOfElement({top:w,left:v}):c.layout.adjustPositionOfElement({top:w,left:v});const T=g+v,P=f+w,E=new ee({left:v,right:T,top:w,bottom:P,height:f,width:g,x:v,y:w});return{horizontalOffset:T,verticalOffset:P,layoutPosition:E}}c.layout.adjustPositionOfElement(t.isRTL()?{right:n,top:0}:{left:n,top:0});const y=t.isRTL()?l.absoluteViewport.width-n-g:n,S=new ee({right:t.isRTL()?l.absoluteViewport.width-n:n+g,left:y,x:y,top:e,bottom:f,height:f,width:g,y:e});return{horizontalOffset:n+g,verticalOffset:0,layoutPosition:S}}))};class So extends C{constructor(e,t,o,s){super(),this.spineItemsManager=e,this.context=t,this.settings=o,this.viewport=s,this.layoutSubject=new i.Subject,this.spineItemsRelativeLayouts=[],e.items$.pipe(i.tap(()=>{this.spineItemsRelativeLayouts=[]}),i.switchMap(a=>{const c=a.map(u=>u.needsLayout$.pipe(i.tap(()=>{this.layout()}))),l=a.map(u=>u.loaded$.pipe(i.tap(()=>{u.isUsingVerticalWriting()?this.context.update({hasVerticalWriting:!0}):this.context.update({hasVerticalWriting:!1})})));return i.merge(...c,...l)})).pipe(i.takeUntil(this.destroy$)).subscribe();const r=new i.BehaviorSubject(!1);this.layout$=this.layoutSubject.pipe(i.tap(()=>{this.spineItemsManager.items.forEach(a=>{a.markDirty()})}),i.debounceTime(50),i.exhaustMap(()=>r.pipe(i.filter(a=>!a),i.first())),i.exhaustMap(()=>{r.next(!0);const a=this.context.manifest,c=lt(a)??!1;return i.from(this.spineItemsManager.items).pipe(i.reduce((u,p,d)=>u.pipe(i.concatMap(({horizontalOffset:h,verticalOffset:m})=>fo({context:this.context,horizontalOffset:h,index:d,isGloballyPrePaginated:c,item:p,settings:this.settings,spineItemsManager:this.spineItemsManager,verticalOffset:m,viewport:s}).pipe(i.map(({horizontalOffset:g,verticalOffset:f,layoutPosition:y})=>(this.spineItemsRelativeLayouts[d]=y,{horizontalOffset:g,verticalOffset:f}))))),i.of({horizontalOffset:0,verticalOffset:0})),i.concatMap(u=>u),i.finalize(()=>{r.next(!1)}))}),i.share()),i.merge(this.layout$).pipe(i.takeUntil(this.destroy$)).subscribe()}layout(){this.layoutSubject.next(void 0)}getSpineItemSpineLayoutInfo(e){const t=this.spineItemsManager.getSpineItemIndex(e)??0;return this.spineItemsRelativeLayouts[t]||new ee({left:0,right:0,top:0,bottom:0,width:0,height:0,x:0,y:0})}get numberOfPages(){return this.spineItemsManager.items.reduce((e,t)=>e+t.numberOfPages,0)}destroy(){super.destroy(),this.layoutSubject.complete()}}class Ot extends C{constructor(e,t,o,s,r,a,c){super(),this.context=e,this.pagination=t,this.spineItemsManager=o,this.spineItemLocator=s,this.settings=r,this.hookManager=a,this.viewport=c,this.elementSubject=new i.BehaviorSubject(void 0),this.element$=this.elementSubject.asObservable(),this.spineLayout=new So(o,e,r,c),this.locator=ho({context:e,spineItemsManager:o,spineItemLocator:s,settings:r,spineLayout:this.spineLayout,viewport:c}),this.spineItemsLoader=new ro(this.context,o,this.locator,r,this.spineLayout),this.spineItemsObserver=new Dt(o,this.locator),this.pages=new At(this.spineLayout,this.spineItemsManager,this.spineItemLocator,this.context,this.locator,this.viewport);const l=e.watch("rootElement").pipe(b.filter(ae.isDefined),b.tap(p=>{const d=p.ownerDocument.createElement("div");d.style.cssText=`
+  `,o.dataset.isReady="false",t.execute("item.onBeforeContainerCreated",void 0,{element:o}),o};class ro extends C{constructor(e,t,o,s,r){super(),this.context=e,this.spineItemsManager=t,this.spineLocator=o,this.settings=s,this.spineLayout=r,this.forcedOpenSubject=new i.BehaviorSubject([]);const a=this.forcedOpenSubject.pipe(i.map(u=>[...new Set(u.flat())].sort()),i.distinctUntilChanged($.arrayEqual),i.shareReplay({bufferSize:1,refCount:!0}));i.merge(this.context.bridgeEvent.navigation$,this.spineLayout.layout$,a,s.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(i.debounceTime(100,i.animationFrameScheduler),q(this.context.bridgeEvent.viewportFree$),i.withLatestFrom(this.context.bridgeEvent.navigation$,a),i.map(([,u,p])=>{const{numberOfAdjacentSpineItemToPreLoad:d}=s.values,{beginIndex:h=0,endIndex:m=0}=o.getVisibleSpineItemsFromPosition({position:u.position,threshold:{type:"percentage",value:0},useAbsoluteViewport:!1})||{},g=d===1/0?0:h-d,f=d===1/0?t.items.length-1:m+d,y=Array.from({length:f-g+1},(w,v)=>g+v),S=[...p,...y];t.items.forEach((w,v)=>{S.includes(v)?w.load():w.unload()})})).pipe(i.takeUntil(this.destroy$)).subscribe()}forceOpen(e){const t=e.map(o=>typeof o=="number"?o:o.index);return this.forcedOpenSubject.next([...this.forcedOpenSubject.value,t]),()=>{this.isDestroyed||this.forcedOpenSubject.next(this.forcedOpenSubject.value.filter(o=>o!==t))}}destroy(){super.destroy(),this.forcedOpenSubject.complete()}}const Et=(n,e,t)=>{const o=(t.width-e.width)/2,s=(t.height-e.height)/2;return new O({x:n.x-o,y:n.y-s})};class X extends DOMRect{constructor(){super(...arguments),this.__symbol=Symbol("ViewportPosition")}static from(e,t){if(t){const s=e;return new X(s.x,s.y,t.width,t.height)}const o=e;return new X(o.x,o.y,o.width,o.height)}}class ao{constructor({width:e,height:t}){this.__symbol=Symbol("AbsoluteViewport"),this.width=e,this.height=t}}class co{constructor({width:e,height:t}){this.__symbol=Symbol("RelativeViewport"),this.width=e,this.height=t}}const lo=({pageIndex:n,spineItemOrId:e,spineItemsManager:t})=>{const o=t.items,s=t.get(e);if(!s)return;const{currentAbsolutePage:r}=o.reduce((a,c)=>{if(a.found)return a;const l=c.numberOfPages;return s===c&&n<=l-1?{currentAbsolutePage:a.currentAbsolutePage+n,found:!0}:{...a,currentAbsolutePage:a.currentAbsolutePage+l}},{currentAbsolutePage:0,found:!1});return r},uo=({itemHeight:n,itemWidth:e,visibleWidthOfItem:t,visibleHeightOfItem:o,threshold:s})=>{const r=t/e,a=o/n;return s.type==="percentage"?r>=s.value&&a>=s.value:t>=s.value&&o>=s.value},po=({visibleWidthOfItem:n,visibleHeightOfItem:e,threshold:t,viewportPosition:o})=>{const s=n/o.width,r=e/o.height;return t.type==="percentage"?r>=t.value&&s>=t.value:e>=t.value&&n>=t.value},Ct=({itemPosition:{bottom:n,left:e,right:t,top:o,width:s,height:r},threshold:a,viewportPosition:c,restrictToScreen:l})=>{const u=c.x,p=c.x+(c.width-1),d=c.y,h=Math.max(c.y+(c.height-1),0),m=Math.max(0,Math.min(t,p)-Math.max(e,u)),g=Math.max(0,Math.min(n,h)-Math.max(o,d));if(m<=0||g<=0)return{visible:!1};const y=po({threshold:a,visibleHeightOfItem:g,visibleWidthOfItem:m,viewportPosition:c});return l?{visible:y}:{visible:uo({itemHeight:r,itemWidth:s,threshold:a,visibleHeightOfItem:g,visibleWidthOfItem:m})||y}},Le=({position:n,spineItemsManager:e,spineLayout:t})=>{const o=e.items.find(s=>{const{left:r,right:a,bottom:c,top:l}=t.getSpineItemSpineLayoutInfo(s),u=n.x>=r&&n.x<a,p=n.y>=l&&n.y<c;return u&&p});return n.x===0&&!o?e.items[0]:o},Ee=({spineItemPosition:n,itemLayout:{left:e,top:t}})=>new M({x:e+n.x,y:t+n.y}),go=({position:n,threshold:e,restrictToScreen:t,spineItemsManager:o,spineLayout:s,useAbsoluteViewport:r=!0,viewport:a})=>{const c=Le({position:n,spineItemsManager:o,spineLayout:s})||o.get(0),l=o.items.reduce((m,g)=>{const f=s.getSpineItemSpineLayoutInfo(g),y=r?a.absoluteViewport:a.relativeViewport,S=Et(n,a.absoluteViewport,y),w=X.from(S,y),{visible:v}=Ct({itemPosition:f,threshold:e,viewportPosition:w,restrictToScreen:t});return v?[...m,g]:m},[]),u=l[0]??c,p=l[l.length-1]??u;if(!u||!p)return;const d=o.getSpineItemIndex(u),h=o.getSpineItemIndex(p);return{beginIndex:d??0,endIndex:h??0}},ho=({spineItemsManager:n,context:e,spineItemLocator:t,settings:o,spineLayout:s,viewport:r})=>{const a=(g,f)=>{const{left:y,top:S}=s.getSpineItemSpineLayoutInfo(f);return new F({x:Math.max(g.x-y,0),y:Math.max(g.y-S,0)})},c=g=>Ee({spineItemPosition:new F({x:0,y:0}),itemLayout:s.getSpineItemSpineLayoutInfo(g)}),l=g=>n.items.find(f=>f.renderer.getDocumentFrame()===g),u=(g,f,y)=>{if(typeof y=="number"){const S=n.get(y);return S?t.getSpineItemPageIndexFromNode(g,f||0,S):void 0}return t.getSpineItemPageIndexFromNode(g,f||0,y)},p=({position:g,threshold:f,spineItem:y,restrictToScreen:S,useAbsoluteViewport:w=!0,viewport:v})=>{const T=y.numberOfPages,E=Array.from(Array(T)).map((z,re)=>{const Ce=t.getSpineItemPositionFromPageIndex({pageIndex:re,spineItem:y}),H=Ee({spineItemPosition:Ce,itemLayout:s.getSpineItemSpineLayoutInfo(y)});return{index:re,absolutePosition:{width:v.pageSize.width,height:v.pageSize.height,left:H.x,top:H.y,bottom:H.y+v.pageSize.height,right:H.x+v.pageSize.width}}}).reduce((z,{absolutePosition:re,index:Ce})=>{const H=w?v.absoluteViewport:v.relativeViewport,vo=Et(g,v.absoluteViewport,H),Po=X.from(vo,H),{visible:$o}=Ct({viewportPosition:Po,restrictToScreen:S,threshold:f,itemPosition:re});return $o?[...z,Ce]:z},[]),D=E[0],R=E[E.length-1]??D;if(!(D===void 0||R===void 0))return{beginPageIndex:D,endPageIndex:R}};return{getSpinePositionFromSpineItemPosition:({spineItem:g,spineItemPosition:f})=>{const y=s.getSpineItemSpineLayoutInfo(g);return Ee({itemLayout:y,spineItemPosition:f})},_getAbsolutePageIndexFromPageIndex:g=>lo({...g,spineItemsManager:n}),getSpineItemPagePositionFromSpinePosition:g=>{const f=Le({position:g,spineItemsManager:n,spineLayout:s});if(!f)return;const y=a(g,f),S=t.getSpineItemPageIndexFromPosition({itemWidth:f.layout.layoutInfo.width,itemHeight:f.layout.layoutInfo.height,position:y,isUsingVerticalWriting:!!f.isUsingVerticalWriting()}),w=t.getSpineItemPagePositionFromSpineItemPosition(y,S,f);return{spineItem:f,spineItemPageIndex:S,spineItemPagePosition:w,pageSize:r.value.pageSize}},getSpinePositionFromSpineItem:c,getSpineItemPositionFromSpinePosition:a,getSpineItemFromPosition:g=>Le({position:g,spineItemsManager:n,spineLayout:s}),getSpineItemFromIframe:l,getSpineItemPageIndexFromNode:u,getVisibleSpineItemsFromPosition:g=>go({spineItemsManager:n,spineLayout:s,viewport:r,...g}),getVisiblePagesFromViewportPosition:g=>p({...g,viewport:r}),isPositionWithinSpineItem:(g,f)=>{const{bottom:y,left:S,right:w,top:v}=s.getSpineItemSpineLayoutInfo(f);return g.x>=S&&g.x<=w&&g.y<=y&&g.y>=v},spineItemLocator:t,getSafeSpineItemPositionFromUnsafeSpineItemPosition:(g,f)=>{const{height:y,width:S}=s.getSpineItemSpineLayoutInfo(f);return new F({x:Math.min(Math.max(0,g.x),S),y:Math.min(Math.max(0,g.y),y)})}}},mo=L.namespace("spine"),Rt=({position:n,pageSize:e})=>new Ze({...n,left:n.x,top:n.y,width:e.width,height:e.height,bottom:n.y+e.height,right:n.x+e.width});class Dt extends N{constructor(e,t,o,s,r,a){super({pages:[]}),this.spineLayout=e,this.spineItemsManager=t,this.spineItemLocator=o,this.context=s,this.locator=r,this.viewport=a,this.fromSpineItemPageIndex=(c,l)=>this.value.pages.find(u=>u.itemIndex===c.index&&u.pageIndex===l),this.fromAbsolutePageIndex=c=>this.value.pages.reduce((l,u)=>l||(u.absolutePageIndex===c?u:l),void 0),this.observeFromAbsolutePageIndex=c=>this.pipe(i.map(()=>this.fromAbsolutePageIndex(c))),this.layout$=e.layout$.pipe(i.withLatestFrom(a),i.switchMap(([,{pageSize:c}])=>{const l=t.items.reduce((p,d,h)=>{const g=new Array(d.numberOfPages).fill(void 0).map((f,y)=>{const S=o.getSpineItemPositionFromPageIndex({spineItem:d,pageIndex:y}),w=r.getSpinePositionFromSpineItemPosition({spineItem:d,spineItemPosition:S});return{absoluteLayout:Rt({pageSize:c,position:w}),layout:new Ge({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:h,absolutePageIndex:p.length+y,spineItem:d,pageIndex:y}});return[...p,...g]},[]);return i.combineLatest(l.map(p=>{const{spineItem:d,...h}=p;return new i.Observable(m=>{const g=p.spineItem.renderer?.getDocumentFrame();let f;g&&g?.contentWindow?.document&&g.contentWindow.document.body!==null&&(f=Bt(g.contentWindow.document,p.layout)),m.next({...h,firstVisibleNode:f})})}))}),i.map(c=>(mo.info("Pages layout",c),{pages:c})),i.share()),this.layout$.pipe(i.takeUntil(this.destroy$)).subscribe(this.next.bind(this))}}class At extends C{constructor(e,t){super(),this.spineItemsManager=e,this.spineLocator=t,this.itemIsReady$=this.spineItemsManager.items$.pipe(i.switchMap(o=>{const s=o.map(r=>r.isReady$.pipe(i.map(a=>({item:r,isReady:a}))));return i.merge(...s)}),i.share()),this.itemResize$=this.spineItemsManager.items$.pipe(i.switchMap(o=>{const s=o.map(r=>Z(r.element).pipe(i.map(a=>({entries:a,item:r}))));return i.merge(...s)}),i.share())}}const fo=({horizontalOffset:n,verticalOffset:e,context:t,spineItemsManager:o,isGloballyPrePaginated:s,settings:r,index:a,item:c,viewport:l})=>{let u=l.value.pageSize.width,p="none";const d=n%l.absoluteViewport.width===0,h=a===o.items.length-1;if(r.values.computedSpreadMode){!s&&c.renditionLayout==="reflowable"&&!h&&(u=l.value.pageSize.width*2),!s&&c.renditionLayout==="reflowable"&&h&&d&&(u=l.value.pageSize.width*2);const g=d&&h&&s;c.item.pageSpreadRight&&d&&!t.isRTL()||c.item.pageSpreadLeft&&d&&t.isRTL()?(p="before",u=l.value.pageSize.width*2):g&&(t.isRTL()?p="before":p="after",u=l.value.pageSize.width*2)}return c.layout.layout({minimumWidth:u,blankPagePosition:p,spreadPosition:r.values.computedSpreadMode?d?t.isRTL()?"right":"left":t.isRTL()?"left":"right":"none"}).pipe(i.map(({width:g,height:f})=>{if(r.values.computedPageTurnDirection==="vertical"){const w=d?e:e-l.absoluteViewport.height,v=d?0:n;t.isRTL()?c.layout.adjustPositionOfElement({top:w,left:v}):c.layout.adjustPositionOfElement({top:w,left:v});const T=g+v,P=f+w,E=new ee({left:v,right:T,top:w,bottom:P,height:f,width:g,x:v,y:w});return{horizontalOffset:T,verticalOffset:P,layoutPosition:E}}c.layout.adjustPositionOfElement(t.isRTL()?{right:n,top:0}:{left:n,top:0});const y=t.isRTL()?l.absoluteViewport.width-n-g:n,S=new ee({right:t.isRTL()?l.absoluteViewport.width-n:n+g,left:y,x:y,top:e,bottom:f,height:f,width:g,y:e});return{horizontalOffset:n+g,verticalOffset:0,layoutPosition:S}}))};class So extends C{constructor(e,t,o,s){super(),this.spineItemsManager=e,this.context=t,this.settings=o,this.viewport=s,this.layoutSubject=new i.Subject,this.spineItemsRelativeLayouts=[],e.items$.pipe(i.tap(()=>{this.spineItemsRelativeLayouts=[]}),i.switchMap(a=>{const c=a.map(u=>u.needsLayout$.pipe(i.tap(()=>{this.layout()}))),l=a.map(u=>u.loaded$.pipe(i.tap(()=>{u.isUsingVerticalWriting()?this.context.update({hasVerticalWriting:!0}):this.context.update({hasVerticalWriting:!1})})));return i.merge(...c,...l)})).pipe(i.takeUntil(this.destroy$)).subscribe();const r=new i.BehaviorSubject(!1);this.layout$=this.layoutSubject.pipe(i.tap(()=>{this.spineItemsManager.items.forEach(a=>{a.markDirty()})}),i.debounceTime(50),i.exhaustMap(()=>r.pipe(i.filter(a=>!a),i.first())),i.exhaustMap(()=>{r.next(!0);const a=this.context.manifest,c=lt(a)??!1;return i.from(this.spineItemsManager.items).pipe(i.reduce((u,p,d)=>u.pipe(i.concatMap(({horizontalOffset:h,verticalOffset:m})=>fo({context:this.context,horizontalOffset:h,index:d,isGloballyPrePaginated:c,item:p,settings:this.settings,spineItemsManager:this.spineItemsManager,verticalOffset:m,viewport:s}).pipe(i.map(({horizontalOffset:g,verticalOffset:f,layoutPosition:y})=>(this.spineItemsRelativeLayouts[d]=y,{horizontalOffset:g,verticalOffset:f}))))),i.of({horizontalOffset:0,verticalOffset:0})),i.concatMap(u=>u),i.finalize(()=>{r.next(!1)}))}),i.share()),i.merge(this.layout$).pipe(i.takeUntil(this.destroy$)).subscribe()}layout(){this.layoutSubject.next(void 0)}getSpineItemSpineLayoutInfo(e){const t=this.spineItemsManager.getSpineItemIndex(e)??0;return this.spineItemsRelativeLayouts[t]||new ee({left:0,right:0,top:0,bottom:0,width:0,height:0,x:0,y:0})}get numberOfPages(){return this.spineItemsManager.items.reduce((e,t)=>e+t.numberOfPages,0)}destroy(){super.destroy(),this.layoutSubject.complete()}}class Ot extends C{constructor(e,t,o,s,r,a,c){super(),this.context=e,this.pagination=t,this.spineItemsManager=o,this.spineItemLocator=s,this.settings=r,this.hookManager=a,this.viewport=c,this.elementSubject=new i.BehaviorSubject(void 0),this.element$=this.elementSubject.asObservable(),this.spineLayout=new So(o,e,r,c),this.locator=ho({context:e,spineItemsManager:o,spineItemLocator:s,settings:r,spineLayout:this.spineLayout,viewport:c}),this.spineItemsLoader=new ro(this.context,o,this.locator,r,this.spineLayout),this.spineItemsObserver=new At(o,this.locator),this.pages=new Dt(this.spineLayout,this.spineItemsManager,this.spineItemLocator,this.context,this.locator,this.viewport);const l=e.watch("rootElement").pipe(b.filter(ae.isDefined),b.tap(p=>{const d=p.ownerDocument.createElement("div");d.style.cssText=`
           height: 100%;
           position: relative;
         `,d.className=`${U}-spine`,this.elementSubject.next(d)})),u=i.combineLatest([this.context.manifest$,this.element$]).pipe(b.tap(([p,d])=>{if(!d)return;this.spineItemsManager.destroyItems();const h=p.spineItems.map((m,g)=>new Fe(m,d,this.context,this.settings,this.hookManager,g,this.viewport));this.spineItemsManager.addMany(h)}));i.merge(u,l).pipe(b.takeUntil(this.destroy$)).subscribe()}get element(){return this.elementSubject.getValue()}layout(){this.spineLayout.layout()}getSpineItemSpineLayoutInfo(e){return this.spineLayout.getSpineItemSpineLayoutInfo(e)}get layout$(){return this.pages.layout$}destroy(){super.destroy(),this.pages.destroy(),this.spineItemsLoader.destroy(),this.elementSubject.getValue()?.remove(),this.elementSubject.complete()}}class Nt extends C{constructor(e,t){super(),this.context=e,this.settings=t,this.orderedSpineItemsSubject=new i.BehaviorSubject([]),this.items$=this.orderedSpineItemsSubject.asObservable()}get(e){return typeof e=="number"?this.orderedSpineItemsSubject.value[e]:typeof e=="string"?this.orderedSpineItemsSubject.value.find(({item:t})=>t.id===e):e}comparePositionOf(e,t){const o=this.getSpineItemIndex(e)??0,s=this.getSpineItemIndex(t)??0;return o>s?"after":o===s?"same":"before"}getSpineItemIndex(e){const t=e instanceof Fe?e:this.get(e);if(!t)return;const o=this.orderedSpineItemsSubject.value.indexOf(t);return o<0?void 0:o}addMany(e){this.orderedSpineItemsSubject.next([...this.orderedSpineItemsSubject.getValue(),...e])}getSpineItemFromCfi(e){const{itemIndex:t}=ie(e);if(t!==void 0)return this.get(t)}get items(){return this.orderedSpineItemsSubject.value}destroyItems(){this.orderedSpineItemsSubject.value.forEach(e=>e.destroy())}}class Vt extends N{constructor(e,t){const o=document.createElement("div");o.style.cssText=`
@@ -285,9 +285,9 @@
         position: relative;
         height: 100%;
         width: 100%;
-    `,o.className=He,super({element:o,pageSize:{width:1,height:1},width:1,height:1}),this.context=e,this.settingsManager=t;const s=this.settingsManager.watch(["computedSpreadMode"]).pipe(i.tap(()=>{this.mergeCompare({pageSize:this.calculatePageSize(this.value)})})),r=this.context.watch("rootElement").pipe(i.tap(()=>{this.layout()}));i.merge(s,r).pipe(i.takeUntil(this.destroy$)).subscribe()}calculatePageSize(e){const{computedSpreadMode:t}=this.settingsManager.values;return{width:t?e.width/2:e.width,height:e.height}}layout(){const e={width:this.value.element.clientWidth,height:this.value.element.clientHeight};this.mergeCompare({pageSize:this.calculatePageSize(e),...e})}get absoluteViewport(){return new ao({width:this.value.width,height:this.value.height})}get pageSize(){return this.value.pageSize}get scaleFactor(){const e=this.absoluteViewport;return(this.value.element.getBoundingClientRect()?.width??e.width)/e.width}get relativeViewport(){const e=this.absoluteViewport,t=this.scaleFactor;return new co({width:e.width/t,height:e.height/t})}}const yo=n=>{const e=crypto.randomUUID(),t=new i.Subject,o=new i.Subject,s=new dt,r=new ut,a=new no(n,r),c=new pt(r,a),l=new Nt(r,a),u=new Vt(r,a),p=Pt({context:r,settings:a,viewport:u}),d=new Mt(r,l),h=new Ot(r,d,l,p,a,s,u),m=eo({context:r,spineItemsManager:l,hookManager:s,spine:h,settings:a,viewport:u}),g=new Ft(r,d,l,h,p);m.viewportState$.subscribe(r.bridgeEvent.viewportStateSubject),m.navigation$.subscribe(r.bridgeEvent.navigationSubject),m.locker.isLocked$.subscribe(r.bridgeEvent.navigationIsLockedSubject),d.subscribe(r.bridgeEvent.paginationSubject);const f=()=>{t.next()},y=P=>{const{containerElement:E,manifest:A}=P;if(r.manifest){L.warn("loading a new book is not supported yet");return}L.log("load",{options:P});const R=bo(E,e);r.update({manifest:A,rootElement:R}),f()},S=a.watch(["computedSpreadMode"]).pipe(b.skip(1),b.tap(f)),w=t.pipe(b.tap(()=>{const P=r.value.rootElement;P&&(P.style.setProperty("overflow","hidden"),u.layout(),h.layout())}),b.takeUntil(o)),v=i.merge(w,S).subscribe(),T=()=>{v.unsubscribe(),l.destroy(),g.destroy(),a.destroy(),d.destroy(),r.destroy(),m.destroy(),h.destroy(),c.destroy(),o.next(),o.complete(),u.destroy()};return{id:e,context:r,spine:h,hookManager:s,cfi:{generateCfiFromRange:nt,parseCfi:ie,generateCfiForSpineItemPage:P=>te({...P,spine:h}),resolveCfi:P=>ye({...P,spineItemsManager:l})},navigation:m,spineItemsObserver:h.spineItemsObserver,spineItemsManager:l,layout:f,load:y,destroy:T,pagination:{get state(){return d.value},get state$(){return d}},settings:a,renderHeadless:P=>l.get(P)?.renderer.renderHeadless()??i.of(void 0),viewport:u,viewportState$:r.bridgeEvent.viewportState$,viewportFree$:r.bridgeEvent.viewportFree$,state$:r.manifest$.pipe(b.map(P=>P?"ready":"idle")),features:c,$:{destroy$:o}}},bo=(n,e)=>(n.style.cssText=`
+    `,o.className=He,super({element:o,pageSize:{width:1,height:1},width:1,height:1}),this.context=e,this.settingsManager=t;const s=this.settingsManager.watch(["computedSpreadMode"]).pipe(i.tap(()=>{this.mergeCompare({pageSize:this.calculatePageSize(this.value)})})),r=this.context.watch("rootElement").pipe(i.tap(()=>{this.layout()}));i.merge(s,r).pipe(i.takeUntil(this.destroy$)).subscribe()}calculatePageSize(e){const{computedSpreadMode:t}=this.settingsManager.values;return{width:t?e.width/2:e.width,height:e.height}}layout(){const e={width:this.value.element.clientWidth,height:this.value.element.clientHeight};this.mergeCompare({pageSize:this.calculatePageSize(e),...e})}get absoluteViewport(){return new ao({width:this.value.width,height:this.value.height})}get pageSize(){return this.value.pageSize}get scaleFactor(){const e=this.absoluteViewport;return(this.value.element.getBoundingClientRect()?.width??e.width)/e.width}get relativeViewport(){const e=this.absoluteViewport,t=this.scaleFactor;return new co({width:e.width/t,height:e.height/t})}}const yo=n=>{const e=crypto.randomUUID(),t=new i.Subject,o=new i.Subject,s=new dt,r=new ut,a=new no(n,r),c=new pt(r,a),l=new Nt(r,a),u=new Vt(r,a),p=Pt({context:r,settings:a,viewport:u}),d=new Mt(r,l),h=new Ot(r,d,l,p,a,s,u),m=eo({context:r,spineItemsManager:l,hookManager:s,spine:h,settings:a,viewport:u}),g=new Ft(r,d,l,h,p);m.viewportState$.subscribe(r.bridgeEvent.viewportStateSubject),m.navigation$.subscribe(r.bridgeEvent.navigationSubject),m.locker.isLocked$.subscribe(r.bridgeEvent.navigationIsLockedSubject),d.subscribe(r.bridgeEvent.paginationSubject);const f=()=>{t.next()},y=P=>{const{containerElement:E,manifest:D}=P;if(r.manifest){L.warn("loading a new book is not supported yet");return}L.log("load",{options:P});const R=bo(E,e);r.update({manifest:D,rootElement:R}),f()},S=a.watch(["computedSpreadMode"]).pipe(b.skip(1),b.tap(f)),w=t.pipe(b.tap(()=>{const P=r.value.rootElement;P&&(P.style.setProperty("overflow","hidden"),u.layout(),h.layout())}),b.takeUntil(o)),v=i.merge(w,S).subscribe(),T=()=>{v.unsubscribe(),l.destroy(),g.destroy(),a.destroy(),d.destroy(),r.destroy(),m.destroy(),h.destroy(),c.destroy(),o.next(),o.complete(),u.destroy()};return{id:e,context:r,spine:h,hookManager:s,cfi:{generateCfiFromRange:nt,parseCfi:ie,generateCfiForSpineItemPage:P=>te({...P,spine:h}),resolveCfi:P=>ye({...P,spineItemsManager:l})},navigation:m,spineItemsObserver:h.spineItemsObserver,spineItemsManager:l,layout:f,load:y,destroy:T,pagination:{get state(){return d.value},get state$(){return d}},settings:a,renderHeadless:P=>l.get(P)?.renderer.renderHeadless()??i.of(void 0),viewport:u,viewportState$:r.bridgeEvent.viewportState$,viewportFree$:r.bridgeEvent.viewportFree$,state$:r.manifest$.pipe(b.map(P=>P?"ready":"idle")),features:c,$:{destroy$:o}}},bo=(n,e)=>(n.style.cssText=`
     ${n.style.cssText}
     background-color: white;
     position: relative;
-  `,n.classList.add(`${U}-reader`),n.setAttribute(Be,e),n),Io=yi(on(kn(wi(nn(Ut(gi(Ii(Ti(Kn(Ye(Wn(Wt(bi(rt(Je(Qt(yo))))))))))))))))),wo=n=>e=>n(e);Object.defineProperty(I,"isShallowEqual",{enumerable:!0,get:()=>$.isShallowEqual}),I.AbstractSpinePosition=Se,I.Context=ut,I.ControlledNavigationController=ht,I.DestroyableClass=C,I.DocumentRenderer=x,I.Features=pt,I.HTML_ATTRIBUTE_DATA_READER_ID=Be,I.HTML_ATTRIBUTE_VIEWPORT_CLASSNAME=He,I.HTML_PREFIX=U,I.HookManager=dt,I.ITEM_EXTENSION_VALID_FOR_FRAME_SRC=_e,I.InternalNavigator=bt,I.LayoutEntry=Q,I.Locker=Pe,I.PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE=gn,I.PROSE_READER_NAMESPACE=pn,I.Pages=At,I.Pagination=Mt,I.PaginationController=Ft,I.ReactiveEntity=N,I.ResourceHandler=J,I.ResourcesLocator=st,I.ScrollNavigationController=mt,I.ScrollPosition=we,I.SettingsManager=Lt,I.Spine=Ot,I.SpineItem=Fe,I.SpineItemPageLayout=Ge,I.SpineItemPageSpineLayout=Ze,I.SpineItemPosition=F,I.SpineItemSpineLayout=ee,I.SpineItemsManager=Nt,I.SpineItemsObserver=Dt,I.SpinePosition=M,I.UnboundSpineItemPagePosition=j,I.UnboundSpinePosition=O,I.VIEWPORT_ADJUSTMENT_THROTTLE=dn,I.Viewport=Vt,I.consolidate=ot,I.createReader=Io,I.deferIdle=me,I.deferNextResult=Ue,I.generateCfiForSpineItemPage=te,I.generateCfiFromRange=nt,I.generateRootCfi=B,I.getAttributeValueFromString=ce,I.getBase64FromBlob=en,I.getFrameViewportInfo=Y,I.getItemAnchor=ci,I.htmlEnhancer=Ye,I.idle=he,I.injectCSS=Re,I.isHtmlElement=pe,I.isHtmlTagElement=ke,I.isRootCfi=ne,I.layoutEnhancer=Je,I.mapKeysTo=ge,I.observeIntersection=jt,I.observeMutation=fe,I.observeResize=Z,I.paginationEnhancer=rt,I.parseCfi=ie,I.removeCSS=kt,I.resolveCfi=ye,I.rootEnhancer=wo,I.spinePositionToSpineItemSpineLayout=Rt,I.upsertCSSToFrame=D,I.waitForFrameLoad=Ae,I.waitForFrameReady=De,I.waitForSwitch=q,I.watchKeys=G,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"})});
+  `,n.classList.add(`${U}-reader`),n.setAttribute(Be,e),n),Io=yi(on(kn(wi(nn(Ut(gi(Ii(Ti(Kn(Ye(Wn(Wt(bi(rt(Je(Qt(yo))))))))))))))))),wo=n=>e=>n(e);Object.defineProperty(I,"isShallowEqual",{enumerable:!0,get:()=>$.isShallowEqual}),I.AbstractSpinePosition=Se,I.Context=ut,I.ControlledNavigationController=ht,I.DestroyableClass=C,I.DocumentRenderer=x,I.Features=pt,I.HTML_ATTRIBUTE_DATA_READER_ID=Be,I.HTML_ATTRIBUTE_VIEWPORT_CLASSNAME=He,I.HTML_PREFIX=U,I.HookManager=dt,I.ITEM_EXTENSION_VALID_FOR_FRAME_SRC=_e,I.InternalNavigator=bt,I.LayoutEntry=Q,I.Locker=Pe,I.PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE=gn,I.PROSE_READER_NAMESPACE=pn,I.Pages=Dt,I.Pagination=Mt,I.PaginationController=Ft,I.ReactiveEntity=N,I.ResourceHandler=J,I.ResourcesLocator=st,I.ScrollNavigationController=mt,I.ScrollPosition=we,I.SettingsManager=Lt,I.Spine=Ot,I.SpineItem=Fe,I.SpineItemPageLayout=Ge,I.SpineItemPageSpineLayout=Ze,I.SpineItemPosition=F,I.SpineItemSpineLayout=ee,I.SpineItemsManager=Nt,I.SpineItemsObserver=At,I.SpinePosition=M,I.UnboundSpineItemPagePosition=j,I.UnboundSpinePosition=O,I.VIEWPORT_ADJUSTMENT_THROTTLE=dn,I.Viewport=Vt,I.consolidate=ot,I.createReader=Io,I.deferIdle=me,I.deferNextResult=Ue,I.generateCfiForSpineItemPage=te,I.generateCfiFromRange=nt,I.generateRootCfi=B,I.getAttributeValueFromString=ce,I.getBase64FromBlob=en,I.getFrameViewportInfo=Y,I.getItemAnchor=ci,I.htmlEnhancer=Ye,I.idle=he,I.injectCSS=Re,I.isHtmlElement=pe,I.isHtmlTagElement=ke,I.isRootCfi=ne,I.layoutEnhancer=Je,I.mapKeysTo=ge,I.observeIntersection=jt,I.observeMutation=fe,I.observeResize=Z,I.paginationEnhancer=rt,I.parseCfi=ie,I.removeCSS=kt,I.resolveCfi=ye,I.rootEnhancer=wo,I.spinePositionToSpineItemSpineLayout=Rt,I.upsertCSSToFrame=A,I.waitForFrameLoad=De,I.waitForFrameReady=Ae,I.waitForSwitch=q,I.watchKeys=G,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=index.umd.cjs.map