@prose-reader/core 1.270.0 → 1.271.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/enhancers/layout/createPlaceholderPages.d.ts +3 -19
- package/dist/enhancers/layout/flagSpineItems.d.ts +3 -6
- package/dist/index.js +939 -938
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +22 -22
- package/dist/index.umd.cjs.map +1 -1
- package/dist/spine/Pages.d.ts +1 -1
- package/dist/spine/Spine.d.ts +3 -14
- package/dist/spine/SpineItemsObserver.d.ts +6 -7
- package/dist/spine/SpineLayout.d.ts +8 -2
- package/dist/spineItem/SpineItem.d.ts +11 -13
- package/dist/spineItem/SpineItemLayout.d.ts +4 -16
- package/dist/spineItem/renderer/DocumentRenderer.d.ts +1 -0
- package/package.json +4 -4
- package/dist/spine/layout/layoutItem.d.ts +0 -22
package/dist/index.umd.cjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
(function(b,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("rxjs"),require("@prose-reader/shared"),require("rxjs/operators"),require("@prose-reader/cfi")):typeof define=="function"&&define.amd?define(["exports","rxjs","@prose-reader/shared","rxjs/operators","@prose-reader/cfi"],o):(b=typeof globalThis<"u"?globalThis:b||self,o(b.prose={},b.rxjs,b.shared,b.operators,b.cfi))})(this,(function(b,o,$,I,W){"use strict";const E=$.Report.namespace("@prose-reader/core",void 0,{color:"#98cde7"}),Bt=["pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup"];function xt(n,e,t){if("caretPositionFromPoint"in n)return n.caretPositionFromPoint(e,t);if("caretRangeFromPoint"in n&&typeof n.caretRangeFromPoint<"u")return n.caretRangeFromPoint(e,t)}const Yt=(n,e)=>{const t="
|
|
1
|
+
(function(b,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("rxjs"),require("@prose-reader/shared"),require("rxjs/operators"),require("@prose-reader/cfi")):typeof define=="function"&&define.amd?define(["exports","rxjs","@prose-reader/shared","rxjs/operators","@prose-reader/cfi"],o):(b=typeof globalThis<"u"?globalThis:b||self,o(b.prose={},b.rxjs,b.shared,b.operators,b.cfi))})(this,(function(b,o,$,I,W){"use strict";const E=$.Report.namespace("@prose-reader/core",void 0,{color:"#98cde7"}),Bt=["pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup"];function xt(n,e,t){if("caretPositionFromPoint"in n)return n.caretPositionFromPoint(e,t);if("caretRangeFromPoint"in n&&typeof n.caretRangeFromPoint<"u")return n.caretRangeFromPoint(e,t)}const Yt=(n,e)=>{const t="createRange"in n?n:n.ownerDocument;if(!t)return;const i="body"in n?de(n.body,e):de(n,e);if(i){let r,s=0;const a=t.createRange();return Array.from(i.childNodes).some(c=>{a.selectNodeContents(c);const l=a.getClientRects(),u=qt(l,e);if(u){r=a.cloneRange();const d=xt(t,Math.ceil(u.left),Math.ceil(u.top));return d&&"startContainer"in d&&d.startContainer===r.startContainer&&(s=d.startOffset),d&&"offsetNode"in d&&d.offsetNode===r.startContainer&&(s=d.offset),!0}return!1}),r?{node:r.startContainer,offset:s}:{node:i,offset:0}}},de=(n,e)=>{const t=n.getBoundingClientRect(),i=De(t,e);let r;i!=="before"&&i!=="after"&&(r=n);for(const s of n.children){const a=de(s,e);if(a)return a}return r};function De(n,{left:e,right:t}){return n.left<=e&&n.right<=e?"before":n.left<=e&&n.right>e&&n.right<=t?"partially-before":n.left<=t&&n.right>t?"partially-after":n.left>t?"after":"within"}function qt(n,e){return Array.from(n).find(t=>{const i=De(t,e);return i!=="before"&&i!=="after"})}const Xt=(n,e)=>{if(n.nodeType!==Node.CDATA_SECTION_NODE&&n.nodeType!==Node.DOCUMENT_TYPE_NODE){const t=n.ownerDocument?.createRange();t?.selectNodeContents(n);try{e<=(t?.endOffset||0)&&t?.setStart(n,e||0)}catch(i){E.error(i)}return t}},pe=n=>{if(n?.target&&n?.target?.ownerDocument?.defaultView){const e=n?.target?.ownerDocument?.defaultView;if(e.PointerEvent&&n instanceof e.PointerEvent)return!0}if(n?.view?.window){const e=n?.view;if(e.PointerEvent&&n instanceof e.PointerEvent)return!0}return!!Bt.includes(n.type)},Gt=n=>{if(pe(n))return!1;if(n?.target&&n?.target?.ownerDocument?.defaultView){const e=n?.target?.ownerDocument?.defaultView;if(e.MouseEvent)return n instanceof e.MouseEvent}if(n?.view?.window){const e=n?.view;if(e.MouseEvent)return n instanceof e.MouseEvent}return!1},Zt=n=>{if(n?.target&&n?.target?.ownerDocument?.defaultView){const e=n?.target?.ownerDocument?.defaultView;if(e.TouchEvent)return n instanceof e.TouchEvent}if(n?.view?.window){const e=n?.view;if(e.TouchEvent)return n instanceof e.TouchEvent}return!1},Jt=()=>document.createElement("div"),Ne=n=>{const e=["img","video","audio","source","link","script"].join(",");return Array.from(n?.querySelectorAll(e)||[])},Kt=n=>{if(Ne(n).forEach(t=>{const i=t.getAttribute("src")||t.getAttribute("href");i?.startsWith("blob:")&&n?.defaultView?.URL.revokeObjectURL(i)}),n){const t=Array.from(n.styleSheets||[]);for(const i of t){const r=Array.from(i.cssRules||[]);for(const s of r)if(n.defaultView&&s instanceof n.defaultView.CSSFontFaceRule){const c=s.style.getPropertyValue("src").match(/blob:[^,\s'")]+/g);c&&c.forEach(l=>{n?.defaultView?.URL.revokeObjectURL(l)})}}}};function Oe(n,e,t=[]){if(typeof n!="object"||n===null)return!1;for(const i of e)if(!(i in n))return!1;for(const i of t)if(i in n&&typeof n[i]!="function")return!1;return!0}function ge(n){return Oe(n,["nodeType"],[])&&n.nodeType===Node.ELEMENT_NODE}function Ve(n,e){return ge(n)&&n.tagName.toLowerCase()===e.toLowerCase()}function Qt(n){return Oe(n,["startContainer","endContainer","startOffset","endOffset","collapsed","commonAncestorContainer"],["setStart","setEnd","selectNodeContents"])}const G=(n,e,t,i)=>{const r=n.createElement("style");return r.id=e,r.innerHTML=t,i?n.head.prepend(r):n.head.appendChild(r),()=>{Z(n,e)}},Z=(n,e)=>{if(n?.head){const t=n.getElementById(e);t&&t.remove()}},me=(n,e)=>{const t=new RegExp(`${e}\\s*=\\s*([0-9.]+)`,"i"),i=n.match(t)||[],r=i[1]||"0";return i&&Number.parseFloat(r)||0},Ue=(n,e,t,i)=>{n?.contentDocument?.head&&G(n.contentDocument,e,t,i)},jt=(n,e)=>{n?.contentDocument&&Z(n.contentDocument,e)},V=(n,e,t,i)=>{if(!n)return;const r=n?.contentDocument?.getElementById(e);if(r){r.innerHTML=t;return}Ue(n,e,t,i)},J=n=>{if(n?.contentDocument){const t=n.contentDocument.querySelector("meta[name='viewport']");if(t){const i=t.getAttribute("content");if(i){const r=me(i,"width"),s=me(i,"height");return r>0&&s>0?{hasViewport:!0,width:r,height:s}:{hasViewport:!0}}}}return{hasViewport:!1}},ke=n=>n.pipe(o.switchMap(e=>e.src==="about:blank"&&e.contentDocument?.readyState==="complete"&&e.contentDocument.body?o.of(e):o.fromEvent(e,"load").pipe(o.take(1),o.map(()=>e)))),ze=n=>n.pipe(o.switchMap(e=>{const t=e?.contentDocument?.fonts.ready;return t?o.from(t).pipe(o.map(()=>e)):o.of(void 0)})),en=n=>e=>{const t=n(e),i=new IntersectionObserver(r=>{r.forEach(s=>{s.isIntersecting?s.target.removeAttribute("tab-index"):s.target.setAttribute("tab-index","-1")})},{});return t.hookManager.register("item.onDocumentLoad",({itemId:r,destroy:s})=>{const a=t.spineItemsManager.get(r);if(!a)return;const c=a.renderer.getDocumentFrame();if(!c)return;V(c,"prose-reader-accessibility",`
|
|
2
2
|
:focus-visible {
|
|
3
3
|
|
|
4
4
|
outline: -webkit-focus-ring-color auto 1px;
|
|
5
5
|
}
|
|
6
|
-
`);const l=c.contentDocument?.body.querySelectorAll("a");l?.forEach(u=>{i.observe(u)}),
|
|
6
|
+
`);const l=c.contentDocument?.body.querySelectorAll("a");l?.forEach(u=>{i.observe(u)}),s(()=>{l?.forEach(u=>{i.unobserve(u)})})}),{...t}},tn=n=>e=>{const t=n(e);return t.context.watch("rootElement").pipe(o.takeUntil(t.context.destroy$)).subscribe(i=>{if(!i)return;const r=()=>{t.settings.values.computedPageTurnMode==="controlled"&&i.scrollTo(0,0)};i.addEventListener("scroll",r)}),t.hookManager.register("item.onDocumentLoad",({itemId:i})=>{const s=t.spineItemsManager.get(i)?.renderer.getDocumentFrame();s&&s.contentDocument?.body.setAttribute("tabindex","-1")}),t},he=({position:n,frameElement:e})=>{const t=e.getBoundingClientRect(),i=t.width/e.offsetWidth,r=t.height/e.offsetHeight,{left:s=0,top:a=0}=t,c=n.clientX*i+s,l=n.clientY*r+a;return{clientX:c,clientY:l}},nn=(n,e,t,i)=>{const r=e?.view?.frameElement;if(!e||!r)return n;const s=t.getSpineItemFromIframe(r),a=r,{height:c,width:l}=i.pageSize;if(!s||!(a instanceof HTMLIFrameElement))return n;if(pe(n)){const{clientX:u,clientY:d}=he({position:n,frameElement:a}),p=new PointerEvent(n.type,{...n,pointerId:n.pointerId,clientX:u,clientY:d});return Object.defineProperty(p,"target",{value:e.target,enumerable:!0}),p}if(Gt(n)){const{clientX:u,clientY:d}=he({position:n,frameElement:a}),p=new MouseEvent(n.type,{...n,clientX:u,clientY:d});return Object.defineProperty(p,"target",{value:e.target,enumerable:!0}),p}if(Zt(n)){const u=Array.from(n.touches).map(p=>{const{clientX:g,clientY:m}=he({position:p,frameElement:a});return new Touch({identifier:p.identifier,target:p.target,clientX:g,clientY:m})}),d=new TouchEvent(n.type,{touches:u,changedTouches:u,targetTouches:u});return Object.defineProperty(d,"target",{value:e.target,enumerable:!0}),d}return n},on=[...["pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup"]],rn=n=>e=>{const t=n(e);return t.hookManager.register("item.onDocumentLoad",({destroy:i,itemId:r})=>{const s=t.spineItemsManager.get(r),a=s?.renderer.getDocumentFrame();if(!a||!s)return;const c=on.map(l=>{const u=d=>{let p=d;if(pe(d)&&(p=new PointerEvent(d.type,d)),p!==d){const g=nn(p,d,t.spine.locator,t.viewport);t.context.value.rootElement?.dispatchEvent(g)}};return a.contentDocument?.addEventListener(l,u),()=>{a.contentDocument?.removeEventListener(l,u)}});i(()=>{c.forEach(l=>{l()})})}),t},fe=n=>I.map(e=>Object.entries(e).reduce((t,[i,r])=>n.includes(i)?{...t,[i]:r}:t,{})),K=n=>e=>e.pipe(fe(n),I.distinctUntilChanged($.isShallowEqual));function Q(n){return new o.Observable(e=>{const t=new ResizeObserver(i=>{e.next(i)});return t.observe(n),()=>{t.disconnect()}})}const q=n=>e=>e.pipe(I.switchMap(t=>n.pipe(I.first(),I.map(()=>t)))),We=n=>{let e;const t=n.subscribe(i=>{e={result:i}});return()=>(t.unsubscribe(),e?o.of(e.result):n)};function j(){return new o.Observable(n=>{if(window.requestIdleCallback){const t=window.requestIdleCallback(()=>{n.next(),n.complete()});return()=>cancelIdleCallback(t)}const e=setTimeout(()=>{n.next(),n.complete()},1);return()=>clearTimeout(e)})}function Se(n){return o.defer(()=>j().pipe(I.switchMap(n)))}const ye=(n,e)=>new o.Observable(t=>{const i=new MutationObserver(r=>{t.next(r)});return i.observe(n,e),()=>i.disconnect()});function sn(n,e){return new o.Observable(t=>{const i=new IntersectionObserver(r=>{t.next(r)},e);return i.observe(n),()=>{i.disconnect()}})}class _e{constructor(e,t){this.settingsManager=t;const i=$.shallowMergeIfDefined(this.getDefaultSettings(),e);this.outputSettings=this.computeOutputSettings(i),this.inputSettings=$.shallowMergeIfDefined(this.getDefaultSettings(),e),this.outputSettingsUpdateSubject=new o.Subject,this.values$=o.combineLatest([this.settingsManager.values$,this.outputSettingsUpdateSubject.pipe(I.startWith(this.outputSettings))]).pipe(I.map(([r,s])=>({...r,...s})),I.shareReplay(1)),this.values$.subscribe()}_prepareUpdate(e){const t=this.getCleanedParentInputSettings(e),i=this.settingsManager._prepareUpdate(t),r=$.shallowMergeIfDefined(this.inputSettings,e),s=this.computeOutputSettings(r),a=this.hasSettingsChanged(s);return{hasChanged:a||i.hasChanged,commit:()=>(this.inputSettings=r,this.outputSettings=s,!i.hasChanged&&a&&this.outputSettingsUpdateSubject.next(s),{...i.commit(),...s})}}update(e){const{commit:t}=this._prepareUpdate(e);t()}get values(){return{...this.settingsManager.values,...this.outputSettings}}watch(e){return Array.isArray(e)?this.values$.pipe(K(e)):this.values$.pipe(I.map(t=>t[e]),I.distinctUntilChanged($.isShallowEqual))}destroy(){this.outputSettingsUpdateSubject.complete()}}const an=n=>{const e=new FileReader;return new Promise(t=>{e.addEventListener("load",()=>{t(e.result)},!1),e.readAsDataURL(n)})};let cn=class extends _e{computeOutputSettings(e){return e}hasSettingsChanged(e){return!$.isShallowEqual(this.outputSettings,e)}getCleanedParentInputSettings(e){const{fontJustification:t,fontScale:i,fontWeight:r,lineHeight:s,...a}=e;return a}getDefaultSettings(){return{fontScale:1,fontWeight:"publisher",lineHeight:"publisher",fontJustification:"publisher"}}};const ln=n=>e=>{const{fontScale:t,lineHeight:i,fontWeight:r,fontJustification:s}=e,a=new o.Subject,c=n(e),l=new cn({fontScale:t,lineHeight:i,fontWeight:r,fontJustification:s},c.settings),u=()=>`
|
|
7
7
|
|
|
8
8
|
body {
|
|
9
9
|
${l.values.fontScale!==1?`font-size: ${l.values.fontScale}em !important;`:""}
|
|
@@ -11,19 +11,19 @@
|
|
|
11
11
|
${l.values.fontWeight!=="publisher"?`font-weight: ${l.values.fontWeight} !important;`:""}
|
|
12
12
|
${l.values.fontJustification!=="publisher"?`text-align: ${l.values.fontJustification} !important;`:""}
|
|
13
13
|
}
|
|
14
|
-
`,d=g=>{c.spineItemsManager.items.forEach(m=>{if(m.renditionLayout!=="pre-paginated"){const h=m.renderer.getDocumentFrame();h&&V(h,"prose-reader-fonts",u())}}),g&&c.layout()};c.hookManager.register("item.onDocumentLoad",({itemId:g})=>{const m=c.spineItemsManager.get(g);if(m?.renditionLayout!=="pre-paginated"){const h=m?.renderer.getDocumentFrame();h&&V(h,"prose-reader-fonts",u())}});const p=g=>g.pipe(I.pairwise(),o.map(([m,h])=>h.fontScale!==m.fontScale||h.lineHeight!==m.lineHeight));return l.values$.pipe(p,I.tap(d),o.takeUntil(c.$.destroy$)).subscribe(),{...c,destroy:()=>{a.complete(),l.destroy(),c.destroy()},settings:l}},un=n=>e=>{const t=n(e),i=
|
|
14
|
+
`,d=g=>{c.spineItemsManager.items.forEach(m=>{if(m.renditionLayout!=="pre-paginated"){const h=m.renderer.getDocumentFrame();h&&V(h,"prose-reader-fonts",u())}}),g&&c.layout()};c.hookManager.register("item.onDocumentLoad",({itemId:g})=>{const m=c.spineItemsManager.get(g);if(m?.renditionLayout!=="pre-paginated"){const h=m?.renderer.getDocumentFrame();h&&V(h,"prose-reader-fonts",u())}});const p=g=>g.pipe(I.pairwise(),o.map(([m,h])=>h.fontScale!==m.fontScale||h.lineHeight!==m.lineHeight));return l.values$.pipe(p,I.tap(d),o.takeUntil(c.$.destroy$)).subscribe(),{...c,destroy:()=>{a.complete(),l.destroy(),c.destroy()},settings:l}},un=n=>e=>{const t=n(e),i=r=>o.fromEvent(r,"keyup").pipe(o.map(s=>{const{pageTurnDirection:a,computedPageTurnMode:c}=t.settings.values;if(c==="scrollable")return s;if(a==="horizontal"){if(s.key==="ArrowRight")return t.navigation.turnRight();if(s.key==="ArrowLeft")return t.navigation.turnLeft()}if(a==="vertical"){if(s.key==="ArrowDown")return t.navigation.turnRight();if(s.key==="ArrowUp")return t.navigation.turnLeft()}return s}));return i(document).pipe(o.takeUntil(t.$.destroy$)).subscribe(),t.spineItemsManager.items$.pipe(o.switchMap(r=>o.merge(...r.map(s=>s.watch("isLoaded").pipe(o.switchMap(()=>{const a=s.renderer.getDocumentFrame();return a instanceof HTMLIFrameElement&&a?.contentDocument?i(a.contentDocument):o.EMPTY}))))),o.takeUntil(t.$.destroy$)).subscribe(),t},dn=n=>n.spine.spineItemsManager.items$.pipe(o.switchMap(e=>o.merge(...e.map(t=>t.watch("isLoaded").pipe(o.switchMap(()=>{const i=t.renderer.getDocumentFrame();if(!i||!i?.contentDocument)return o.NEVER;const s=Array.from(i.contentDocument.querySelectorAll("a")).map(a=>o.fromEvent(a,"click"));return o.merge(...s)}))))),o.tap(e=>{e.preventDefault()}),o.share());class N extends o.Observable{constructor(e){super(t=>this.stateSubject.pipe(o.takeUntil(this._destroy$)).subscribe(t)),this._destroy$=new o.Subject,this.destroy$=this._destroy$.asObservable(),this.stateSubject=new o.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(K(e)):this.stateSubject.pipe(o.map(t=>t[e]),o.distinctUntilChanged($.isShallowEqual))}get value(){return this.stateSubject.value}destroy(){this.stateSubject.complete(),this._destroy$.complete()}}const ue=class ue extends N{constructor(e){super({state:"idle",error:void 0}),this.triggerSubject=new o.Subject,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(o.filter(r=>r.type==="unload")),i=this.triggerSubject.pipe(o.filter(r=>r.type==="load"));this.loaded$=i.pipe(o.mergeMap(()=>this.value.state==="loaded"||this.value.state==="loading"?o.EMPTY:(this.next({state:"loading",error:void 0}),this.onCreateDocument().pipe(o.first()).pipe(o.mergeMap(a=>(this.hookManager.execute("item.onDocumentCreated",this.item.id,{itemId:this.item.id,documentContainer:a}),this.onLoadDocument().pipe(o.endWith(null),o.first()).pipe(q(this.context.bridgeEvent.viewportFree$),o.switchMap(()=>{const l=this.hookManager.execute("item.onDocumentLoad",this.item.id,{itemId:this.item.id,documentContainer:a}).filter(u=>u instanceof o.Observable);return o.combineLatest([o.of(null),...l]).pipe(o.first())})))),o.map(()=>{this.next({state:"loaded",error:void 0})}),o.takeUntil(t)))),o.share()),this.unloaded$=t.pipe(o.mergeMap(()=>this.value.state==="unloading"||this.value.state==="idle"?o.EMPTY:(this.next({state:"unloading",error:void 0}),this.context.bridgeEvent.viewportFree$.pipe(o.first(),o.switchMap(()=>(this.hookManager.destroy("item.onDocumentLoad",this.item.id),this.onUnload().pipe(o.endWith(null),o.first()))),o.map(()=>{this.next({state:"idle",error:void 0})}),o.takeUntil(i)))),o.share()),o.merge(this.loaded$,this.unloaded$).pipe(o.catchError(r=>(this.next({state:"error",error:r}),o.EMPTY)),o.takeUntil(this.destroy$)).subscribe()}setDocumentContainer(e){this._documentContainer=e,this._documentContainer.classList.add(ue.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(o.map(e=>e.state==="loaded"))}load(){this.triggerSubject.next({type:"load"})}unload(){this.triggerSubject.next({type:"unload"})}renderHeadless(){const e=new o.Subject;return o.defer(()=>this.onRenderHeadless({release:e})).pipe(o.endWith(void 0),o.first(),o.map(t=>{if(t)return{doc:t,release:()=>{e.next(void 0)}}}),o.finalize(()=>{e.complete()}),o.catchError(t=>(E.error(t),o.of(void 0))))}layout(e){return 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:i}=J(t);if(i)return"pre-paginated"}return this.context.manifest?.renditionLayout??"reflowable"}};ue.DOCUMENT_CONTAINER_CLASS_NAME="prose-reader-document-container";let Y=ue;const pn=n=>new URL(n.href);class ee{constructor(e,t){this.item=e,this.settings=t}async getResource(){return await o.lastValueFrom(this.settings.values.getResource?.(this.item)??o.of(void 0))??pn(this.item)}async fetchResource(){const e=await this.getResource();return e instanceof Response?e:e instanceof URL?fetch(e):e}}const He=(n,e)=>{const t=n.startsWith("file://"),i=t?n.replace("file://","http://"):n,r=new URL(e,i).toString();return t?r.replace("http://","file://"):r},gn=async(n,e,t,i,r)=>{if(!n||!n.defaultView)return;const s=e.sheet;if(s)try{const a=Array.from(s.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 p=u.split(",").map(h=>h.trim()),g=await Promise.all(p.map(async h=>{if(h.startsWith("local("))return h;const f=h.match(/url\(['"]?([^'"]+)['"]?\)/);if(!f)return h;const y=f[1]??"",S=i.manifest?.items.find(({href:w})=>`${He(t,y).toLowerCase()}`.endsWith(`${w.toLowerCase()}`));if(S){const w=new ee(S,r);try{const v=await w.getResource();if(v instanceof Response){const T=await v.blob(),P=n.defaultView?.URL.createObjectURL(T);return h.replace(f[0],`url("${P}")`)}}catch(v){console.error("Error loading font:",v)}}return h})),m=l.cssText.replace(/src:\s*[^;]+;/,`src: ${g.join(", ")};`);s.deleteRule(c),s.insertRule(m,c)}}}}catch(a){console.error("Could not access stylesheet rules:",a)}},mn=(n,e,t,i,r)=>{const s=e.getAttribute("src")||e.getAttribute("href");if(!s)return o.of(null);const a=i.manifest?.items.find(({href:l})=>`${He(t,s).toLowerCase()}`.endsWith(`${l.toLowerCase()}`));if(!a)return o.of(null);const c=new ee(a,r);return o.from(c.getResource()).pipe(o.mergeMap(l=>l instanceof Response?o.from(l.blob()):o.of(void 0)),o.mergeMap(l=>{if(!l)return o.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 o.Observable(d=>{e.onload=async()=>{try{e.sheet&&await gn(n,e,t,i,r),d.next(),d.complete()}catch(p){d.error(p)}},e.onerror=d.error});return o.of(null)}))},hn=({settings:n,item:e,context:t})=>i=>i.pipe(o.switchMap(r=>{const s=Ne(r.contentDocument),a=$.getParentPath(e.href),c=s.map(l=>mn(r.contentDocument,l,a,t,n));return o.combineLatest(c).pipe(o.map(()=>r))})),fn=n=>{Kt(n?.contentDocument)},Sn="@prose-reader/core",yn=0,bn=200,Be=[".xhtml",".html",".htm"],C="prose-reader",be=`${C}-style`,xe=`data-${C}-id`,Ye=`${C}-viewport`,qe=`${C}-scroll-navigator`,In=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(r=>r===t)){const r=await n.blob(),s=URL.createObjectURL(r),a=await createImageBitmap(r),{width:c,height:l}={width:a.width,height:a.height};return a.close(),`
|
|
15
15
|
<html>
|
|
16
16
|
<head>
|
|
17
17
|
${e.renditionLayout==="pre-paginated"?`<meta name="viewport" content="width=${c}, height=${l}">`:""}
|
|
18
18
|
</head>
|
|
19
19
|
<body style="margin: 0px;" tab-index="-1;">
|
|
20
20
|
<img
|
|
21
|
-
src="${
|
|
21
|
+
src="${s}"
|
|
22
22
|
style="max-width: 100%;height:100%;object-fit:contain;"
|
|
23
23
|
>
|
|
24
24
|
</body>
|
|
25
25
|
</html>
|
|
26
|
-
`}return["text/plain"].some(
|
|
26
|
+
`}return["text/plain"].some(r=>r===t)?`
|
|
27
27
|
<!DOCTYPE html>
|
|
28
28
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xml:lang="en" lang="en">
|
|
29
29
|
<head>
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
<pre>${await n.text()}</pre>
|
|
40
40
|
</body>
|
|
41
41
|
</html>
|
|
42
|
-
`:await n.text()},wn=({item:n,resourcesHandler:e})=>{const t=i=>In(i,n);return i=>i.pipe(o.switchMap(
|
|
42
|
+
`:await n.text()},wn=({item:n,resourcesHandler:e})=>{const t=i=>In(i,n);return i=>i.pipe(o.switchMap(r=>o.from(e.getResource()).pipe(o.switchMap(s=>s instanceof URL&&n.href.startsWith(window.location.origin)&&(n.mediaType&&["application/xhtml+xml","application/xml","text/html","text/xml"].includes(n.mediaType)||!n.mediaType&&Be.some(c=>n.href.endsWith(c)))?(r?.setAttribute("src",n.href),o.of(r)):(s instanceof URL?o.from(e.fetchResource()):o.of(s)).pipe(o.switchMap(c=>{if(!(c instanceof Response))throw new Error("Invalid resource");return o.from(t(c))}),o.tap(c=>{if(c){const l=new Blob([c],{type:"text/html"}),u=URL.createObjectURL(l);r?.setAttribute("src",u)}}),o.map(()=>r),o.catchError(c=>(E.error(`Error while trying to fetch or load resource for item ${n.id}`,s),E.error(c),o.of(r))))))))},vn=()=>{const n=document.createElement("iframe");return n.frameBorder="no",n.tabIndex=0,n.setAttribute("sandbox",`
|
|
43
43
|
allow-same-origin
|
|
44
44
|
allow-scripts
|
|
45
45
|
allow-top-navigation-to-custom-protocols
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
background-color: transparent;
|
|
49
49
|
border: 0px none transparent;
|
|
50
50
|
padding: 0px;
|
|
51
|
-
`,n.setAttribute("role","main"),n},Pn="body{margin:0}html,body{height:100%;width:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{max-width:100%;height:100%;object-fit:contain}",
|
|
51
|
+
`,n.setAttribute("role","main"),n},Pn="body{margin:0}html,body{height:100%;width:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{max-width:100%;height:100%;object-fit:contain}",Xe=({pageHeight:n,pageWidth:e,frameElement:t})=>{const i=J(t);if(t?.contentDocument&&t.contentWindow&&i){const r=e/(i.width??1);return{computedScale:Math.min(r,n/(i.height??1)),computedWidthScale:r,viewportDimensions:i}}},Ge=(n,e)=>{n.style.width=`${e.width}px`,n.style.height=`${e.height}px`},$n=({minPageSpread:n,blankPagePosition:e,spreadPosition:t,pageHeight:i,pageWidth:r,frameElement:s,isRTL:a})=>{const c=n*r;if(s?.contentDocument&&s?.contentWindow){const{viewportDimensions:l,computedScale:u=1}=Xe({frameElement:s,pageHeight:i,pageWidth:r})??{},d=!!l,p=r,g=i;if(s.contentDocument?.documentElement&&s.contentDocument?.documentElement.setAttribute("data-prose-reader-html-renderer-has-viewport-dimensions",d.toString()),l?Ge(s,{width:l.width??1,height:l.height??1}):Ge(s,{width:p,height:g}),l){s?.style.setProperty("position","absolute"),s?.style.setProperty("top","50%"),t==="left"?(s?.style.setProperty("right","0"),s?.style.removeProperty("left")):e==="before"&&a?(s?.style.setProperty("right","50%"),s?.style.removeProperty("left")):t==="right"?(s?.style.setProperty("left","0"),s?.style.removeProperty("right")):(s?.style.setProperty("left",e==="before"?a?"25%":"75%":e==="after"?a?"75%":"25%":"50%"),s?.style.removeProperty("right"));const m=t!=="none"?"0":"-50%",h=t==="right"&&e!=="before"?"left":t==="left"||e==="before"&&a?"right":"center";s?.style.setProperty("transform",`translate(${m}, -50%) scale(${u})`),s?.style.setProperty("transform-origin",`${h} center`)}else e==="before"?a?s?.style.setProperty("margin-right",`${r}px`):s?.style.setProperty("margin-left",`${r}px`):(s?.style.removeProperty("margin-left"),s?.style.removeProperty("margin-right"));return{width:c,height:g}}return{width:c,height:i}},Tn=()=>`
|
|
52
52
|
body {
|
|
53
53
|
margin: 0;
|
|
54
54
|
}
|
|
@@ -151,14 +151,14 @@
|
|
|
151
151
|
td {
|
|
152
152
|
max-width: ${t}px;
|
|
153
153
|
}
|
|
154
|
-
`,Ln=({isUsingVerticalWriting:n,minimumWidth:e,pageHeight:t,pageWidth:i})=>{let a=i-0;const c=t-0;let l=i-0;return n&&(l=e-0,a=c),{columnHeight:c,columnWidth:a,width:l}},
|
|
154
|
+
`,Ln=({isUsingVerticalWriting:n,minimumWidth:e,pageHeight:t,pageWidth:i})=>{let a=i-0;const c=t-0;let l=i-0;return n&&(l=e-0,a=c),{columnHeight:c,columnWidth:a,width:l}},te=(n,e)=>{n.style.width=`${e.width}px`,n.style.height=`${e.height}px`},En=({pageHeight:n,pageWidth:e,frameElement:t,manifest:i,minPageSpread:r,isRTL:s,blankPagePosition:a,isImageType:c,enableTouch:l,isUsingVerticalWriting:u})=>{const d=r*e,p=i?.renditionLayout==="reflowable"&&i?.renditionFlow==="scrolled-continuous",g=p?Math.min(400,n):n;t?.style.setProperty("width",`${e}px`),p?t?.style.removeProperty("height"):t?.style.setProperty("height",`${g}px`);const{viewportDimensions:m,computedScale:h=1}=Xe({frameElement:t,pageHeight:g,pageWidth:e})??{},f=i?.renditionLayout==="pre-paginated";if(t?.contentDocument&&t?.contentWindow&&t.contentDocument.body){let y=e,S=g;if(m?.hasViewport)V(t,"prose-reader-html-renderer-framce-css",Tn()),te(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"?s?"25%":"75%":a==="after"?s?"75%":"25%":"50%"),t?.style.setProperty("transform",`translate(-50%, -50%) scale(${h})`),t?.style.setProperty("transform-origin","center center");else{const v=c?Mn({isScrollable:i?.renditionFlow==="scrolled-continuous",enableTouch:l}):Fn(Ln({isUsingVerticalWriting:u,minimumWidth:d,pageHeight:g,pageWidth:e}));if(V(t,"prose-reader-css",v,!0),u)S=Math.ceil(t.contentDocument.documentElement.scrollHeight/g)*g,te(t,{width:d,height:S});else if(i?.renditionFlow==="scrolled-continuous")S=t.contentDocument.body.scrollHeight,te(t,{width:d,height:S});else{const T=Math.ceil(t.contentDocument.documentElement.scrollWidth/e);f?y=e:y=T*e,te(t,{width:y,height:S})}}return y%d===0?t?.style.setProperty("margin-left","0px"):(y=y+e,s&&!u&&t?.style.setProperty("margin-left",`${e}px`)),{width:y,height:S}}};class Cn extends Y{constructor(){super(...arguments),this.isPrePaginated=()=>this.item.renditionLayout==="pre-paginated"||!this.item.renditionLayout&&this.context.manifest?.renditionLayout==="pre-paginated",this.isImageType=()=>!!(this.item.mediaType??$.detectMimeTypeFromName(this.item.href))?.startsWith("image/")}onCreateDocument(){const e=vn();return this.setDocumentContainer(e),o.of(e)}onLoadDocument(){const e=this.getFrameElement();if(!e)throw new Error("invalid frame");return o.of(e).pipe(wn({item:this.item,resourcesHandler:this.resourcesHandler,settings:this.settings}),q(this.context.bridgeEvent.viewportFree$),o.tap(()=>{this.attach()}),ke,o.tap(t=>{this.isPrePaginated()?V(t,"prose-reader-css",Pn):this.isImageType()}),hn({context:this.context,item:this.item,settings:this.settings}),ze)}onUnload(){return fn(this.getFrameElement()),this.detach(),o.EMPTY}onLayout({minPageSpread:e,blankPagePosition:t,spreadPosition:i}){const{width:r,height:s}=this.viewport.pageSize,a=this.getFrameElement();if(!a)return o.of(void 0);const c=!!this.writingMode?.startsWith("vertical"),l=this.settings.values.computedPageTurnMode==="scrollable";if(a.contentDocument?.documentElement&&(a.contentDocument?.documentElement.setAttribute("data-prose-reader-html-renderer-spread-position",i),l?a.contentDocument?.documentElement.classList.add("prose-reader-html-renderer-touch-enabled"):a.contentDocument?.documentElement.classList.remove("prose-reader-html-renderer-touch-enabled")),this.isPrePaginated()){const d=$n({blankPagePosition:t,frameElement:a,isRTL:this.context.isRTL(),minPageSpread:e,pageHeight:s,pageWidth:r,spreadPosition:i});return o.of(d)}const u=En({pageHeight:s,pageWidth:r,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 o.of(u)}onRenderHeadless(){return o.from(this.resourcesHandler.fetchResource()).pipe(o.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 o.from(e.text()).pipe(o.map(r=>new DOMParser().parseFromString(r,t)))}return o.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 Ze=n=>e=>{const t=n({...e,getRenderer(r){return e.getRenderer?.(r)??(a=>new Cn(a))}}),i=dn(t);return i.pipe(o.takeUntil(t.$.destroy$)).subscribe(),{...t,links$:i}};function O(n){return n!=null}class ne{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 L{constructor(e){this.__symbol=Symbol("SpineItemPosition"),this.x=e.x,this.y=e.y}}class ie{constructor(e){this.__symbol=Symbol("SpineItemPagePosition"),this.x=e.x,this.y=e.y}}class Je extends ne{constructor(){super(...arguments),this.__symbol="SpineItemPageLayout"}}class oe extends ne{constructor(){super(...arguments),this.__symbol="SpineItemSpineLayout"}}class Ke extends ne{constructor(){super(...arguments),this.__symbol="SpineItemPageSpineLayout"}}class Ie{constructor(e){this.x=e.x,this.y=e.y}}class M extends Ie{constructor(){super(...arguments),this.__symbol="SpinePosition"}static from(e){return new M(e)}}class U extends Ie{constructor(){super(...arguments),this.__symbol="UnboundSpinePosition"}static from(e){return new U(e)}}const Rn=(n,e)=>{const t=e.getBoundingClientRect(),{x:i,y:r}=n,{left:s,top:a}=t,c=t.width/e.offsetWidth,l=t.height/e.offsetHeight,u=i-s,d=r-a;return{x:u/c,y:d/l}},An=(n,e)=>new U(Rn(n,e)),Dn=n=>({getSpinePositionFromClientPosition:e=>n.spine.element?An(e,n.spine.element):void 0}),Nn=n=>{let e;const t=n.context.watch("rootElement").pipe(I.switchMap(l=>l?new o.Observable(()=>(e=l.ownerDocument.createElement("div"),e.style.cssText=`
|
|
155
155
|
position: absolute;
|
|
156
156
|
left: 0;
|
|
157
157
|
top: 0;
|
|
158
158
|
width: 100%;
|
|
159
159
|
height: 100%;
|
|
160
160
|
visibility: hidden;
|
|
161
|
-
`,l.appendChild(e),()=>{e?.remove(),e=void 0})):o.NEVER)),i=l=>o.scheduled(l,o.animationFrameScheduler).pipe(I.tap(()=>{e?.style.setProperty("visibility","hidden")})),
|
|
161
|
+
`,l.appendChild(e),()=>{e?.remove(),e=void 0})):o.NEVER)),i=l=>o.scheduled(l,o.animationFrameScheduler).pipe(I.tap(()=>{e?.style.setProperty("visibility","hidden")})),r=n.context.bridgeEvent.viewportBusy$.pipe(I.tap(()=>{e?.style.setProperty("visibility","visible")})),s=i(n.viewportFree$).pipe(I.take(1)),c=n.settings.values$.pipe(I.map(()=>n.settings.values.computedPageTurnMode),I.distinctUntilChanged()).pipe(I.switchMap(l=>l==="controlled"?r.pipe(I.switchMap(()=>s)):i(o.of(void 0))),I.takeUntil(n.$.destroy$));return o.merge(t,c)},Qe=`${`${C}-enhancer-loading`}-container`,On=({container:n,item:e,viewport:t})=>{const i=n.ownerDocument.createElement("div");i.classList.add(Qe),i.style.cssText=`
|
|
162
162
|
height: 100%;
|
|
163
163
|
width: 100%;
|
|
164
164
|
max-width: ${t.absoluteViewport.width}px;
|
|
@@ -173,34 +173,34 @@
|
|
|
173
173
|
color: rgb(202, 202, 202);
|
|
174
174
|
background-color: white;
|
|
175
175
|
z-index: 1;
|
|
176
|
-
`;const
|
|
176
|
+
`;const r=i.ownerDocument.createElement("div");r.innerText="prose",r.style.cssText=`
|
|
177
177
|
font-size: 4em;
|
|
178
|
-
`;const
|
|
178
|
+
`;const s=i.ownerDocument.createElement("div");return s.setAttribute("data-details-element","true"),s.innerText=`loading ${e.id}`,s.style.cssText=`
|
|
179
179
|
font-size: 1.2em;
|
|
180
180
|
text-overflow: ellipsis;
|
|
181
181
|
white-space: nowrap;
|
|
182
182
|
overflow: hidden;
|
|
183
183
|
max-width: 300px;
|
|
184
184
|
width: 80%;
|
|
185
|
-
`,i.appendChild(
|
|
185
|
+
`,i.appendChild(r),i.appendChild(s),i},Vn=n=>n.spineItemsManager.items$.pipe(I.switchMap(e=>o.merge(...e.map(t=>{t.containerElement.style.zIndex="0";const i=t.containerElement.querySelector(`.${Qe}`),r=i instanceof HTMLElement?i:On({container:t.containerElement,item:t.item,viewport:n.viewport});return t.containerElement.appendChild(r),o.merge(t.pipe(I.tap(s=>{if(r.style.setProperty("visibility",s.isReady?"hidden":"visible"),r.style.setProperty("z-index",s.isReady?"0":"1"),s.isError){const a=r.querySelector("[data-details-element]");a instanceof HTMLElement&&(a.innerText=s.error?.toString()??"Unknown error")}})),o.combineLatest([n.spine.layout$,n.theme.$.theme$]).pipe(I.tap(([,s])=>{const a=n.viewport.absoluteViewport.width;r.style.setProperty("max-width",`${a}px`),r.style.setProperty("color",s==="sepia"?"#939393":"rgb(202, 202, 202)")})))})))),Un=n=>{n.hookManager.register("item.onDocumentLoad",({itemId:e})=>{n.spineItemsManager.get(e)?.renderer.getDocumentFrame()?.setAttribute("scrolling","no")})},kn=n=>{n.hookManager.register("item.onAfterLayout",({item:e,blankPagePosition:t,minimumWidth:i})=>{const r=n.spineItemsManager.get(e.id),s=r?.renderer.getDocumentFrame();if(r?.renditionLayout!=="reflowable"||!(s instanceof HTMLIFrameElement))return;const{hasViewport:a}=J(s),{width:c}=n.viewport.pageSize,l=r?.renderer.getDocumentFrame();if(a){const u=c<i;t==="none"&&u&&l instanceof HTMLIFrameElement&&l?.style.setProperty("left",n.context.isRTL()?"75%":"25%")}})},zn=n=>n.spineItemsObserver.states$.pipe(o.tap(({item:e,isReady:t,isDirty:i})=>{e.containerElement.dataset.isDirty=i.toString(),e.containerElement.dataset.isReady=t.toString()}));let Wn=class extends _e{computeOutputSettings(e){return e}hasSettingsChanged(e){return!$.isShallowEqual(this.outputSettings,e)}getCleanedParentInputSettings(e){const{layoutAutoResize:t,pageHorizontalMargin:i,pageVerticalMargin:r,layoutLayerTransition:s,...a}=e;return a}getDefaultSettings(){return{layoutAutoResize:"container",pageHorizontalMargin:24,pageVerticalMargin:24,layoutLayerTransition:!0}}};const _n=n=>o.combineLatest([n.viewport.watch(["width","height"]),n.context.watch("manifest")]).pipe(o.tap(([{width:e,height:t},i])=>{const r=e>t;return!r&&i?.renditionSpread==="portrait"?n.settings.update({spreadMode:!0}):r&&(i?.renditionSpread===void 0||i?.renditionSpread==="auto"||i?.renditionSpread==="landscape"||i?.renditionSpread==="both")?n.settings.update({spreadMode:!0}):n.settings.update({spreadMode:!1})})),je=n=>e=>{const{pageHorizontalMargin:t,pageVerticalMargin:i,layoutAutoResize:r,layoutLayerTransition:s}=e,a=n(e),c=new Wn({pageHorizontalMargin:t,pageVerticalMargin:i,layoutAutoResize:r,layoutLayerTransition:s},a.settings);a.hookManager.register("onViewportOffsetAdjust",()=>{let f=!1;a.spineItemsManager.items.forEach(y=>{const S=y.renderer.getDocumentFrame();!f&&S&&(S.getBoundingClientRect().left,f=!0)})}),a.hookManager.register("item.onBeforeLayout",({item:f})=>{const y=a.spineItemsManager.get(f.id),w=!!(f.mediaType??$.detectMimeTypeFromName(f.href))?.startsWith("image/"),{pageHorizontalMargin:v=0,pageVerticalMargin:T=0}=c.values,P=a.viewport.pageSize;if(y?.renditionLayout==="reflowable"&&!w){let F=P.width-v*2;const A=P.height-T*2;let D=P.width-v*2,_=v*2;y.isUsingVerticalWriting()&&(D=P.width-v*2,F=A,_=T*2);const B=y?.renderer.getDocumentFrame();B&&V(B,"prose-layout-enhancer-css",`
|
|
186
186
|
body {
|
|
187
187
|
width: ${D}px !important;
|
|
188
188
|
margin: ${T}px ${v}px !important;
|
|
189
189
|
column-gap: ${_}px !important;
|
|
190
|
-
column-width: ${
|
|
190
|
+
column-width: ${F}px !important;
|
|
191
191
|
height: ${A}px !important;
|
|
192
192
|
}
|
|
193
193
|
img, video, audio, object, svg {
|
|
194
|
-
-max-width: ${
|
|
194
|
+
-max-width: ${F}px !important;
|
|
195
195
|
-max-height: ${A}px !important;
|
|
196
196
|
}
|
|
197
197
|
table {
|
|
198
|
-
max-width: ${
|
|
198
|
+
max-width: ${F}px !important;
|
|
199
199
|
}
|
|
200
200
|
td {
|
|
201
|
-
max-width: ${
|
|
201
|
+
max-width: ${F}px;
|
|
202
202
|
}
|
|
203
|
-
`)}}),kn(a),Un(a),a.hookManager.register("item.onDocumentCreated",({documentContainer:f})=>{f.style.opacity="0",c.values.layoutLayerTransition&&(f.style.transition="opacity 300ms")}),a.hookManager.register("item.onBeforeLayout",({item:f})=>{const S=a.spineItemsManager.get(f.id)?.renderer.documentContainer;a.settings.values.computedPageTurnMode!=="scrollable"&&S?.setAttribute("tab-index","0")});const l=a.spineItemsObserver.itemIsReady$.pipe(I.filter(({isReady:f})=>f),I.tap(({item:f})=>{const y=f.renderer.documentContainer;y&&(y.style.opacity="1")})),u=c.values$.pipe(I.filter(({layoutAutoResize:f})=>f==="container"),I.switchMap(()=>a.context.watch("rootElement")),I.filter(O),I.switchMap(f=>Q(f)),I.debounceTime(100),I.filter(O),I.tap(()=>{a?.layout()})),d=Nn(a);c.watch(["pageHorizontalMargin","pageVerticalMargin"]).pipe(I.skip(1),I.tap(()=>{a.layout()}),I.takeUntil(a.$.destroy$)).subscribe();const p=a.spine.pages.pipe(I.shareReplay({refCount:!0,bufferSize:1})),g=zn(a),m=_n(a),h=Vn(a);return o.merge(l,d,u,p,g,m,h).pipe(I.takeUntil(a.$.destroy$)).subscribe(),{...a,destroy:()=>{c.destroy(),a.destroy()},settings:c,layout$:a.spine.layout$,layoutInfo$:p,coordinates:Dn(a)}};class Hn extends Y{getImageElement(){const e=this.documentContainer;if(e instanceof HTMLImageElement)return e}onCreateDocument(){const e=this.containerElement.ownerDocument.createElement("img");return o.from(this.resourcesHandler.getResource()).pipe(o.switchMap(t=>{if(this.setDocumentContainer(e),e.style.objectFit="contain",e.style.userSelect="none",t instanceof URL)return o.of(t.href);if(t instanceof Response)return o.from(t.blob()).pipe(o.map(i=>URL.createObjectURL(i)));throw new Error("Invalid resource")}),o.map(t=>{const i=this.getImageElement();return i&&(i.src=t),e}))}onLoadDocument(){const e=this.getImageElement();if(!e)throw new Error("invalid element");return this.attach(),o.fromEvent(e,"load")}onUnload(){const e=this.getImageElement();return e&&URL.revokeObjectURL(e.src),this.detach(),o.EMPTY}onLayout({spreadPosition:e}){const t=this.getImageElement(),{height:i,width:s}=this.viewport.value.pageSize;let r=i;const a=s;if(!t)return o.of(void 0);const c=t.naturalWidth||1,l=t.naturalHeight||1,u=c/l;return this.settings.values.computedPageTurnDirection==="vertical"&&this.settings.values.computedPageTurnMode==="scrollable"&&!this.settings.values.computedSpreadMode&&(r=Math.ceil(s/u)),t.style.height=`${r}px`,t.style.width=`${a}px`,t.style.objectPosition=e==="left"?"right":e==="right"?"left":"center",o.of({width:a,height:r})}onRenderHeadless(){return o.EMPTY}getDocumentFrame(){}}const Bn=n=>e=>{const t=n({...e,getRenderer(a){const c=e.getRenderer?.(a),u=!!(a.mediaType??$.detectMimeTypeFromName(a.href))?.startsWith("image/");return!c&&u?d=>new Hn(d):c}}),i=new IntersectionObserver(a=>{a.forEach(c=>{const l=c.target,u=Array.from(l.contentDocument?.body.getElementsByTagName("audio")||[]);c.isIntersecting?u.forEach(d=>{d.hasAttribute("autoplay")&&d.paused&&d.readyState>=2&&d.play().catch(console.error)}):u.forEach(d=>{d.pause(),d.currentTime=0})})},{threshold:.01}),s=new IntersectionObserver(a=>{a.forEach(c=>{if(c.target.tagName==="video"){const l=c.target;c.isIntersecting?l.hasAttribute("autoplay")&&l.paused&&l.readyState>=2&&l.play().catch(console.error):(l.pause(),l.currentTime=0)}})},{threshold:.5});return t.hookManager.register("item.onDocumentLoad",({destroy:a,itemId:c})=>{const l=t.spineItemsManager.get(c)?.renderer.getDocumentFrame();if(!l)return;i.observe(l);const u=l.contentDocument?.body.getElementsByTagName("video"),d=Array.from(u||[]).map(p=>(s.observe(p),()=>s.unobserve(p)));a(()=>{i.unobserve(l),d.forEach(p=>{p()})})}),{...t,destroy:()=>{i.disconnect(),s.disconnect(),t.destroy()}}},xn=(n,e)=>n.links$.pipe(o.tap(t=>{if(!Ve(t.target,"a")||t.type!=="click")return;const i=new URL(t.target.href),s=`${i.origin}${i.pathname}`;n.context.manifest?.spineItems.some(a=>a.href===s)&&e.goToUrl(i)})),k=E.namespace("navigation"),Yn=({position:n,spineItem:e,pageHeight:t,pageWidth:i,spineItemLocator:s})=>{let r=new F({x:n.x-i,y:n.y});return e.isUsingVerticalWriting()&&(r=new F({x:n.x,y:n.y+t})),s.getSpineItemClosestPositionFromUnsafePosition(r,e)},et=({position:n,navigationResolver:e,computedPageTurnDirection:t,spineItemsManager:i,spineLocator:s,viewport:r})=>{const a=t,c=s.getSpineItemFromPosition(n)||i.get(0),l=n;if(!c)return l;const u=s.getSpineItemPositionFromSpinePosition(n,c),d=Yn({position:u,spineItem:c,pageHeight:r.pageSize.height,pageWidth:r.pageSize.width,spineItemLocator:s.spineItemLocator});return e.arePositionsDifferent(d,u)?s.getSpinePositionFromSpineItemPosition({spineItemPosition:d,spineItem:c}):e.fromUnboundSpinePosition(a==="horizontal"?new M({x:n.x-r.pageSize.width,y:0}):new M({y:n.y-r.pageSize.height,x:0}))},Xn=({position:n,spineItem:e,context:t,navigationResolver:i,spineItemsManager:s,spineLocator:r,computedPageTurnDirection:a,viewport:c,settings:l})=>{const u=et({position:n,viewport:c,navigationResolver:i,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});if(e?.isUsingVerticalWriting()&&n.x===u.x)return i.getAdjustedPositionForSpread(u);if(l.values.computedSpreadMode){if(e?.isUsingVerticalWriting()&&n.x!==u.x)return i.getAdjustedPositionForSpread(i.fromUnboundSpinePosition(t.isRTL()?{...u,x:u.x+c.pageSize.width}:{...u,x:u.x-c.pageSize.width}));if(a==="vertical"&&n.y!==u.y)return i.getAdjustedPositionForSpread(u);const d=et({position:u,viewport:c,navigationResolver:i,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});return i.getAdjustedPositionForSpread(d)}return i.getAdjustedPositionForSpread(u)},qn=({position:n,spineItem:e,pageHeight:t,pageWidth:i,spineItemLocator:s})=>{let r=new F({x:n.x+i,y:n.y});return e.isUsingVerticalWriting()&&(r=new F({x:n.x,y:n.y-t})),s.getSpineItemClosestPositionFromUnsafePosition(r,e)},tt=({position:n,navigationResolver:e,computedPageTurnDirection:t,spineItemsManager:i,spineLocator:s,viewport:r})=>{const a=t,c=s.getSpineItemFromPosition(n)||i.get(0),l=n;if(!c)return l;const u=s.getSpineItemPositionFromSpinePosition(n,c),d=qn({position:u,spineItem:c,pageHeight:r.pageSize.height,pageWidth:r.pageSize.width,spineItemLocator:s.spineItemLocator});return e.arePositionsDifferent(d,u)?s.getSpinePositionFromSpineItemPosition({spineItemPosition:d,spineItem:c}):e.fromUnboundSpinePosition(a==="horizontal"?new U({x:n.x+r.pageSize.width,y:0}):new U({y:n.y+r.pageSize.height,x:0}))},Gn=({position:n,spineItem:e,context:t,navigationResolver:i,spineItemsManager:s,spineLocator:r,computedPageTurnDirection:a,viewport:c,settings:l})=>{const u=tt({position:n,viewport:c,navigationResolver:i,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});if(e?.isUsingVerticalWriting()&&n.x===u.x)return i.getAdjustedPositionForSpread(u);if(l.values.computedSpreadMode){if(e?.isUsingVerticalWriting()&&n.x!==u.x)return i.getAdjustedPositionForSpread(i.fromUnboundSpinePosition(t.isRTL()?{...u,x:u.x-c.pageSize.width}:{...u,x:u.x+c.pageSize.width}));if(a==="vertical"&&n.y!==u.y)return i.getAdjustedPositionForSpread(u);const d=tt({position:u,viewport:c,navigationResolver:i,computedPageTurnDirection:a,spineItemsManager:s,spineLocator:r});return i.getAdjustedPositionForSpread(d)}return i.getAdjustedPositionForSpread(u)};class Zn{constructor(e){this.reader=e,this.movingLastDelta={x:0,y:0},this.movingLastPosition=new M({x:0,y:0}),this.unlock=void 0}turnRight(){return this.turnRightOrBottom()}turnLeft(){return this.turnLeftOrTop()}turnTop(){return this.turnLeftOrTop()}turnBottom(){return this.turnRightOrBottom()}turnRightOrBottom(){const e=this.reader.navigation.getNavigation(),t=this.reader.spineItemsManager.get(e.spineItem);if(!t)return;const i=Gn({context:this.reader.context,navigationResolver:this.reader.navigation.navigationResolver,position:e.position,computedPageTurnDirection:this.reader.settings.values.computedPageTurnDirection,spineItem:t,spineItemsManager:this.reader.spineItemsManager,spineLocator:this.reader.spine.locator,viewport:this.reader.viewport,settings:this.reader.settings});return this.reader.navigation.navigate({position:i})}turnLeftOrTop(){const e=this.reader.navigation.getNavigation(),t=this.reader.spineItemsManager.get(e.spineItem);if(!t)return;const i=Xn({context:this.reader.context,navigationResolver:this.reader.navigation.navigationResolver,position:e.position,computedPageTurnDirection:this.reader.settings.values.computedPageTurnDirection,spineItem:t,spineItemsManager:this.reader.spineItemsManager,spineLocator:this.reader.spine.locator,viewport:this.reader.viewport,settings:this.reader.settings});return this.reader.navigation.navigate({position:i})}goToCfi(e,t={animate:!0}){return this.reader.navigation.navigate({animation:t.animate?"turn":!1,cfi:e})}goToSpineItem({indexOrId:e,...t}){const i=this.reader.spineItemsManager.get(e);if(i===void 0){k.warn("goToSpineItem",`Ignore navigation to ${e} since the item does not exist`);return}this.reader.navigation.navigate({spineItem:i.index,...t})}goToNextSpineItem(){const{endIndex:e=0}=this.reader.spine.locator.getVisibleSpineItemsFromPosition({position:this.reader.navigation.getNavigation().position,threshold:{type:"percentage",value:.5}})||{};this.goToSpineItem({indexOrId:e+1})}goToPreviousSpineItem(){const{beginIndex:e=0}=this.reader.spine.locator.getVisibleSpineItemsFromPosition({position:this.reader.navigation.getNavigation().position,threshold:{type:"percentage",value:.5}})??{};this.goToSpineItem({indexOrId:e-1})}goToUrl(e){this.reader.navigation.navigate({url:e,animation:!1})}goToRightSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="vertical"){k.warn("You cannot call this navigation method on vertical direction");return}return this.reader.context.isRTL()?this.goToPreviousSpineItem():this.goToNextSpineItem()}goToRightOrBottomSpineItem(){return this.reader.settings.values.computedPageTurnDirection==="vertical"?this.goToBottomSpineItem():this.goToRightSpineItem()}goToLeftOrTopSpineItem(){return this.reader.settings.values.computedPageTurnDirection==="vertical"?this.goToTopSpineItem():this.goToLeftSpineItem()}goToLeftSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="vertical"){k.warn("You cannot call this navigation method on vertical direction");return}return this.reader.context.isRTL()?this.goToNextSpineItem():this.goToPreviousSpineItem()}goToTopSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="horizontal"){k.warn("You cannot call this navigation method on horizontal direction");return}return this.goToPreviousSpineItem()}goToBottomSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="horizontal"){k.warn("You cannot call this navigation method on horizontal direction");return}return this.goToNextSpineItem()}goToPageOfSpineItem({pageIndex:e,spineItemId:t,...i}){const s=this.reader.navigation.navigationResolver.getNavigationForSpineItemPage({pageIndex:e,spineItemId:t});k.debug(".goToPageOfSpineItem()",{pageIndex:e,spineItemId:t,...i,position:s}),this.reader.navigation.navigate({position:s,...i})}goToAbsolutePageIndex({absolutePageIndex:e,...t}){const i=this.reader.spine.pages.fromAbsolutePageIndex(e);if(k.debug(".goToAbsolutePageIndex()",{absolutePageIndex:e,...t,foundInfo:i}),i){const s=this.reader.navigation.navigationResolver.getNavigationForSpineItemPage({pageIndex:i.pageIndex,spineItemId:i.itemIndex});return this.reader.navigation.navigate({position:s,...t})}}}class Jn extends N{constructor(e){super({lastDelta:{x:0,y:0},lastPosition:new M({x:0,y:0}),lastStartPosition:new M({x:0,y:0}),isStarted:!1}),this.reader=e,this.unlock=void 0}start(e){this.unlock?.(),this.unlock=this.reader.navigation.lock(),this.mergeCompare({isStarted:!0,lastDelta:e,lastStartPosition:this.reader.navigation.controlledNavigationController.viewportPosition,lastPosition:this.reader.navigation.controlledNavigationController.viewportPosition})}stop(e){this.panMoveTo(e),this.mergeCompare({isStarted:!1}),this.unlock?.()}panMoveTo(e){if(this.reader.settings.values.computedPageTurnMode==="scrollable"){k.warn("pan control is not available on free page turn mode");return}if(!this.value.isStarted){k.error("Pan navigator is not started");return}const t=this.reader.settings.values.computedPageTurnDirection;let i=this.reader.navigation.getNavigation().position;if(e){const s=this.reader.viewport.absoluteViewport.width/this.reader.viewport.relativeViewport.width,r=Math.floor(e.x)-(this.value.lastDelta?.x||0),a=Math.floor(e.y)-(this.value.lastDelta?.y||0),c=Math.floor(t==="horizontal"?this.value.lastPosition.x-r/s:0),l=Math.floor(t==="horizontal"?0:this.value.lastPosition.y-a/s);i=new M({x:c,y:l}),this.mergeCompare({lastDelta:e})}else i=this.value.lastPosition;this.mergeCompare({lastPosition:i}),this.reader.navigation.navigate({position:i,animation:!1})}}class R{constructor(){this.isDestroyed=!1,this.destroySubject=new o.Subject,this.destroy$=this.destroySubject.asObservable()}destroy(){this.isDestroyed||(this.isDestroyed=!0,this.destroySubject.next(),this.destroySubject.complete())}}const Kn=500;class Qn extends R{constructor(e,t){super(),this.scrollNavigationController=e,this.locker=t,this.navigationSubject=new o.Subject,this.navigation$=this.navigationSubject.asObservable();const i=this.scrollNavigationController.userScroll$.pipe(o.exhaustMap(s=>{const r=this.locker.lock();return o.merge(this.scrollNavigationController.userScroll$,o.of(s)).pipe(o.debounceTime(Kn,o.animationFrameScheduler),o.first(),o.tap(()=>{const a=this.scrollNavigationController.fromScrollPosition(this.scrollNavigationController.scrollPosition);this.navigationSubject.next({animation:!1,type:"scroll",position:a})}),o.finalize(()=>{r()}))}));o.merge(i).pipe(o.takeUntil(this.destroy$)).subscribe()}}const jn=n=>n.pagination.state$.pipe(o.withLatestFrom(n.context.manifest$,n.settings.values$),o.map(([e,{spineItems:t,readingDirection:i},{computedPageTurnDirection:s}])=>{const r=t.length??0,a=e.beginSpineItemIndex===0,c=e.endSpineItemIndex===Math.max(r-1,0),l=e.endSpineItemIndex===Math.max(r-1,0),u=e.beginSpineItemIndex===0,d=e.beginPageIndexInSpineItem===0,p=e.endPageIndexInSpineItem===e.endNumberOfPagesInSpineItem-1;return{canTurnLeft:s==="vertical"?!1:!d,canTurnRight:s==="vertical"?!1:!p,canGoTopSpineItem:s==="vertical"&&!a,canGoBottomSpineItem:s==="vertical"&&!c,canGoLeftSpineItem:s!=="vertical"&&(i==="ltr"&&!a||i==="rtl"&&!l),canGoRightSpineItem:s!=="vertical"&&(i==="ltr"&&!c||i==="rtl"&&!u)}}),o.distinctUntilChanged($.isShallowEqual)),ei=({reader:n,duration:e})=>t=>{let i;const s=()=>{i?.(),i=void 0};return t.pipe(o.tap(()=>{i||(i=n?.navigation.lock())}),o.throttleTime(e,o.animationFrameScheduler,{trailing:!0,leading:!0}),o.tap(s),o.finalize(s))},ti=n=>e=>{const t=n(e),i=jn(t),s=new Zn(t),r=new Jn(t),a=new Qn(t.navigation.scrollNavigationController,t.navigation.locker),c=xn(t,s),l=a.navigation$.pipe(o.tap(p=>{t.navigation.navigate(p)}));return o.merge(c,l).pipe(o.takeUntil(t.$.destroy$)).subscribe(),{...t,load:p=>{const{cfi:g,...m}=p;t.load(m),g&&s.goToCfi(g,{animate:!1})},destroy:()=>{a.destroy(),t.destroy()},navigation:{...t.navigation,state$:i,throttleLock:({duration:p,trigger:g})=>g.pipe(ei({duration:p,reader:t})),panNavigator:r,turnBottom:s.turnBottom.bind(s),turnTop:s.turnTop.bind(s),turnLeftOrTop:s.turnLeftOrTop.bind(s),turnRightOrBottom:s.turnRightOrBottom.bind(s),turnLeft:s.turnLeft.bind(s),turnRight:s.turnRight.bind(s),goToCfi:s.goToCfi.bind(s),goToUrl:s.goToUrl.bind(s),goToSpineItem:s.goToSpineItem.bind(s),goToNextSpineItem:s.goToNextSpineItem.bind(s),goToPreviousSpineItem:s.goToPreviousSpineItem.bind(s),goToLeftOrTopSpineItem:s.goToLeftOrTopSpineItem.bind(s),goToRightOrBottomSpineItem:s.goToRightOrBottomSpineItem.bind(s),goToTopSpineItem:s.goToTopSpineItem.bind(s),goToBottomSpineItem:s.goToBottomSpineItem.bind(s),goToLeftSpineItem:s.goToLeftSpineItem.bind(s),goToRightSpineItem:s.goToRightSpineItem.bind(s),goToPageOfSpineItem:s.goToPageOfSpineItem.bind(s),goToAbsolutePageIndex:s.goToAbsolutePageIndex.bind(s)}}},nt=(n,e,t)=>{const i=t.spineItems.findIndex(s=>s.href===n);return e.reduce((s,r)=>{const a=r.href.indexOf("#"),c=a>0?r.href.substr(0,a):r.href,l=c.substring(0,c.lastIndexOf("/")),u=n.substring(0,n.lastIndexOf("/")),d=n.endsWith(c),p=u!==""&&u.endsWith(l);if(d||p){const m=t.spineItems.findIndex(S=>S.href===r.href);if(i<m)return s;const f={title:r.title,path:r.path},y=nt(n,r.contents,t);return y?{...f,subChapter:y}:f}return s},void 0)},ni=(n,e)=>{const{href:t}=e;return nt(t,n.nav?.toc??[],n)},ii=n=>{const e=n.context.manifest,t=n.spineItemsManager.items;return e?t.reduce((i,{item:s})=>(i[s.id]=ni(e,s),i),{}):{}},oi=n=>n.spineItemsManager.items$.pipe(o.startWith([]),o.map(()=>ii(n))),si=(n,e,t)=>n+e*t,ri=(n,e,t)=>{const{height:i,width:s}=t.layout.layoutInfo,{top:r,left:a}=n.spine.getSpineItemSpineLayoutInfo(t);return n.settings.values.computedPageTurnDirection==="vertical"?Math.max(0,Math.min(1,(e.y-r+n.viewport.absoluteViewport.height)/i)):Math.max(0,Math.min(1,(e.x-a+n.viewport.absoluteViewport.width)/s))},ai=(n,e,t,i,s)=>s.isReady$.pipe(o.first(),o.withLatestFrom(n.layoutInfo$),o.map(([r,a])=>{const c=n.context,l=c.manifest?.renditionLayout==="pre-paginated",u=c.manifest?.spineItems.length||0,d=c.manifest?.spineItems.slice(0,e).reduce((S,w)=>S+(w.progressionWeight??0),0)||0,p=n.spineItemsManager.getSpineItemIndex(s)??0,g=n.context.manifest?.spineItems.length??0,m=a.pages.filter(S=>S.itemIndex===p).length??0,h=c.manifest?.spineItems[e]?.progressionWeight??(p+1)/g;let f=(t+1)*(h/m);!l&&s.renditionLayout==="reflowable"&&!r&&(f=0);let y=d+f;return c.manifest?.renditionFlow==="scrolled-continuous"&&(r?f=ri(n,i,s):f=0,y=si(d,h,f)),e===u-1&&t===m-1&&y>.99?1:y})),ci=n=>n.spine.layout$.pipe(o.debounceTime(10,o.animationFrameScheduler),o.withLatestFrom(n.pagination.state$),o.map(()=>({numberOfPagesPerItems:n.spineItemsManager.items.reduce((t,i)=>[...t,i.numberOfPages],[]),numberOfTotalPages:n.spine.pages.value.pages.length})),o.distinctUntilChanged($.isShallowEqual),o.startWith({numberOfPagesPerItems:[],numberOfTotalPages:0})),li=(n,e,t,i)=>{const s=e.beginSpineItemIndex!==void 0?n.spineItemsManager.get(e.beginSpineItemIndex):void 0,r=e.endSpineItemIndex!==void 0?n.spineItemsManager.get(e.endSpineItemIndex):void 0;return o.of({...e,beginChapterInfo:s?t[s.item.id]:void 0,beginSpineItemReadingDirection:s?.readingDirection,endChapterInfo:r?t[r.item.id]:void 0,endSpineItemReadingDirection:r?.readingDirection,percentageEstimateOfBook:i,isUsingSpread:n.settings.values.computedSpreadMode??!1})},ui=n=>o.combineLatest([n.pagination.state$,n.layout$]).pipe(o.switchMap(([e])=>{const t=e.endSpineItemIndex!==void 0?n.spineItemsManager.get(e.endSpineItemIndex):void 0;return t?ai(n,e.endSpineItemIndex??0,e.endPageIndexInSpineItem||0,n.navigation.getNavigation().position,t):o.of(0)})),di=n=>{const e=oi(n),t=ci(n),i=new o.BehaviorSubject({...n.pagination.state,beginChapterInfo:void 0,beginCfi:void 0,beginPageIndexInSpineItem:void 0,isUsingSpread:!1,beginAbsolutePageIndex:0,endAbsolutePageIndex:0,numberOfTotalPages:0,beginSpineItemReadingDirection:void 0,beginSpineItemIndex:void 0,endCfi:void 0,endChapterInfo:void 0,endSpineItemReadingDirection:void 0,percentageEstimateOfBook:0}),s=o.combineLatest([n.pagination.state$,e,ui(n)]).pipe(o.switchMap(([a,c,l])=>li(n,a,c,l).pipe(o.map(u=>({...a,...u})))),o.distinctUntilChanged($.isShallowEqual));return{paginationInfo$:o.combineLatest([s,t]).pipe(o.map(([a,c])=>({...a,...c,beginAbsolutePageIndex:c.numberOfPagesPerItems.slice(0,a.beginSpineItemIndex).reduce((l,u)=>l+u,a.beginPageIndexInSpineItem??0),endAbsolutePageIndex:c.numberOfPagesPerItems.slice(0,a.endSpineItemIndex).reduce((l,u)=>l+u,a.endPageIndexInSpineItem??0)})),o.tap(a=>{i.next(a)}),o.shareReplay(1)),getPaginationInfo:()=>i.value}},H=n=>W.generate({spineIndex:n.index,spineId:n.id}),it=({nodeOrRange:n,offset:e,item:t})=>{const i="ownerDocument"in n?n.ownerDocument:n.startContainer.ownerDocument;return!i||!i?.documentElement||n===i?H(t):Qt(n)?W.generate({start:{node:n.startContainer,offset:n.startOffset,spineIndex:t.index,spineId:t.id},end:{node:n.endContainer,offset:n.endOffset,spineIndex:t.index,spineId:t.id}}):W.generate({node:n,offset:e,spineIndex:t.index,spineId:t.id})},oe=({pageIndex:n,spineItem:e,spine:t})=>{const s=t.pages.value.pages.find(a=>a.itemIndex===e.index&&a.pageIndex===n)?.firstVisibleNode,r=e.renderer.getDocumentFrame();return s&&r instanceof HTMLIFrameElement&&r.contentWindow?.document?it({nodeOrRange:s.node,offset:s.offset,item:e.item}).trim():H(e.item)},ot=(n,e)=>it({nodeOrRange:n,item:e}),pi=n=>n.index.toString(),st=n=>n[0]?.index===6&&n.length>1,se=n=>{const e=W.parse(n);return W.isIndirectionOnly(e)},gi=n=>Array.isArray(n)?n[0]&&st(n[0])?n[0]:void 0:n.parent[0]&&st(n.parent[0])?n.parent[0]:void 0,re=n=>{const e=W.parse(n),r=((gi(e)??[])[1]?.index??2)/2-1,a=W.isParsedCfiRange(e),c=a?e.end.at(-1)?.at(-1)?.offset:e.at(-1)?.at(-1)?.offset;return{isCfiRange:a,itemIndex:r,offset:c??0}},we=({cfi:n,spineItemsManager:e})=>{const{itemIndex:t,...i}=re(n),s=e.get(t);if(!s)return{...i,itemIndex:t,node:null};const r=s.renderer.getDocumentFrame();if(r instanceof HTMLIFrameElement){const a=r.contentWindow?.document;if(a)try{const c=W.resolve(n,a,{throwOnError:!0});return{...i,itemIndex:t,node:c.isRange?c.node?.startContainer??null:c.node??null,isCfiRange:c.isRange,range:c.isRange?c.node:void 0,offset:Array.isArray(c.offset)?c.offset.at(-1):c.offset,spineItem:s}}catch(c){return E.warn(`Error resolving cfi: ${n}.`),E.warn(c),{...i,spineItem:s,itemIndex:t,node:null}}}return{...i,itemIndex:t,spineItem:s,node:null}},mi=(n,e)=>{if("cfi"in e){const{itemIndex:r,...a}=n.cfi.parseCfi(e.cfi);return{...e,...a,itemIndex:r,node:null}}const t=n.spineItemsManager.get(e);if(!t)throw new Error("Spine item not found");const i=H(t.item);return{...n.cfi.parseCfi(i),cfi:H(t.item),itemIndex:t.index,node:null}},rt=(n,e)=>{let t=n?.itemPageIndex;const{itemIndex:i,...s}=e.cfi.parseCfi(n.cfi),r=e.spineItemsManager.get(i);return r?fe().pipe(o.withLatestFrom(r.isReady$),o.map(([,a])=>{const{node:c=null,offset:l,range:u}=a?e.cfi.resolveCfi({cfi:n.cfi}):{};r.renditionLayout!=="pre-paginated"&&c&&(t=e.spine.locator.spineItemLocator.getSpineItemPageIndexFromNode(c,l??0,r)??t);let p=n?.absolutePageIndex;return t===void 0&&(t=0),p=e.spine.locator._getAbsolutePageIndexFromPageIndex({pageIndex:t,spineItemOrId:r})??n?.absolutePageIndex,{...n,...s,range:u,itemIndex:i,node:c,startOffset:l,absolutePageIndex:p,itemPageIndex:t}})):o.of({...n,itemIndex:i,...s})};class at{constructor(e){this.reader=e,this.locatorsByKey=new Map,this.deregisterMemoizedStream=t=>{const i=this.locatorsByKey.get(t);i&&(i.observerCount--,i.observerCount===0&&this.locatorsByKey.delete(t))},this.locate=(t,i)=>{const s={resource:t,meta:mi(this.reader,t)};return Se(()=>{const r=this.reader.spineItemsManager.get(s.meta.itemIndex??0),a=r?.renditionLayout==="reflowable",c=i.mode==="shallow"||!a||!r?()=>{}:this.reader.spine.spineItemsLoader.forceOpen([r.index]),l="cfi"in t?t.cfi:void 0,u=l?this.locatorsByKey.get(l):void 0,d=g=>g.pipe(o.finalize(()=>{l&&this.deregisterMemoizedStream(l),setTimeout(()=>{c()},1e3)}));if(l&&u)return u.observerCount++,d(u.consolidate$.pipe(o.map(({resource:g,meta:m})=>({resource:g,meta:m}))));const p=this.reader.spine.layout$.pipe(o.debounceTime(10),o.startWith(s),o.switchScan(g=>rt(g.meta,this.reader).pipe(o.map(m=>({...g,meta:m}))),s),o.shareReplay({refCount:!0,bufferSize:1}));return l&&this.locatorsByKey.set(l,{observerCount:1,consolidate$:p}),d(p)})}}locateResource(e,t){return Array.isArray(e)?Se(()=>o.combineLatest(e.map(i=>this.locate(i,t??{}))).pipe(o.defaultIfEmpty([]))):this.locate(e,t??{})}}const ct=n=>e=>{const t=n(e),{paginationInfo$:i,getPaginationInfo:s}=di(t);i.pipe(o.takeUntil(t.$.destroy$)).subscribe();const r=new at(t);return{...t,locateResource:r.locateResource.bind(r),pagination:{...t.pagination,get state(){return s()},get state$(){return i}}}},hi=n=>({put:(r,a)=>new Promise((c,l)=>{const u=n.transaction(["store"],"readwrite");u.onerror=g=>{l(g)},u.oncomplete=()=>{c()};const p=u.objectStore("store").put(a,r);p.onsuccess=()=>{c()},p.onerror=g=>{l(g)}}),keys:()=>new Promise((r,a)=>{const c=n.transaction(["store"],"readonly");c.onerror=p=>{a(p)};const u=c.objectStore("store").openKeyCursor(),d=[];u.onsuccess=()=>{const p=u.result;if(!p){r(d);return}d.push(p.key),p.continue()},u.onerror=()=>{a(u.error)}}),get:r=>new Promise((a,c)=>{const l=n.transaction(["store"],"readwrite"),d=l.objectStore("store").get(r);d.onsuccess=()=>{let p=d.result;p===void 0&&(p=null),a(p)},l.onerror=()=>{c(d.error)}}),remove:r=>new Promise((a,c)=>{const l=n.transaction(["store"],"readwrite"),d=l.objectStore("store").delete(r);l.onerror=()=>{c(d.error)},l.oncomplete=()=>{a()},l.onabort=()=>{const p=d.error?d.error:d.transaction?.error;c(p)}})}),ve=async n=>new Promise((e,t)=>{const i=window.indexedDB.open(n);i.onerror=s=>{t(s)},i.onsuccess=()=>{e(hi(i.result))},i.onupgradeneeded=()=>{i.result.createObjectStore("store")}}),fi=n=>{let e=Date.now().toString();const t=new o.Subject,i=l=>{if(typeof l=="string"||typeof l=="object"){const u=typeof l=="object"?l.id:l;return n.manifest?.spineItems.find(d=>d.id===u)}return n.manifest?.spineItems[l]},s=async(l,u)=>{const d=i(l);if(!d)return new Response("Item not found",{status:404});const g=await(await ve("prose-reader")).get(`${e}_${d.id}`);if(g)return new Response(g,{status:200});const m=u&&await u(d)||await fetch(d.href);return r(d,m.clone()),m},r=(l,u)=>{t.next({id:l,data:u})};t.asObservable().pipe(I.mergeMap(({id:l,data:u})=>{const d=i(l);return d?o.from(o.forkJoin([ve("prose-reader"),o.from(u.blob())])).pipe(I.switchMap(([p,g])=>o.from(p.put(`${e}_${d.id}`,g))),I.catchError(p=>(E.error(p),o.EMPTY))):o.EMPTY}),I.takeUntil(n.destroy$)).subscribe();const a=n.manifest$.pipe(I.tap(()=>{e=Date.now().toString()}));return o.merge(a).pipe(I.switchMap(()=>(E.debug("Cleanup up old cache..."),o.from(ve("prose-reader")).pipe(I.switchMap(l=>o.from(l.keys()).pipe(I.map(u=>u.filter(d=>!d.toString().startsWith(e))),I.switchMap(u=>{const d=u.map(p=>l.remove(p));return o.from(Promise.all(d))}))),I.catchError(l=>(E.error(l),o.EMPTY))))),I.takeUntil(n.destroy$)).subscribe(),{get:s,destroy:()=>{t.complete()}}},Si=n=>e=>{const t=n(e),i=fi(t.context);return{...t,destroy:()=>{i.destroy(),t.destroy()}}},yi=(n,e)=>{const t=n.node.ownerDocument?.createRange(),i=n.node.compareDocumentPosition(e.node);if(t){try{if(i&Node.DOCUMENT_POSITION_PRECEDING)t.setStart(e.node,e.offset||0),t.setEnd(n.node,n.offset||0);else if(i&Node.DOCUMENT_POSITION_FOLLOWING)t.setStart(n.node,n.offset||0),t.setEnd(e.node,e.offset||0);else{const s=Math.min(n.offset||0,e.offset||0),r=Math.max(n.offset||0,e.offset||0);t.setStart(n.node,s),t.setEnd(n.node,r)}}catch(s){E.warn("Failed to create range from selection",s,{anchor:n,focus:e})}return t}},bi=({selection:n,spineItem:e})=>{const{anchorNode:t,anchorOffset:i,focusNode:s,focusOffset:r}=n;if(!(!t||!s))try{return yi({node:t,offset:i},{node:s,offset:r})}catch(a){E.warn("Failed to create range from selection",a,{selection:n,spineItem:e});return}};class Ii extends R{constructor(e){super();const t=e.contentDocument||e.contentWindow?.document;if(!t)this.selectionChange$=o.NEVER,this.selectionOver$=o.NEVER;else{const i=ye(t.body,{childList:!0,subtree:!0}).pipe(o.filter(r=>!!r.find(a=>a.type==="childList"&&a.removedNodes.length))),s=e.parentElement?ye(e.parentElement,{childList:!0}).pipe(o.filter(r=>!!r.find(a=>Array.from(a.removedNodes).includes(e)))):o.of(null);this.selectionChange$=o.merge(o.fromEvent(t,"selectionchange"),i).pipe(o.map(()=>t.getSelection()),o.takeUntil(o.merge(s,this.destroy$)),o.endWith(null)),this.selectionOver$=o.fromEvent(t,"pointerdown").pipe(o.switchMap(()=>o.merge(o.fromEvent(t,"pointerup"),o.fromEvent(t,"pointercancel"),o.fromEvent(t,"contextmenu")).pipe(o.first(),o.delay(0),o.map(r=>{const a=t.getSelection();return a&&!a.isCollapsed?[r,a]:void 0}),o.filter(O))),o.takeUntil(o.merge(s,this.destroy$)))}}}const wi=n=>n.watch("isLoaded").pipe(o.switchMap(()=>{const e=n.renderer.getDocumentFrame(),t=e?.contentDocument||e?.contentWindow?.document;if(!e||!t)return o.NEVER;const i=new Ii(e);return o.merge(i.selectionChange$.pipe(o.map(s=>{if(s?.toString())return{type:"change",selection:s}})),i.selectionOver$.pipe(o.map(([s,r])=>({type:"over",event:s,selection:r})))).pipe(o.takeUntil(n.unloaded$),o.endWith(void 0),o.finalize(()=>{i.destroy()}))}),o.distinctUntilChanged()),vi=n=>e=>{const t=n(e);let i;const s=t.spineItemsManager.items$.pipe(o.switchMap(d=>{const p=d.map(g=>{const m=t.spineItemsManager.getSpineItemIndex(g)??0;return wi(g).pipe(o.map(h=>{if(h)return{...h,itemIndex:m}}))});return o.merge(...p)}),o.startWith(void 0),o.distinctUntilChanged(),o.tap(d=>{i=d}),o.shareReplay({refCount:!0,bufferSize:1})),r=s,a=s.pipe(o.map(d=>!!d),o.distinctUntilChanged(),o.filter(d=>d),o.share()),c=a.pipe(o.switchMap(()=>r),o.distinctUntilChanged(),o.filter(d=>!d),o.share()),l=s.pipe(o.filter(d=>d?.type==="over"),o.share()),u=t.context.watch("rootElement").pipe(o.filter(O),o.switchMap(d=>o.fromEvent(d,"pointerdown")),o.withLatestFrom(r),o.map(([,d])=>d),o.startWith(void 0),o.shareReplay({refCount:!0,bufferSize:1}));return o.merge(r,u).pipe(o.takeUntil(t.$.destroy$)).subscribe(),{...t,selection:{selection$:r,selectionStart$:a,selectionEnd$:c,selectionOver$:l,lastSelectionOnPointerdown$:u,getSelection:()=>i,createOrderedRangeFromSelection:bi}}},lt=[{name:"bright",backgroundColor:"white"},{name:"sepia",backgroundColor:"#eaddc7",foregroundColor:"black"},{name:"night",backgroundColor:"#191717",foregroundColor:"#f1ebeb"}],Pi=n=>e=>{const t=n(e),i=new o.BehaviorSubject(e.theme??"bright"),s=()=>{const c=lt.find(l=>l.name===i.value);return`
|
|
203
|
+
`)}}),kn(a),Un(a),a.hookManager.register("item.onDocumentCreated",({documentContainer:f})=>{f.style.opacity="0",c.values.layoutLayerTransition&&(f.style.transition="opacity 300ms")}),a.hookManager.register("item.onBeforeLayout",({item:f})=>{const S=a.spineItemsManager.get(f.id)?.renderer.documentContainer;a.settings.values.computedPageTurnMode!=="scrollable"&&S?.setAttribute("tab-index","0")});const l=a.spineItemsObserver.states$.pipe(I.filter(({isReady:f})=>f),I.tap(({item:f})=>{const y=f.renderer.documentContainer;y&&(y.style.opacity="1")})),u=c.values$.pipe(I.filter(({layoutAutoResize:f})=>f==="container"),I.switchMap(()=>a.context.watch("rootElement")),I.filter(O),I.switchMap(f=>Q(f)),I.debounceTime(100),I.filter(O),I.tap(()=>{a?.layout()})),d=Nn(a);c.watch(["pageHorizontalMargin","pageVerticalMargin"]).pipe(I.skip(1),I.tap(()=>{a.layout()}),I.takeUntil(a.$.destroy$)).subscribe();const p=a.spine.pages.pipe(I.shareReplay({refCount:!0,bufferSize:1})),g=zn(a),m=_n(a),h=Vn(a);return o.merge(l,d,u,p,g,m,h).pipe(I.takeUntil(a.$.destroy$)).subscribe(),{...a,destroy:()=>{c.destroy(),a.destroy()},settings:c,layout$:a.spine.layout$,layoutInfo$:p,coordinates:Dn(a)}};class Hn extends Y{getImageElement(){const e=this.documentContainer;if(e instanceof HTMLImageElement)return e}onCreateDocument(){const e=this.containerElement.ownerDocument.createElement("img");return o.from(this.resourcesHandler.getResource()).pipe(o.switchMap(t=>{if(this.setDocumentContainer(e),e.style.objectFit="contain",e.style.userSelect="none",t instanceof URL)return o.of(t.href);if(t instanceof Response)return o.from(t.blob()).pipe(o.map(i=>URL.createObjectURL(i)));throw new Error("Invalid resource")}),o.map(t=>{const i=this.getImageElement();return i&&(i.src=t),e}))}onLoadDocument(){const e=this.getImageElement();if(!e)throw new Error("invalid element");return this.attach(),o.fromEvent(e,"load")}onUnload(){const e=this.getImageElement();return e&&URL.revokeObjectURL(e.src),this.detach(),o.EMPTY}onLayout({spreadPosition:e}){const t=this.getImageElement(),{height:i,width:r}=this.viewport.value.pageSize;let s=i;const a=r;if(!t)return o.of(void 0);const c=t.naturalWidth||1,l=t.naturalHeight||1,u=c/l;return this.settings.values.computedPageTurnDirection==="vertical"&&this.settings.values.computedPageTurnMode==="scrollable"&&!this.settings.values.computedSpreadMode&&(s=Math.ceil(r/u)),t.style.height=`${s}px`,t.style.width=`${a}px`,t.style.objectPosition=e==="left"?"right":e==="right"?"left":"center",o.of({width:a,height:s})}onRenderHeadless(){return o.EMPTY}getDocumentFrame(){}}const Bn=n=>e=>{const t=n({...e,getRenderer(a){const c=e.getRenderer?.(a),u=!!(a.mediaType??$.detectMimeTypeFromName(a.href))?.startsWith("image/");return!c&&u?d=>new Hn(d):c}}),i=new IntersectionObserver(a=>{a.forEach(c=>{const l=c.target,u=Array.from(l.contentDocument?.body.getElementsByTagName("audio")||[]);c.isIntersecting?u.forEach(d=>{d.hasAttribute("autoplay")&&d.paused&&d.readyState>=2&&d.play().catch(console.error)}):u.forEach(d=>{d.pause(),d.currentTime=0})})},{threshold:.01}),r=new IntersectionObserver(a=>{a.forEach(c=>{if(c.target.tagName==="video"){const l=c.target;c.isIntersecting?l.hasAttribute("autoplay")&&l.paused&&l.readyState>=2&&l.play().catch(console.error):(l.pause(),l.currentTime=0)}})},{threshold:.5});return t.hookManager.register("item.onDocumentLoad",({destroy:a,itemId:c})=>{const l=t.spineItemsManager.get(c)?.renderer.getDocumentFrame();if(!l)return;i.observe(l);const u=l.contentDocument?.body.getElementsByTagName("video"),d=Array.from(u||[]).map(p=>(r.observe(p),()=>r.unobserve(p)));a(()=>{i.unobserve(l),d.forEach(p=>{p()})})}),{...t,destroy:()=>{i.disconnect(),r.disconnect(),t.destroy()}}},xn=(n,e)=>n.links$.pipe(o.tap(t=>{if(!Ve(t.target,"a")||t.type!=="click")return;const i=new URL(t.target.href),r=`${i.origin}${i.pathname}`;n.context.manifest?.spineItems.some(a=>a.href===r)&&e.goToUrl(i)})),k=E.namespace("navigation"),Yn=({position:n,spineItem:e,pageHeight:t,pageWidth:i,spineItemLocator:r})=>{let s=new L({x:n.x-i,y:n.y});return e.isUsingVerticalWriting()&&(s=new L({x:n.x,y:n.y+t})),r.getSpineItemClosestPositionFromUnsafePosition(s,e)},et=({position:n,navigationResolver:e,computedPageTurnDirection:t,spineItemsManager:i,spineLocator:r,viewport:s})=>{const a=t,c=r.getSpineItemFromPosition(n)||i.get(0),l=n;if(!c)return l;const u=r.getSpineItemPositionFromSpinePosition(n,c),d=Yn({position:u,spineItem:c,pageHeight:s.pageSize.height,pageWidth:s.pageSize.width,spineItemLocator:r.spineItemLocator});return e.arePositionsDifferent(d,u)?r.getSpinePositionFromSpineItemPosition({spineItemPosition:d,spineItem:c}):e.fromUnboundSpinePosition(a==="horizontal"?new M({x:n.x-s.pageSize.width,y:0}):new M({y:n.y-s.pageSize.height,x:0}))},qn=({position:n,spineItem:e,context:t,navigationResolver:i,spineItemsManager:r,spineLocator:s,computedPageTurnDirection:a,viewport:c,settings:l})=>{const u=et({position:n,viewport:c,navigationResolver:i,computedPageTurnDirection:a,spineItemsManager:r,spineLocator:s});if(e?.isUsingVerticalWriting()&&n.x===u.x)return i.getAdjustedPositionForSpread(u);if(l.values.computedSpreadMode){if(e?.isUsingVerticalWriting()&&n.x!==u.x)return i.getAdjustedPositionForSpread(i.fromUnboundSpinePosition(t.isRTL()?{...u,x:u.x+c.pageSize.width}:{...u,x:u.x-c.pageSize.width}));if(a==="vertical"&&n.y!==u.y)return i.getAdjustedPositionForSpread(u);const d=et({position:u,viewport:c,navigationResolver:i,computedPageTurnDirection:a,spineItemsManager:r,spineLocator:s});return i.getAdjustedPositionForSpread(d)}return i.getAdjustedPositionForSpread(u)},Xn=({position:n,spineItem:e,pageHeight:t,pageWidth:i,spineItemLocator:r})=>{let s=new L({x:n.x+i,y:n.y});return e.isUsingVerticalWriting()&&(s=new L({x:n.x,y:n.y-t})),r.getSpineItemClosestPositionFromUnsafePosition(s,e)},tt=({position:n,navigationResolver:e,computedPageTurnDirection:t,spineItemsManager:i,spineLocator:r,viewport:s})=>{const a=t,c=r.getSpineItemFromPosition(n)||i.get(0),l=n;if(!c)return l;const u=r.getSpineItemPositionFromSpinePosition(n,c),d=Xn({position:u,spineItem:c,pageHeight:s.pageSize.height,pageWidth:s.pageSize.width,spineItemLocator:r.spineItemLocator});return e.arePositionsDifferent(d,u)?r.getSpinePositionFromSpineItemPosition({spineItemPosition:d,spineItem:c}):e.fromUnboundSpinePosition(a==="horizontal"?new U({x:n.x+s.pageSize.width,y:0}):new U({y:n.y+s.pageSize.height,x:0}))},Gn=({position:n,spineItem:e,context:t,navigationResolver:i,spineItemsManager:r,spineLocator:s,computedPageTurnDirection:a,viewport:c,settings:l})=>{const u=tt({position:n,viewport:c,navigationResolver:i,computedPageTurnDirection:a,spineItemsManager:r,spineLocator:s});if(e?.isUsingVerticalWriting()&&n.x===u.x)return i.getAdjustedPositionForSpread(u);if(l.values.computedSpreadMode){if(e?.isUsingVerticalWriting()&&n.x!==u.x)return i.getAdjustedPositionForSpread(i.fromUnboundSpinePosition(t.isRTL()?{...u,x:u.x-c.pageSize.width}:{...u,x:u.x+c.pageSize.width}));if(a==="vertical"&&n.y!==u.y)return i.getAdjustedPositionForSpread(u);const d=tt({position:u,viewport:c,navigationResolver:i,computedPageTurnDirection:a,spineItemsManager:r,spineLocator:s});return i.getAdjustedPositionForSpread(d)}return i.getAdjustedPositionForSpread(u)};class Zn{constructor(e){this.reader=e,this.movingLastDelta={x:0,y:0},this.movingLastPosition=new M({x:0,y:0}),this.unlock=void 0}turnRight(){return this.turnRightOrBottom()}turnLeft(){return this.turnLeftOrTop()}turnTop(){return this.turnLeftOrTop()}turnBottom(){return this.turnRightOrBottom()}turnRightOrBottom(){const e=this.reader.navigation.getNavigation(),t=this.reader.spineItemsManager.get(e.spineItem);if(!t)return;const i=Gn({context:this.reader.context,navigationResolver:this.reader.navigation.navigationResolver,position:e.position,computedPageTurnDirection:this.reader.settings.values.computedPageTurnDirection,spineItem:t,spineItemsManager:this.reader.spineItemsManager,spineLocator:this.reader.spine.locator,viewport:this.reader.viewport,settings:this.reader.settings});return this.reader.navigation.navigate({position:i})}turnLeftOrTop(){const e=this.reader.navigation.getNavigation(),t=this.reader.spineItemsManager.get(e.spineItem);if(!t)return;const i=qn({context:this.reader.context,navigationResolver:this.reader.navigation.navigationResolver,position:e.position,computedPageTurnDirection:this.reader.settings.values.computedPageTurnDirection,spineItem:t,spineItemsManager:this.reader.spineItemsManager,spineLocator:this.reader.spine.locator,viewport:this.reader.viewport,settings:this.reader.settings});return this.reader.navigation.navigate({position:i})}goToCfi(e,t={animate:!0}){return this.reader.navigation.navigate({animation:t.animate?"turn":!1,cfi:e})}goToSpineItem({indexOrId:e,...t}){const i=this.reader.spineItemsManager.get(e);if(i===void 0){k.warn("goToSpineItem",`Ignore navigation to ${e} since the item does not exist`);return}this.reader.navigation.navigate({spineItem:i.index,...t})}goToNextSpineItem(){const{endIndex:e=0}=this.reader.spine.locator.getVisibleSpineItemsFromPosition({position:this.reader.navigation.getNavigation().position,threshold:{type:"percentage",value:.5}})||{};this.goToSpineItem({indexOrId:e+1})}goToPreviousSpineItem(){const{beginIndex:e=0}=this.reader.spine.locator.getVisibleSpineItemsFromPosition({position:this.reader.navigation.getNavigation().position,threshold:{type:"percentage",value:.5}})??{};this.goToSpineItem({indexOrId:e-1})}goToUrl(e){this.reader.navigation.navigate({url:e,animation:!1})}goToRightSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="vertical"){k.warn("You cannot call this navigation method on vertical direction");return}return this.reader.context.isRTL()?this.goToPreviousSpineItem():this.goToNextSpineItem()}goToRightOrBottomSpineItem(){return this.reader.settings.values.computedPageTurnDirection==="vertical"?this.goToBottomSpineItem():this.goToRightSpineItem()}goToLeftOrTopSpineItem(){return this.reader.settings.values.computedPageTurnDirection==="vertical"?this.goToTopSpineItem():this.goToLeftSpineItem()}goToLeftSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="vertical"){k.warn("You cannot call this navigation method on vertical direction");return}return this.reader.context.isRTL()?this.goToNextSpineItem():this.goToPreviousSpineItem()}goToTopSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="horizontal"){k.warn("You cannot call this navigation method on horizontal direction");return}return this.goToPreviousSpineItem()}goToBottomSpineItem(){if(this.reader.settings.values.computedPageTurnDirection==="horizontal"){k.warn("You cannot call this navigation method on horizontal direction");return}return this.goToNextSpineItem()}goToPageOfSpineItem({pageIndex:e,spineItemId:t,...i}){const r=this.reader.navigation.navigationResolver.getNavigationForSpineItemPage({pageIndex:e,spineItemId:t});k.debug(".goToPageOfSpineItem()",{pageIndex:e,spineItemId:t,...i,position:r}),this.reader.navigation.navigate({position:r,...i})}goToAbsolutePageIndex({absolutePageIndex:e,...t}){const i=this.reader.spine.pages.fromAbsolutePageIndex(e);if(k.debug(".goToAbsolutePageIndex()",{absolutePageIndex:e,...t,foundInfo:i}),i){const r=this.reader.navigation.navigationResolver.getNavigationForSpineItemPage({pageIndex:i.pageIndex,spineItemId:i.itemIndex});return this.reader.navigation.navigate({position:r,...t})}}}class Jn extends N{constructor(e){super({lastDelta:{x:0,y:0},lastPosition:new M({x:0,y:0}),lastStartPosition:new M({x:0,y:0}),isStarted:!1}),this.reader=e,this.unlock=void 0}start(e){this.unlock?.(),this.unlock=this.reader.navigation.lock(),this.mergeCompare({isStarted:!0,lastDelta:e,lastStartPosition:this.reader.navigation.controlledNavigationController.viewportPosition,lastPosition:this.reader.navigation.controlledNavigationController.viewportPosition})}stop(e){this.panMoveTo(e),this.mergeCompare({isStarted:!1}),this.unlock?.()}panMoveTo(e){if(this.reader.settings.values.computedPageTurnMode==="scrollable"){k.warn("pan control is not available on free page turn mode");return}if(!this.value.isStarted){k.error("Pan navigator is not started");return}const t=this.reader.settings.values.computedPageTurnDirection;let i=this.reader.navigation.getNavigation().position;if(e){const r=this.reader.viewport.absoluteViewport.width/this.reader.viewport.relativeViewport.width,s=Math.floor(e.x)-(this.value.lastDelta?.x||0),a=Math.floor(e.y)-(this.value.lastDelta?.y||0),c=Math.floor(t==="horizontal"?this.value.lastPosition.x-s/r:0),l=Math.floor(t==="horizontal"?0:this.value.lastPosition.y-a/r);i=new M({x:c,y:l}),this.mergeCompare({lastDelta:e})}else i=this.value.lastPosition;this.mergeCompare({lastPosition:i}),this.reader.navigation.navigate({position:i,animation:!1})}}class R{constructor(){this.isDestroyed=!1,this.destroySubject=new o.Subject,this.destroy$=this.destroySubject.asObservable()}destroy(){this.isDestroyed||(this.isDestroyed=!0,this.destroySubject.next(),this.destroySubject.complete())}}const Kn=500;class Qn extends R{constructor(e,t){super(),this.scrollNavigationController=e,this.locker=t,this.navigationSubject=new o.Subject,this.navigation$=this.navigationSubject.asObservable();const i=this.scrollNavigationController.userScroll$.pipe(o.exhaustMap(r=>{const s=this.locker.lock();return o.merge(this.scrollNavigationController.userScroll$,o.of(r)).pipe(o.debounceTime(Kn,o.animationFrameScheduler),o.first(),o.tap(()=>{const a=this.scrollNavigationController.fromScrollPosition(this.scrollNavigationController.scrollPosition);this.navigationSubject.next({animation:!1,type:"scroll",position:a})}),o.finalize(()=>{s()}))}));o.merge(i).pipe(o.takeUntil(this.destroy$)).subscribe()}}const jn=n=>n.pagination.state$.pipe(o.withLatestFrom(n.context.manifest$,n.settings.values$),o.map(([e,{spineItems:t,readingDirection:i},{computedPageTurnDirection:r}])=>{const s=t.length??0,a=e.beginSpineItemIndex===0,c=e.endSpineItemIndex===Math.max(s-1,0),l=e.endSpineItemIndex===Math.max(s-1,0),u=e.beginSpineItemIndex===0,d=e.beginPageIndexInSpineItem===0,p=e.endPageIndexInSpineItem===e.endNumberOfPagesInSpineItem-1;return{canTurnLeft:r==="vertical"?!1:!d,canTurnRight:r==="vertical"?!1:!p,canGoTopSpineItem:r==="vertical"&&!a,canGoBottomSpineItem:r==="vertical"&&!c,canGoLeftSpineItem:r!=="vertical"&&(i==="ltr"&&!a||i==="rtl"&&!l),canGoRightSpineItem:r!=="vertical"&&(i==="ltr"&&!c||i==="rtl"&&!u)}}),o.distinctUntilChanged($.isShallowEqual)),ei=({reader:n,duration:e})=>t=>{let i;const r=()=>{i?.(),i=void 0};return t.pipe(o.tap(()=>{i||(i=n?.navigation.lock())}),o.throttleTime(e,o.animationFrameScheduler,{trailing:!0,leading:!0}),o.tap(r),o.finalize(r))},ti=n=>e=>{const t=n(e),i=jn(t),r=new Zn(t),s=new Jn(t),a=new Qn(t.navigation.scrollNavigationController,t.navigation.locker),c=xn(t,r),l=a.navigation$.pipe(o.tap(p=>{t.navigation.navigate(p)}));return o.merge(c,l).pipe(o.takeUntil(t.$.destroy$)).subscribe(),{...t,load:p=>{const{cfi:g,...m}=p;t.load(m),g&&r.goToCfi(g,{animate:!1})},destroy:()=>{a.destroy(),t.destroy()},navigation:{...t.navigation,state$:i,throttleLock:({duration:p,trigger:g})=>g.pipe(ei({duration:p,reader:t})),panNavigator:s,turnBottom:r.turnBottom.bind(r),turnTop:r.turnTop.bind(r),turnLeftOrTop:r.turnLeftOrTop.bind(r),turnRightOrBottom:r.turnRightOrBottom.bind(r),turnLeft:r.turnLeft.bind(r),turnRight:r.turnRight.bind(r),goToCfi:r.goToCfi.bind(r),goToUrl:r.goToUrl.bind(r),goToSpineItem:r.goToSpineItem.bind(r),goToNextSpineItem:r.goToNextSpineItem.bind(r),goToPreviousSpineItem:r.goToPreviousSpineItem.bind(r),goToLeftOrTopSpineItem:r.goToLeftOrTopSpineItem.bind(r),goToRightOrBottomSpineItem:r.goToRightOrBottomSpineItem.bind(r),goToTopSpineItem:r.goToTopSpineItem.bind(r),goToBottomSpineItem:r.goToBottomSpineItem.bind(r),goToLeftSpineItem:r.goToLeftSpineItem.bind(r),goToRightSpineItem:r.goToRightSpineItem.bind(r),goToPageOfSpineItem:r.goToPageOfSpineItem.bind(r),goToAbsolutePageIndex:r.goToAbsolutePageIndex.bind(r)}}},nt=(n,e,t)=>{const i=t.spineItems.findIndex(r=>r.href===n);return e.reduce((r,s)=>{const a=s.href.indexOf("#"),c=a>0?s.href.substr(0,a):s.href,l=c.substring(0,c.lastIndexOf("/")),u=n.substring(0,n.lastIndexOf("/")),d=n.endsWith(c),p=u!==""&&u.endsWith(l);if(d||p){const m=t.spineItems.findIndex(S=>S.href===s.href);if(i<m)return r;const f={title:s.title,path:s.path},y=nt(n,s.contents,t);return y?{...f,subChapter:y}:f}return r},void 0)},ni=(n,e)=>{const{href:t}=e;return nt(t,n.nav?.toc??[],n)},ii=n=>{const e=n.context.manifest,t=n.spineItemsManager.items;return e?t.reduce((i,{item:r})=>(i[r.id]=ni(e,r),i),{}):{}},oi=n=>n.spineItemsManager.items$.pipe(o.startWith([]),o.map(()=>ii(n))),ri=(n,e,t)=>n+e*t,si=(n,e,t)=>{const{height:i,width:r}=t.layoutInfo,{top:s,left:a}=n.spine.getSpineItemSpineLayoutInfo(t);return n.settings.values.computedPageTurnDirection==="vertical"?Math.max(0,Math.min(1,(e.y-s+n.viewport.absoluteViewport.height)/i)):Math.max(0,Math.min(1,(e.x-a+n.viewport.absoluteViewport.width)/r))},ai=(n,e,t,i,r)=>r.isReady$.pipe(o.first(),o.withLatestFrom(n.layoutInfo$),o.map(([s,a])=>{const c=n.context,l=c.manifest?.renditionLayout==="pre-paginated",u=c.manifest?.spineItems.length||0,d=c.manifest?.spineItems.slice(0,e).reduce((S,w)=>S+(w.progressionWeight??0),0)||0,p=n.spineItemsManager.getSpineItemIndex(r)??0,g=n.context.manifest?.spineItems.length??0,m=a.pages.filter(S=>S.itemIndex===p).length??0,h=c.manifest?.spineItems[e]?.progressionWeight??(p+1)/g;let f=(t+1)*(h/m);!l&&r.renditionLayout==="reflowable"&&!s&&(f=0);let y=d+f;return c.manifest?.renditionFlow==="scrolled-continuous"&&(s?f=si(n,i,r):f=0,y=ri(d,h,f)),e===u-1&&t===m-1&&y>.99?1:y})),ci=n=>n.spine.layout$.pipe(o.debounceTime(10,o.animationFrameScheduler),o.withLatestFrom(n.pagination.state$),o.map(()=>({numberOfPagesPerItems:n.spineItemsManager.items.reduce((t,i)=>[...t,i.numberOfPages],[]),numberOfTotalPages:n.spine.pages.value.pages.length})),o.distinctUntilChanged($.isShallowEqual),o.startWith({numberOfPagesPerItems:[],numberOfTotalPages:0})),li=(n,e,t,i)=>{const r=e.beginSpineItemIndex!==void 0?n.spineItemsManager.get(e.beginSpineItemIndex):void 0,s=e.endSpineItemIndex!==void 0?n.spineItemsManager.get(e.endSpineItemIndex):void 0;return o.of({...e,beginChapterInfo:r?t[r.item.id]:void 0,beginSpineItemReadingDirection:r?.readingDirection,endChapterInfo:s?t[s.item.id]:void 0,endSpineItemReadingDirection:s?.readingDirection,percentageEstimateOfBook:i,isUsingSpread:n.settings.values.computedSpreadMode??!1})},ui=n=>o.combineLatest([n.pagination.state$,n.layout$]).pipe(o.switchMap(([e])=>{const t=e.endSpineItemIndex!==void 0?n.spineItemsManager.get(e.endSpineItemIndex):void 0;return t?ai(n,e.endSpineItemIndex??0,e.endPageIndexInSpineItem||0,n.navigation.getNavigation().position,t):o.of(0)})),di=n=>{const e=oi(n),t=ci(n),i=new o.BehaviorSubject({...n.pagination.state,beginChapterInfo:void 0,beginCfi:void 0,beginPageIndexInSpineItem:void 0,isUsingSpread:!1,beginAbsolutePageIndex:0,endAbsolutePageIndex:0,numberOfTotalPages:0,beginSpineItemReadingDirection:void 0,beginSpineItemIndex:void 0,endCfi:void 0,endChapterInfo:void 0,endSpineItemReadingDirection:void 0,percentageEstimateOfBook:0}),r=o.combineLatest([n.pagination.state$,e,ui(n)]).pipe(o.switchMap(([a,c,l])=>li(n,a,c,l).pipe(o.map(u=>({...a,...u})))),o.distinctUntilChanged($.isShallowEqual));return{paginationInfo$:o.combineLatest([r,t]).pipe(o.map(([a,c])=>({...a,...c,beginAbsolutePageIndex:c.numberOfPagesPerItems.slice(0,a.beginSpineItemIndex).reduce((l,u)=>l+u,a.beginPageIndexInSpineItem??0),endAbsolutePageIndex:c.numberOfPagesPerItems.slice(0,a.endSpineItemIndex).reduce((l,u)=>l+u,a.endPageIndexInSpineItem??0)})),o.tap(a=>{i.next(a)}),o.shareReplay(1)),getPaginationInfo:()=>i.value}},H=n=>W.generate({spineIndex:n.index,spineId:n.id}),it=({nodeOrRange:n,offset:e,item:t})=>{const i="ownerDocument"in n?n.ownerDocument:n.startContainer.ownerDocument;return!i||!i?.documentElement||n===i?H(t):Qt(n)?W.generate({start:{node:n.startContainer,offset:n.startOffset,spineIndex:t.index,spineId:t.id},end:{node:n.endContainer,offset:n.endOffset,spineIndex:t.index,spineId:t.id}}):W.generate({node:n,offset:e,spineIndex:t.index,spineId:t.id})},re=({pageIndex:n,spineItem:e,spine:t})=>{const r=t.pages.value.pages.find(a=>a.itemIndex===e.index&&a.pageIndex===n)?.firstVisibleNode,s=e.renderer.getDocumentFrame();return r&&s instanceof HTMLIFrameElement&&s.contentWindow?.document?it({nodeOrRange:r.node,offset:r.offset,item:e.item}).trim():H(e.item)},ot=(n,e)=>it({nodeOrRange:n,item:e}),pi=n=>n.index.toString(),rt=n=>n[0]?.index===6&&n.length>1,se=n=>{const e=W.parse(n);return W.isIndirectionOnly(e)},gi=n=>Array.isArray(n)?n[0]&&rt(n[0])?n[0]:void 0:n.parent[0]&&rt(n.parent[0])?n.parent[0]:void 0,ae=n=>{const e=W.parse(n),s=((gi(e)??[])[1]?.index??2)/2-1,a=W.isParsedCfiRange(e),c=a?e.end.at(-1)?.at(-1)?.offset:e.at(-1)?.at(-1)?.offset;return{isCfiRange:a,itemIndex:s,offset:c??0}},we=({cfi:n,spineItemsManager:e})=>{const{itemIndex:t,...i}=ae(n),r=e.get(t);if(!r)return{...i,itemIndex:t,node:null};const s=r.renderer.getDocumentFrame();if(s instanceof HTMLIFrameElement){const a=s.contentWindow?.document;if(a)try{const c=W.resolve(n,a,{throwOnError:!0});return{...i,itemIndex:t,node:c.isRange?c.node?.startContainer??null:c.node??null,isCfiRange:c.isRange,range:c.isRange?c.node:void 0,offset:Array.isArray(c.offset)?c.offset.at(-1):c.offset,spineItem:r}}catch(c){return E.warn(`Error resolving cfi: ${n}.`),E.warn(c),{...i,spineItem:r,itemIndex:t,node:null}}}return{...i,itemIndex:t,spineItem:r,node:null}},mi=(n,e)=>{if("cfi"in e){const{itemIndex:s,...a}=n.cfi.parseCfi(e.cfi);return{...e,...a,itemIndex:s,node:null}}const t=n.spineItemsManager.get(e);if(!t)throw new Error("Spine item not found");const i=H(t.item);return{...n.cfi.parseCfi(i),cfi:H(t.item),itemIndex:t.index,node:null}},st=(n,e)=>{let t=n?.itemPageIndex;const{itemIndex:i,...r}=e.cfi.parseCfi(n.cfi),s=e.spineItemsManager.get(i);return s?j().pipe(o.withLatestFrom(s.isReady$),o.map(([,a])=>{const{node:c=null,offset:l,range:u}=a?e.cfi.resolveCfi({cfi:n.cfi}):{};s.renditionLayout!=="pre-paginated"&&c&&(t=e.spine.locator.spineItemLocator.getSpineItemPageIndexFromNode(c,l??0,s)??t);let p=n?.absolutePageIndex;return t===void 0&&(t=0),p=e.spine.locator._getAbsolutePageIndexFromPageIndex({pageIndex:t,spineItemOrId:s})??n?.absolutePageIndex,{...n,...r,range:u,itemIndex:i,node:c,startOffset:l,absolutePageIndex:p,itemPageIndex:t}})):o.of({...n,itemIndex:i,...r})};class at{constructor(e){this.reader=e,this.locatorsByKey=new Map,this.deregisterMemoizedStream=t=>{const i=this.locatorsByKey.get(t);i&&(i.observerCount--,i.observerCount===0&&this.locatorsByKey.delete(t))},this.locate=(t,i)=>{const r={resource:t,meta:mi(this.reader,t)};return Se(()=>{const s=this.reader.spineItemsManager.get(r.meta.itemIndex??0),a=s?.renditionLayout==="reflowable",c=i.mode==="shallow"||!a||!s?()=>{}:this.reader.spine.spineItemsLoader.forceOpen([s.index]),l="cfi"in t?t.cfi:void 0,u=l?this.locatorsByKey.get(l):void 0,d=g=>g.pipe(o.finalize(()=>{l&&this.deregisterMemoizedStream(l),setTimeout(()=>{c()},1e3)}));if(l&&u)return u.observerCount++,d(u.consolidate$.pipe(o.map(({resource:g,meta:m})=>({resource:g,meta:m}))));const p=this.reader.spine.layout$.pipe(o.debounceTime(10),o.startWith(r),o.switchScan(g=>st(g.meta,this.reader).pipe(o.map(m=>({...g,meta:m}))),r),o.shareReplay({refCount:!0,bufferSize:1}));return l&&this.locatorsByKey.set(l,{observerCount:1,consolidate$:p}),d(p)})}}locateResource(e,t){return Array.isArray(e)?Se(()=>o.combineLatest(e.map(i=>this.locate(i,t??{}))).pipe(o.defaultIfEmpty([]))):this.locate(e,t??{})}}const ct=n=>e=>{const t=n(e),{paginationInfo$:i,getPaginationInfo:r}=di(t);i.pipe(o.takeUntil(t.$.destroy$)).subscribe();const s=new at(t);return{...t,locateResource:s.locateResource.bind(s),pagination:{...t.pagination,get state(){return r()},get state$(){return i}}}},hi=n=>({put:(s,a)=>new Promise((c,l)=>{const u=n.transaction(["store"],"readwrite");u.onerror=g=>{l(g)},u.oncomplete=()=>{c()};const p=u.objectStore("store").put(a,s);p.onsuccess=()=>{c()},p.onerror=g=>{l(g)}}),keys:()=>new Promise((s,a)=>{const c=n.transaction(["store"],"readonly");c.onerror=p=>{a(p)};const u=c.objectStore("store").openKeyCursor(),d=[];u.onsuccess=()=>{const p=u.result;if(!p){s(d);return}d.push(p.key),p.continue()},u.onerror=()=>{a(u.error)}}),get:s=>new Promise((a,c)=>{const l=n.transaction(["store"],"readwrite"),d=l.objectStore("store").get(s);d.onsuccess=()=>{let p=d.result;p===void 0&&(p=null),a(p)},l.onerror=()=>{c(d.error)}}),remove:s=>new Promise((a,c)=>{const l=n.transaction(["store"],"readwrite"),d=l.objectStore("store").delete(s);l.onerror=()=>{c(d.error)},l.oncomplete=()=>{a()},l.onabort=()=>{const p=d.error?d.error:d.transaction?.error;c(p)}})}),ve=async n=>new Promise((e,t)=>{const i=window.indexedDB.open(n);i.onerror=r=>{t(r)},i.onsuccess=()=>{e(hi(i.result))},i.onupgradeneeded=()=>{i.result.createObjectStore("store")}}),fi=n=>{let e=Date.now().toString();const t=new o.Subject,i=l=>{if(typeof l=="string"||typeof l=="object"){const u=typeof l=="object"?l.id:l;return n.manifest?.spineItems.find(d=>d.id===u)}return n.manifest?.spineItems[l]},r=async(l,u)=>{const d=i(l);if(!d)return new Response("Item not found",{status:404});const g=await(await ve("prose-reader")).get(`${e}_${d.id}`);if(g)return new Response(g,{status:200});const m=u&&await u(d)||await fetch(d.href);return s(d,m.clone()),m},s=(l,u)=>{t.next({id:l,data:u})};t.asObservable().pipe(I.mergeMap(({id:l,data:u})=>{const d=i(l);return d?o.from(o.forkJoin([ve("prose-reader"),o.from(u.blob())])).pipe(I.switchMap(([p,g])=>o.from(p.put(`${e}_${d.id}`,g))),I.catchError(p=>(E.error(p),o.EMPTY))):o.EMPTY}),I.takeUntil(n.destroy$)).subscribe();const a=n.manifest$.pipe(I.tap(()=>{e=Date.now().toString()}));return o.merge(a).pipe(I.switchMap(()=>(E.debug("Cleanup up old cache..."),o.from(ve("prose-reader")).pipe(I.switchMap(l=>o.from(l.keys()).pipe(I.map(u=>u.filter(d=>!d.toString().startsWith(e))),I.switchMap(u=>{const d=u.map(p=>l.remove(p));return o.from(Promise.all(d))}))),I.catchError(l=>(E.error(l),o.EMPTY))))),I.takeUntil(n.destroy$)).subscribe(),{get:r,destroy:()=>{t.complete()}}},Si=n=>e=>{const t=n(e),i=fi(t.context);return{...t,destroy:()=>{i.destroy(),t.destroy()}}},yi=(n,e)=>{const t=n.node.ownerDocument?.createRange(),i=n.node.compareDocumentPosition(e.node);if(t){try{if(i&Node.DOCUMENT_POSITION_PRECEDING)t.setStart(e.node,e.offset||0),t.setEnd(n.node,n.offset||0);else if(i&Node.DOCUMENT_POSITION_FOLLOWING)t.setStart(n.node,n.offset||0),t.setEnd(e.node,e.offset||0);else{const r=Math.min(n.offset||0,e.offset||0),s=Math.max(n.offset||0,e.offset||0);t.setStart(n.node,r),t.setEnd(n.node,s)}}catch(r){E.warn("Failed to create range from selection",r,{anchor:n,focus:e})}return t}},bi=({selection:n,spineItem:e})=>{const{anchorNode:t,anchorOffset:i,focusNode:r,focusOffset:s}=n;if(!(!t||!r))try{return yi({node:t,offset:i},{node:r,offset:s})}catch(a){E.warn("Failed to create range from selection",a,{selection:n,spineItem:e});return}};class Ii extends R{constructor(e){super();const t=e.contentDocument||e.contentWindow?.document;if(!t)this.selectionChange$=o.NEVER,this.selectionOver$=o.NEVER;else{const i=ye(t.body,{childList:!0,subtree:!0}).pipe(o.filter(s=>!!s.find(a=>a.type==="childList"&&a.removedNodes.length))),r=e.parentElement?ye(e.parentElement,{childList:!0}).pipe(o.filter(s=>!!s.find(a=>Array.from(a.removedNodes).includes(e)))):o.of(null);this.selectionChange$=o.merge(o.fromEvent(t,"selectionchange"),i).pipe(o.map(()=>t.getSelection()),o.takeUntil(o.merge(r,this.destroy$)),o.endWith(null)),this.selectionOver$=o.fromEvent(t,"pointerdown").pipe(o.switchMap(()=>o.merge(o.fromEvent(t,"pointerup"),o.fromEvent(t,"pointercancel"),o.fromEvent(t,"contextmenu")).pipe(o.first(),o.delay(0),o.map(s=>{const a=t.getSelection();return a&&!a.isCollapsed?[s,a]:void 0}),o.filter(O))),o.takeUntil(o.merge(r,this.destroy$)))}}}const wi=n=>n.watch("isLoaded").pipe(o.switchMap(()=>{const e=n.renderer.getDocumentFrame(),t=e?.contentDocument||e?.contentWindow?.document;if(!e||!t)return o.NEVER;const i=new Ii(e);return o.merge(i.selectionChange$.pipe(o.map(r=>{if(r?.toString())return{type:"change",selection:r}})),i.selectionOver$.pipe(o.map(([r,s])=>({type:"over",event:r,selection:s})))).pipe(o.takeUntil(n.unloaded$),o.endWith(void 0),o.finalize(()=>{i.destroy()}))}),o.distinctUntilChanged()),vi=n=>e=>{const t=n(e);let i;const r=t.spineItemsManager.items$.pipe(o.switchMap(d=>{const p=d.map(g=>{const m=t.spineItemsManager.getSpineItemIndex(g)??0;return wi(g).pipe(o.map(h=>{if(h)return{...h,itemIndex:m}}))});return o.merge(...p)}),o.startWith(void 0),o.distinctUntilChanged(),o.tap(d=>{i=d}),o.shareReplay({refCount:!0,bufferSize:1})),s=r,a=r.pipe(o.map(d=>!!d),o.distinctUntilChanged(),o.filter(d=>d),o.share()),c=a.pipe(o.switchMap(()=>s),o.distinctUntilChanged(),o.filter(d=>!d),o.share()),l=r.pipe(o.filter(d=>d?.type==="over"),o.share()),u=t.context.watch("rootElement").pipe(o.filter(O),o.switchMap(d=>o.fromEvent(d,"pointerdown")),o.withLatestFrom(s),o.map(([,d])=>d),o.startWith(void 0),o.shareReplay({refCount:!0,bufferSize:1}));return o.merge(s,u).pipe(o.takeUntil(t.$.destroy$)).subscribe(),{...t,selection:{selection$:s,selectionStart$:a,selectionEnd$:c,selectionOver$:l,lastSelectionOnPointerdown$:u,getSelection:()=>i,createOrderedRangeFromSelection:bi}}},lt=[{name:"bright",backgroundColor:"white"},{name:"sepia",backgroundColor:"#eaddc7",foregroundColor:"black"},{name:"night",backgroundColor:"#191717",foregroundColor:"#f1ebeb"}],Pi=n=>e=>{const t=n(e),i=new o.BehaviorSubject(e.theme??"bright"),r=()=>{const c=lt.find(l=>l.name===i.value);return`
|
|
204
204
|
body {
|
|
205
205
|
${c!==void 0?`background-color: ${c.backgroundColor} !important;`:""}
|
|
206
206
|
}
|
|
@@ -210,19 +210,19 @@
|
|
|
210
210
|
color: ${c.foregroundColor};
|
|
211
211
|
}
|
|
212
212
|
`:""}
|
|
213
|
-
`},r=({container:c})=>{const l=lt.find(u=>u.name===i.value);return l&&c.style.setProperty("background-color",l.backgroundColor),()=>{}},a=()=>{t.spineItemsManager.items.forEach(c=>{const l=c.renderer.getDocumentFrame();l&&V(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&&V(u,"prose-reader-theme",s())}}),t.spineItemsManager.items$.pipe(I.tap(c=>c.map(({element:l})=>r({container:l}))),I.takeUntil(t.$.destroy$)).subscribe(),i.pipe(I.tap(()=>{a()}),I.takeUntil(t.$.destroy$)).subscribe(),{...t,theme:{set:c=>{c!==i.value&&i.next(c)},get:()=>i.value,$:{theme$:i.asObservable()}}}},$i=n=>e=>{const t=n(e);return{...t,utils:{isOrIsWithinValidLink:r=>!!(pe(r)&&(r.nodeName==="a"?r:r.closest("a"))?.getAttribute("href")),injectScopedCSS:(r,a,c)=>{const l=c.replace("${id}",t.id);return G(r,`${a}-${t.id}`,l)}}}};navigator.userAgent.indexOf("")>-1&&navigator.userAgent.indexOf("Chrome")<=-1;const Ti=n=>e=>n(e),Mi="[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}",ut=(n,e,t)=>{const{clientWidth:i,clientHeight:s}=t.value.element,r={maxX:0,minX:i*(1-e),maxY:0,minY:s*(1-e)};return{x:Math.min(Math.max(n.x,r.minX),r.maxX),y:Math.min(Math.max(n.y,r.minY),r.maxY)}},Fi=(n,e,t)=>{t.style.transformOrigin="0 0";const i=`translate3d(${e.x}px, ${e.y}px, 0px)`,s=`scale(${n})`;t.style.transform=`${i} ${s}`},Li=(n,e,t,i)=>{const s=e/n,r=t.clientWidth,a=t.clientHeight,c=r/2-i.x,l=a/2-i.y;return{x:i.x+c*(1-s),y:i.y+l*(1-s)}};class dt{constructor(e){this.x=e.x,this.y=e.y}}class Pe extends dt{}class pt extends dt{constructor(){super(...arguments),this.__symbol=Symbol("UnboundScrollPosition")}}class gt extends N{constructor(e,t,i,s,r){super({element:void 0}),this.viewport=e,this.settings=t,this.hookManager=i,this.spine=s,this.context=r,this.navigateSubject=new o.Subject,this.scrollingSubject=new o.BehaviorSubject(!1),this.isScrolling$=this.scrollingSubject.asObservable(),this.setViewportPosition=({position:p})=>{const g=this.value.element;this.scrollingSubject.next(!0);const m=this.fromSpinePosition(p);g?.scrollTo({left:m.x,top:m.y,behavior:"instant"}),o.timer(1).pipe(o.tap(()=>{this.scrollingSubject.next(!1)}),o.takeUntil(o.merge(this.scrollingSubject.pipe(o.skip(1)),this.destroy$))).subscribe(),this.hookManager.execute("onViewportOffsetAdjust",void 0,{})};const a=this.context.pipe(K(["rootElement"]),o.tap(({rootElement:p})=>{if(!p)return;const g=document.createElement("div");g.setAttribute(`data-${Xe}`,""),g.appendChild(this.viewport.value.element),p.appendChild(g),this.update({element:g})})),c=o.combineLatest([t.watch(["computedPageTurnMode"]),this.watch("element")]).pipe(o.tap(([{computedPageTurnMode:p},g])=>{g&&(p==="scrollable"?g.style.display="block":g.style.display="contents")})),l=this.navigateSubject.pipe(o.tap(this.setViewportPosition));this.isNavigating$=this.navigateSubject.pipe(o.startWith(!1),o.switchMap(()=>o.merge(o.of(!0),o.of(!1))),o.shareReplay(1));const u=o.merge(s.element$.pipe(o.filter(O),o.switchMap(p=>Q(p))),s.element$.pipe(o.filter(O),o.switchMap(p=>o.fromEvent(p,"scroll"))),s.spineItemsObserver.itemResize$).pipe(o.switchMap(()=>o.timer(10).pipe(o.map(()=>!1),o.startWith(!0))),o.distinctUntilChanged(),o.startWith(!1)),d=o.combineLatest([u,this.isScrolling$]).pipe(o.map(([p,g])=>p||g),o.shareReplay(1));this.userScroll$=this.watch("element").pipe(o.filter(O),o.switchMap(p=>t.watch(["computedPageTurnMode"]).pipe(o.switchMap(({computedPageTurnMode:g})=>g==="controlled"?o.NEVER:o.fromEvent(p,"scroll").pipe(o.withLatestFrom(d),o.filter(([,m])=>!m),o.map(([m])=>m))))),o.share()),o.merge(a,c,l).pipe(o.takeUntil(this.destroy$)).subscribe()}update(e){this.mergeCompare(e)}navigate(e){this.navigateSubject.next(e)}fromScrollPosition(e){const t=this.viewport.scaleFactor;return new U({x:e.x/t,y:e.y/t})}fromSpinePosition(e){const t=this.viewport.scaleFactor;return new Pe({x:e.x*t,y:e.y*t})}get scrollPosition(){const e=this.value.element;return new Pe({x:e?.scrollLeft??0,y:e?.scrollTop??0})}}const Ei=(n,e,t,i,s)=>{const r=n.clientWidth,a=n.clientHeight,c=n.scrollLeft,l=n.scrollTop,u=c+r/2-i,d=l+a/2-s,p=t/e,g=u*p,m=d*p,h=g-r/2+i,f=m-a/2+s;return new pt({x:h,y:f})},Ci=(n,e)=>{const t=e.viewport,i=e.navigation.scrollNavigationController,s=t.value.element,r=i.value.element,a=i.value.element,c=Math.round(t.scaleFactor*100)/100,l=s.offsetLeft,u=s.offsetTop,d=Ei(r??Jt(),c,n,l,u),p=n<1?"down":"up";a?.setAttribute(`data-${C}-zooming-direction`,p),n<1?s.style.transformOrigin="top":n>1&&(s.style.transformOrigin=`${l}px ${u}px`),s.style.transform=`scale(${n})`;const g=i.fromScrollPosition(d);e.navigation.navigate({position:g})},ae=200;class Ri extends N{constructor(e){super({isZooming:!1,currentScale:1,currentPosition:{x:0,y:0}}),this.reader=e,this.enterSubject=new o.Subject,this.exitSubject=new o.Subject;const t=this.enterSubject.pipe(o.switchMap(s=>{const{scale:r=1,animate:a=!1}=s??{},c=this.reader.viewport.value.element;return this.viewport.element.setAttribute(`data-${C}-zooming`,"true"),this.scrollNavigationController.value.element?.setAttribute(`data-${C}-zooming`,this.isControlled?"false":"true"),a&&this.isControlled&&(c.style.transition=`transform ${ae}ms`),this.mergeCompare({isZooming:!0,currentScale:1,currentPosition:{x:0,y:0}}),this.updateZoom(r),r!==1&&this.isControlled?o.timer(s?.animate?ae:0).pipe(o.tap(()=>{this.reader.layout()})):o.EMPTY})),i=this.exitSubject.pipe(o.switchMap(s=>{const r=this.reader.viewport.value.element;return this.viewport.element.setAttribute(`data-${C}-zooming`,"false"),this.scrollNavigationController.value.element?.removeAttribute(`data-${C}-zooming-direction`),this.scrollNavigationController.value.element?.setAttribute(`data-${C}-zooming`,"false"),s?.animate&&this.isControlled&&(r.style.transition=`transform ${ae}ms`),this.updateZoom(1,{x:0,y:0}),r.style.transform="",this.mergeCompare({isZooming:!1}),o.timer(s?.animate?ae:0).pipe(o.tap(()=>{const a=this.reader.viewport.value.element;a.style.transformOrigin="",a.style.transition="",this.isControlled&&this.reader.layout()}),o.takeUntil(this.enterSubject))}));o.merge(t,i).pipe(o.takeUntil(this.destroy$)).subscribe()}enter(e){this.enterSubject.next(e)}exit(e){this.exitSubject.next(e)}move(e,t){this.isControlled&&(this.viewport.element.style.transition="",this.updateZoom(this.value.currentScale,e,{constraints:t?.constrain==="within-viewport"?(...i)=>ut(...i,this.reader.viewport):void 0}))}scaleAt(e,t){this.viewport.element.style.transition="";const s=Math.ceil(e*100)/100;this.updateZoom(s,void 0,{constraints:t?.constrain==="within-viewport"?(...r)=>ut(...r,this.reader.viewport):void 0})}updateZoom(e,t,i){if(this.isControlled){const s=t||Li(this.value.currentScale,e,this.viewport.element,this.value.currentPosition),r=i?.constraints?.(s,e)??s;return this.applyZoom(e,r),this.mergeCompare({currentScale:e,currentPosition:r})}this.applyZoom(e,t??this.value.currentPosition),this.mergeCompare({currentScale:e})}applyZoom(e,t){this.isControlled?Fi(e,t,this.viewport.element):Ci(e,this.reader)}get isControlled(){return this.reader.settings.values.computedPageTurnMode==="controlled"}get scrollNavigationController(){return this.reader.navigation.scrollNavigationController}get viewport(){return this.reader.viewport.value}}const mt=`${be}-enhancer-zoom`,Ai=n=>e=>{const t=n(e),i=new Ri(t);G(document,mt,Mi);const s=()=>{Z(document,mt),i.destroy(),t.destroy()},r=i;return{...t,destroy:s,zoom:{enter:i.enter.bind(i),scaleAt:i.scaleAt.bind(i),move:i.move.bind(i),exit:i.exit.bind(i),state$:r,get state(){return i.value}}}},ht=n=>n?.renditionLayout==="pre-paginated"||n?.spineItems.every(e=>e.renditionLayout==="pre-paginated");class Di{constructor(){this.navigationSubject=new o.ReplaySubject(1),this.viewportStateSubject=new o.BehaviorSubject("free"),this.paginationSubject=new o.ReplaySubject,this.navigationIsLockedSubject=new o.BehaviorSubject(!1),this.pagination$=this.paginationSubject.asObservable(),this.navigationUnlocked$=this.navigationIsLockedSubject.pipe(o.distinctUntilChanged(),o.filter(e=>!e)),this.viewportState$=this.viewportStateSubject.asObservable(),this.viewportFree$=this.viewportState$.pipe(o.filter(e=>e==="free")),this.viewportBusy$=this.viewportState$.pipe(o.filter(e=>e==="busy")),this.navigation$=this.navigationSubject.asObservable()}}class ft extends N{constructor(){super({assumedRenditionLayout:"reflowable"}),this.bridgeEvent=new Di,this.manifest$=this.pipe(I.map(e=>e.manifest),I.filter(O),I.distinctUntilChanged()),this.isRTL=()=>this.value.manifest?.readingDirection==="rtl"}update(e){const t=this.value,i=e.manifest??t.manifest,s={...t,...e,...e.manifest&&{isFullyPrePaginated:ht(i),assumedRenditionLayout:i?.renditionLayout??"reflowable"}};this.mergeCompare(s)}get manifest(){return this.value.manifest}get readingDirection(){return this.manifest?.readingDirection}}class St extends N{constructor(e,t){super({supportedPageTurnAnimation:["fade","none","slide"],supportedPageTurnMode:["controlled","scrollable"],supportedPageTurnDirection:["horizontal","vertical"],supportedComputedPageTurnDirection:["horizontal","vertical"]}),o.combineLatest([e.watch(["manifest","hasVerticalWriting"]),t.watch(["computedPageTurnMode"])]).pipe(o.map(([{manifest:i,hasVerticalWriting:s},{computedPageTurnMode:r}])=>({hasVerticalWriting:s,renditionFlow:i?.renditionFlow,renditionLayout:i?.renditionLayout,computedPageTurnMode:r})),o.distinctUntilChanged($.isShallowEqual),o.map(({hasVerticalWriting:i,renditionFlow:s,renditionLayout:r,computedPageTurnMode:a})=>({...this.value,supportedPageTurnMode:s==="scrolled-continuous"?["scrollable"]:["controlled","scrollable"],supportedPageTurnAnimation:s==="scrolled-continuous"||a==="scrollable"?["none"]:i?["fade","none"]:["fade","none","slide"],supportedPageTurnDirection:a==="scrollable"?["vertical"]:r==="reflowable"?["horizontal"]:["horizontal","vertical"]})),o.takeUntil(this.destroy$)).subscribe(this.next.bind(this))}}class yt{constructor(){this._hooks=[],this._hookExecutions=[]}deregister(e){return this._hooks=this._hooks.filter(t=>t!==e),this.destroy(e.name,void 0,e)}register(e,t){const i={name:e,runFn:t};return this._hooks.push(i),()=>{this.deregister(i)}}execute(e,t,i){return this._hooks.filter(a=>e===a.name).map(a=>{let c=()=>o.of(void 0);const l=new o.Subject,u=g=>{c=g},d=()=>(l.next(),l.complete(),c()??o.of(void 0)),p=a.runFn({...i,destroy$:l.asObservable(),destroy:u});return this._hookExecutions.push({name:e,id:t,destroyFn:d,ref:a}),p})}destroy(e,t,i){const s=this._hookExecutions.filter(a=>i&&a.ref===i||e===a.name&&(!t||t&&t===a.id));this._hookExecutions=this._hookExecutions.filter(a=>!s.includes(a));const r=s.map(({destroyFn:a})=>a());return o.combineLatest(r)}}const Ni="[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}",Oi=n=>({x:-n.x,y:-n.y}),Vi=n=>n instanceof DOMMatrix?new M({x:-n.e,y:-n.f}):new M({x:-n.x,y:-n.y}),bt=E.namespace("navigation/ViewportNavigator");class It extends R{constructor(e,t,i,s,r){super(),this.settings=e,this.hookManager=t,this.context=i,this.spine=s,this.viewport=r,this.navigateSubject=new o.Subject,this.element$=new o.BehaviorSubject(document.createElement("div"));const a=this.spine.element$.pipe(o.filter(O),o.withLatestFrom(this.element$),o.tap(([d,p])=>{p.style.cssText=`
|
|
213
|
+
`},s=({container:c})=>{const l=lt.find(u=>u.name===i.value);return l&&c.style.setProperty("background-color",l.backgroundColor),()=>{}},a=()=>{t.spineItemsManager.items.forEach(c=>{const l=c.renderer.getDocumentFrame();l&&V(l,"prose-reader-theme",r()),s({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&&V(u,"prose-reader-theme",r())}}),t.spineItemsManager.items$.pipe(I.tap(c=>c.map(({element:l})=>s({container:l}))),I.takeUntil(t.$.destroy$)).subscribe(),i.pipe(I.tap(()=>{a()}),I.takeUntil(t.$.destroy$)).subscribe(),{...t,theme:{set:c=>{c!==i.value&&i.next(c)},get:()=>i.value,$:{theme$:i.asObservable()}}}},$i=n=>e=>{const t=n(e);return{...t,utils:{isOrIsWithinValidLink:s=>!!(ge(s)&&(s.nodeName==="a"?s:s.closest("a"))?.getAttribute("href")),injectScopedCSS:(s,a,c)=>{const l=c.replace("${id}",t.id);return G(s,`${a}-${t.id}`,l)}}}};navigator.userAgent.indexOf("")>-1&&navigator.userAgent.indexOf("Chrome")<=-1;const Ti=n=>e=>n(e),Mi="[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}",ut=(n,e,t)=>{const{clientWidth:i,clientHeight:r}=t.value.element,s={maxX:0,minX:i*(1-e),maxY:0,minY:r*(1-e)};return{x:Math.min(Math.max(n.x,s.minX),s.maxX),y:Math.min(Math.max(n.y,s.minY),s.maxY)}},Fi=(n,e,t)=>{t.style.transformOrigin="0 0";const i=`translate3d(${e.x}px, ${e.y}px, 0px)`,r=`scale(${n})`;t.style.transform=`${i} ${r}`},Li=(n,e,t,i)=>{const r=e/n,s=t.clientWidth,a=t.clientHeight,c=s/2-i.x,l=a/2-i.y;return{x:i.x+c*(1-r),y:i.y+l*(1-r)}};class dt{constructor(e){this.x=e.x,this.y=e.y}}class Pe extends dt{}class pt extends dt{constructor(){super(...arguments),this.__symbol=Symbol("UnboundScrollPosition")}}class gt extends N{constructor(e,t,i,r,s){super({element:void 0}),this.viewport=e,this.settings=t,this.hookManager=i,this.spine=r,this.context=s,this.navigateSubject=new o.Subject,this.scrollingSubject=new o.BehaviorSubject(!1),this.isScrolling$=this.scrollingSubject.asObservable(),this.setViewportPosition=({position:p})=>{const g=this.value.element;this.scrollingSubject.next(!0);const m=this.fromSpinePosition(p);g?.scrollTo({left:m.x,top:m.y,behavior:"instant"}),o.timer(1).pipe(o.tap(()=>{this.scrollingSubject.next(!1)}),o.takeUntil(o.merge(this.scrollingSubject.pipe(o.skip(1)),this.destroy$))).subscribe(),this.hookManager.execute("onViewportOffsetAdjust",void 0,{})};const a=this.context.pipe(K(["rootElement"]),o.tap(({rootElement:p})=>{if(!p)return;const g=document.createElement("div");g.setAttribute(`data-${qe}`,""),g.appendChild(this.viewport.value.element),p.appendChild(g),this.update({element:g})})),c=o.combineLatest([t.watch(["computedPageTurnMode"]),this.watch("element")]).pipe(o.tap(([{computedPageTurnMode:p},g])=>{g&&(p==="scrollable"?g.style.display="block":g.style.display="contents")})),l=this.navigateSubject.pipe(o.tap(this.setViewportPosition));this.isNavigating$=this.navigateSubject.pipe(o.startWith(!1),o.switchMap(()=>o.merge(o.of(!0),o.of(!1))),o.shareReplay(1));const u=o.merge(r.element$.pipe(o.filter(O),o.switchMap(p=>Q(p))),r.element$.pipe(o.filter(O),o.switchMap(p=>o.fromEvent(p,"scroll"))),r.spineItemsObserver.itemResize$).pipe(o.switchMap(()=>o.timer(10).pipe(o.map(()=>!1),o.startWith(!0))),o.distinctUntilChanged(),o.startWith(!1)),d=o.combineLatest([u,this.isScrolling$]).pipe(o.map(([p,g])=>p||g),o.shareReplay(1));this.userScroll$=this.watch("element").pipe(o.filter(O),o.switchMap(p=>t.watch(["computedPageTurnMode"]).pipe(o.switchMap(({computedPageTurnMode:g})=>g==="controlled"?o.NEVER:o.fromEvent(p,"scroll").pipe(o.withLatestFrom(d),o.filter(([,m])=>!m),o.map(([m])=>m))))),o.share()),o.merge(a,c,l).pipe(o.takeUntil(this.destroy$)).subscribe()}update(e){this.mergeCompare(e)}navigate(e){this.navigateSubject.next(e)}fromScrollPosition(e){const t=this.viewport.scaleFactor;return new U({x:e.x/t,y:e.y/t})}fromSpinePosition(e){const t=this.viewport.scaleFactor;return new Pe({x:e.x*t,y:e.y*t})}get scrollPosition(){const e=this.value.element;return new Pe({x:e?.scrollLeft??0,y:e?.scrollTop??0})}}const Ei=(n,e,t,i,r)=>{const s=n.clientWidth,a=n.clientHeight,c=n.scrollLeft,l=n.scrollTop,u=c+s/2-i,d=l+a/2-r,p=t/e,g=u*p,m=d*p,h=g-s/2+i,f=m-a/2+r;return new pt({x:h,y:f})},Ci=(n,e)=>{const t=e.viewport,i=e.navigation.scrollNavigationController,r=t.value.element,s=i.value.element,a=i.value.element,c=Math.round(t.scaleFactor*100)/100,l=r.offsetLeft,u=r.offsetTop,d=Ei(s??Jt(),c,n,l,u),p=n<1?"down":"up";a?.setAttribute(`data-${C}-zooming-direction`,p),n<1?r.style.transformOrigin="top":n>1&&(r.style.transformOrigin=`${l}px ${u}px`),r.style.transform=`scale(${n})`;const g=i.fromScrollPosition(d);e.navigation.navigate({position:g})},ce=200;class Ri extends N{constructor(e){super({isZooming:!1,currentScale:1,currentPosition:{x:0,y:0}}),this.reader=e,this.enterSubject=new o.Subject,this.exitSubject=new o.Subject;const t=this.enterSubject.pipe(o.switchMap(r=>{const{scale:s=1,animate:a=!1}=r??{},c=this.reader.viewport.value.element;return this.viewport.element.setAttribute(`data-${C}-zooming`,"true"),this.scrollNavigationController.value.element?.setAttribute(`data-${C}-zooming`,this.isControlled?"false":"true"),a&&this.isControlled&&(c.style.transition=`transform ${ce}ms`),this.mergeCompare({isZooming:!0,currentScale:1,currentPosition:{x:0,y:0}}),this.updateZoom(s),s!==1&&this.isControlled?o.timer(r?.animate?ce:0).pipe(o.tap(()=>{this.reader.layout()})):o.EMPTY})),i=this.exitSubject.pipe(o.switchMap(r=>{const s=this.reader.viewport.value.element;return this.viewport.element.setAttribute(`data-${C}-zooming`,"false"),this.scrollNavigationController.value.element?.removeAttribute(`data-${C}-zooming-direction`),this.scrollNavigationController.value.element?.setAttribute(`data-${C}-zooming`,"false"),r?.animate&&this.isControlled&&(s.style.transition=`transform ${ce}ms`),this.updateZoom(1,{x:0,y:0}),s.style.transform="",this.mergeCompare({isZooming:!1}),o.timer(r?.animate?ce:0).pipe(o.tap(()=>{const a=this.reader.viewport.value.element;a.style.transformOrigin="",a.style.transition="",this.isControlled&&this.reader.layout()}),o.takeUntil(this.enterSubject))}));o.merge(t,i).pipe(o.takeUntil(this.destroy$)).subscribe()}enter(e){this.enterSubject.next(e)}exit(e){this.exitSubject.next(e)}move(e,t){this.isControlled&&(this.viewport.element.style.transition="",this.updateZoom(this.value.currentScale,e,{constraints:t?.constrain==="within-viewport"?(...i)=>ut(...i,this.reader.viewport):void 0}))}scaleAt(e,t){this.viewport.element.style.transition="";const r=Math.ceil(e*100)/100;this.updateZoom(r,void 0,{constraints:t?.constrain==="within-viewport"?(...s)=>ut(...s,this.reader.viewport):void 0})}updateZoom(e,t,i){if(this.isControlled){const r=t||Li(this.value.currentScale,e,this.viewport.element,this.value.currentPosition),s=i?.constraints?.(r,e)??r;return this.applyZoom(e,s),this.mergeCompare({currentScale:e,currentPosition:s})}this.applyZoom(e,t??this.value.currentPosition),this.mergeCompare({currentScale:e})}applyZoom(e,t){this.isControlled?Fi(e,t,this.viewport.element):Ci(e,this.reader)}get isControlled(){return this.reader.settings.values.computedPageTurnMode==="controlled"}get scrollNavigationController(){return this.reader.navigation.scrollNavigationController}get viewport(){return this.reader.viewport.value}}const mt=`${be}-enhancer-zoom`,Ai=n=>e=>{const t=n(e),i=new Ri(t);G(document,mt,Mi);const r=()=>{Z(document,mt),i.destroy(),t.destroy()},s=i;return{...t,destroy:r,zoom:{enter:i.enter.bind(i),scaleAt:i.scaleAt.bind(i),move:i.move.bind(i),exit:i.exit.bind(i),state$:s,get state(){return i.value}}}},ht=n=>n?.renditionLayout==="pre-paginated"||n?.spineItems.every(e=>e.renditionLayout==="pre-paginated");class Di{constructor(){this.navigationSubject=new o.ReplaySubject(1),this.viewportStateSubject=new o.BehaviorSubject("free"),this.paginationSubject=new o.ReplaySubject,this.navigationIsLockedSubject=new o.BehaviorSubject(!1),this.pagination$=this.paginationSubject.asObservable(),this.navigationUnlocked$=this.navigationIsLockedSubject.pipe(o.distinctUntilChanged(),o.filter(e=>!e)),this.viewportState$=this.viewportStateSubject.asObservable(),this.viewportFree$=this.viewportState$.pipe(o.filter(e=>e==="free")),this.viewportBusy$=this.viewportState$.pipe(o.filter(e=>e==="busy")),this.navigation$=this.navigationSubject.asObservable()}}class ft extends N{constructor(){super({assumedRenditionLayout:"reflowable"}),this.bridgeEvent=new Di,this.manifest$=this.pipe(I.map(e=>e.manifest),I.filter(O),I.distinctUntilChanged()),this.isRTL=()=>this.value.manifest?.readingDirection==="rtl"}update(e){const t=this.value,i=e.manifest??t.manifest,r={...t,...e,...e.manifest&&{isFullyPrePaginated:ht(i),assumedRenditionLayout:i?.renditionLayout??"reflowable"}};this.mergeCompare(r)}get manifest(){return this.value.manifest}get readingDirection(){return this.manifest?.readingDirection}}class St extends N{constructor(e,t){super({supportedPageTurnAnimation:["fade","none","slide"],supportedPageTurnMode:["controlled","scrollable"],supportedPageTurnDirection:["horizontal","vertical"],supportedComputedPageTurnDirection:["horizontal","vertical"]}),o.combineLatest([e.watch(["manifest","hasVerticalWriting"]),t.watch(["computedPageTurnMode"])]).pipe(o.map(([{manifest:i,hasVerticalWriting:r},{computedPageTurnMode:s}])=>({hasVerticalWriting:r,renditionFlow:i?.renditionFlow,renditionLayout:i?.renditionLayout,computedPageTurnMode:s})),o.distinctUntilChanged($.isShallowEqual),o.map(({hasVerticalWriting:i,renditionFlow:r,renditionLayout:s,computedPageTurnMode:a})=>({...this.value,supportedPageTurnMode:r==="scrolled-continuous"?["scrollable"]:["controlled","scrollable"],supportedPageTurnAnimation:r==="scrolled-continuous"||a==="scrollable"?["none"]:i?["fade","none"]:["fade","none","slide"],supportedPageTurnDirection:a==="scrollable"?["vertical"]:s==="reflowable"?["horizontal"]:["horizontal","vertical"]})),o.takeUntil(this.destroy$)).subscribe(this.next.bind(this))}}class yt{constructor(){this._hooks=[],this._hookExecutions=[]}deregister(e){return this._hooks=this._hooks.filter(t=>t!==e),this.destroy(e.name,void 0,e)}register(e,t){const i={name:e,runFn:t};return this._hooks.push(i),()=>{this.deregister(i)}}execute(e,t,i){return this._hooks.filter(a=>e===a.name).map(a=>{let c=()=>o.of(void 0);const l=new o.Subject,u=g=>{c=g},d=()=>(l.next(),l.complete(),c()??o.of(void 0)),p=a.runFn({...i,destroy$:l.asObservable(),destroy:u});return this._hookExecutions.push({name:e,id:t,destroyFn:d,ref:a}),p})}destroy(e,t,i){const r=this._hookExecutions.filter(a=>i&&a.ref===i||e===a.name&&(!t||t&&t===a.id));this._hookExecutions=this._hookExecutions.filter(a=>!r.includes(a));const s=r.map(({destroyFn:a})=>a());return o.combineLatest(s)}}const Ni="[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}",Oi=n=>({x:-n.x,y:-n.y}),Vi=n=>n instanceof DOMMatrix?new M({x:-n.e,y:-n.f}):new M({x:-n.x,y:-n.y}),bt=E.namespace("navigation/ViewportNavigator");class It extends R{constructor(e,t,i,r,s){super(),this.settings=e,this.hookManager=t,this.context=i,this.spine=r,this.viewport=s,this.navigateSubject=new o.Subject,this.element$=new o.BehaviorSubject(document.createElement("div"));const a=this.spine.element$.pipe(o.filter(O),o.withLatestFrom(this.element$),o.tap(([d,p])=>{p.style.cssText=`
|
|
214
214
|
height: 100%;
|
|
215
215
|
width: 100%;
|
|
216
216
|
position: relative;
|
|
217
|
-
`,p.className=`${C}-controlled-navigator`,p.innerHTML="",p.appendChild(d),this.viewport.value.element.appendChild(p),this.element$.next(p)})),c=e.watch(["computedPageTurnDirection","computedPageTurnMode","numberOfAdjacentSpineItemToPreLoad"]),l=o.combineLatest([c,this.element$]).pipe(o.tap(([,d])=>{e.values.computedPageTurnMode==="scrollable"?d.style.display="contents":d.style.display="block"}));this.layout$=l.pipe(o.tap(()=>{bt.info("layout",e.values)}),o.share());const u=this.navigateSubject.pipe(o.tap(d=>{bt.info("Navigation requested",d)}));this.isNavigating$=u.pipe(o.map(({animation:d,position:p})=>({type:"manualAdjust",shouldAnimate:!(!d||d==="turn"&&e.values.computedPageTurnAnimation==="none"),animation:d,position:p})),o.switchMap(d=>{const p=this.element$.getValue();return p.style.setProperty("transition","none"),p.style.setProperty("opacity","1"),o.merge(o.of(!0),o.of(null).pipe(o.mergeMap(()=>{if(d?.type!=="manualAdjust")return o.of(!1);const g=d.animation==="snap"?e.values.snapAnimationDuration:e.values.computedPageTurnAnimationDuration,m=d.animation==="snap"?"slide":e.values.computedPageTurnAnimation;return o.of(d).pipe(d.shouldAnimate?o.delay(1,o.animationFrameScheduler):o.identity,o.tap(h=>{const f=this.element$.getValue();h.shouldAnimate?m==="fade"?(f.style.setProperty("transition",`opacity ${g/2}ms`),f.style.setProperty("opacity","0")):(d.animation==="snap"||m==="slide")&&(f.style.setProperty("transition",`transform ${g}ms`),f.style.setProperty("opacity","1")):(f.style.setProperty("transition","none"),f.style.setProperty("opacity","1"))}),o.tap(h=>{m!=="fade"&&this.setViewportPosition(h.position)}),d.shouldAnimate?o.delay(g/2,o.animationFrameScheduler):o.identity,o.tap(h=>{const f=this.element$.getValue();m==="fade"&&(this.setViewportPosition(h.position),f.style.setProperty("opacity","1"))}),d.shouldAnimate?o.delay(g/2,o.animationFrameScheduler):o.identity,o.tap(h=>{m==="fade"&&this.setViewportPosition(h.position)}))}),o.map(()=>!1)))}),o.startWith(!1),o.shareReplay(1)),o.merge(a,this.isNavigating$,this.layout$).pipe(o.takeUntil(this.destroy$)).subscribe()}setViewportPosition(e){const t=this.element$.getValue(),i=Oi(e);t.style.transform=`translate(${i.x}px, ${i.y}px)`,this.hookManager.execute("onViewportOffsetAdjust",void 0,{})}navigate(e){this.navigateSubject.next(e)}get viewportPosition(){const e=this.element$.getValue(),t=window.getComputedStyle(e),i=t.transform||t.webkitTransform;if(!i||i==="none")return new M({x:0,y:0});const s=new DOMMatrix(i);return Vi(s)}}const Ui=()=>n=>n.pipe(o.map(({navigation:e,pagination:t,...i})=>({navigation:{...e,paginationBeginCfi:t.beginCfi},...i}))),ki=(n,e,t)=>n.bridgeEvent.pagination$.pipe(o.withLatestFrom(e),o.filter(([i,s])=>i.navigationId===s.id),o.switchMap(([i,s])=>(t.spineItemsManager.get(s.spineItem)?.isReady$.pipe(o.first())??o.of(!1)).pipe(o.filter(a=>a),o.map(()=>({pagination:i,navigation:s})))),Ui(),o.distinctUntilChanged((i,s)=>i.navigation.paginationBeginCfi===s.navigation.paginationBeginCfi),o.map(({navigation:i})=>({...i,meta:{triggeredBy:"pagination"}}))),zi=({navigationResolver:n})=>e=>e.pipe(o.map(([t,i])=>{const s={type:"api",meta:{triggeredBy:"user"},id:Symbol(),animation:"turn",...t,position:t.position?n.fromOutOfBoundsSpinePosition(t.position):void 0};return{previousNavigation:i,navigation:s}})),Wi=({navigationResolver:n})=>e=>e.pipe(o.map(t=>{if(t.navigation.cfi){const i=n.getNavigationForCfi(t.navigation.cfi);if(i)return{...t,navigation:{...t.navigation,position:i}}}return t})),_i=({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",Hi=({context:n,settings:e})=>t=>t.pipe(o.map(({navigation:i,previousNavigation:s})=>{const r=_i({navigation:i,previousNavigation:s,settings:e}),a={...i,directionFromLastNavigation:r};return{previousNavigation:s,navigation:a,direction:r}})),Bi=({spineItemsManager:n,navigationResolver:e,settings:t})=>i=>i.pipe(o.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 U({x:c.x+r.previousNavigation.position.x,y:c.y}):e.fromUnboundSpinePosition(c);return{navigation:{...s,position:l},...r}})),wt=({settings:n,spineItemsManager:e,navigationResolver:t,spineLocator:i})=>s=>{const r=a=>{const{position:c,spineItem:l,cfi:u,directionFromLastNavigation:d}=a,{navigationSnapThreshold:p,computedPageTurnMode:g}=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&&g==="controlled"){const{beginIndex:m,endIndex:h}=i.getVisibleSpineItemsFromPosition({position:c,threshold:p,restrictToScreen:!1})??{},f=(d==="forward"||d==="anchor"?h:m)??m,y=e.get(f);if(!y)return;const{endPageIndex:S,beginPageIndex:w}=i.getVisiblePagesFromViewportPosition({position:c,spineItem:y,threshold:p,restrictToScreen:!1})??{},v=(d==="forward"||d==="anchor"?S:w)??0,T=t.getNavigationForSpineItemPage({pageIndex:v,spineItemId:y}),P=i.getVisibleSpineItemsFromPosition({position:T,threshold:p,restrictToScreen:!1}),L=d==="forward"||d==="anchor"?P?.beginIndex:P?.endIndex;return e.get(L)}return c&&g==="scrollable"?i.getSpineItemFromPosition(c):e.get(0)};return s.pipe(o.map(({navigation:a,...c})=>{const l=r(a);return{navigation:{...a,spineItem:e.getSpineItemIndex(l)},...c}}))},vt=({spine:n})=>e=>e.pipe(o.switchMap(({navigation:t,...i})=>{const s=n.getSpineItemSpineLayoutInfo(t.spineItem),r=n.spineItemsManager.get(t.spineItem);return(r?.isReady$??o.of(!1)).pipe(o.first(),o.map(a=>({navigation:{...t,spineItemHeight:s?.height,spineItemWidth:s?.width,spineItemLeft:s.left,spineItemTop:s.top,spineItemIsUsingVerticalWriting:r?.isUsingVerticalWriting(),spineItemIsReady:a},...i})))})),$e=({settings:n,spineItemsManager:e,spineLocator:t,navigationResolver:i})=>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:d,beginPageIndex:p}=t.getVisiblePagesFromViewportPosition({position:a.position,spineItem:u,threshold:c,restrictToScreen:!1})??{},g=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?d:p)??0,m=i.getNavigationForSpineItemPage({pageIndex:g,spineItemId:u}),h=t.getVisiblePagesFromViewportPosition({position:m,spineItem:u,threshold:{type:"percentage",value:0},restrictToScreen:!0}),f=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?h?.beginPageIndex:h?.endPageIndex)??0;return t.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:f,spineItem:u})}return t.getSpineItemPositionFromSpinePosition(a.position,u)}};return s.pipe(o.map(({navigation:a,...c})=>({navigation:{...a,positionInSpineItem:r(a)},...c})))},xi=({navigationResolver:n})=>e=>e.pipe(o.map(t=>{if(t.navigation.url){const i=n.getNavigationForUrl(t.navigation.url);if(i)return{...t,navigation:{...t.navigation,position:i.position,spineItem:i.spineItemId}}}return t}));class Te{constructor(){this.isLockedSubject=new o.BehaviorSubject(0),this.isLocked$=this.isLockedSubject.pipe(o.map(e=>!!e),o.distinctUntilChanged())}lock(){let e=!1;return this.isLockedSubject.next(this.isLockedSubject.getValue()+1),()=>{e||(e=!0,this.isLockedSubject.next(this.isLockedSubject.getValue()-1))}}}const Yi=({spineLocator:n,navigation:e,navigationResolver:t,spineItemsManager:i,spine:s})=>{const r=i.get(e.spineItem);return r?r.isReady$.pipe(o.first(),o.map(a=>{const c=s.getSpineItemSpineLayoutInfo(r),l=n.isPositionWithinSpineItem(e.position,r),u=c.width-(e.spineItemWidth??0),d=c.height-(e.spineItemHeight??0),p=u!==0||d!==0;if(e.url!==void 0&&(u||d||a&&!e.spineItemIsReady)){const m=t.getNavigationForUrl(e.url);if(m)return m.position}const g=e.cfi??e.paginationBeginCfi;if(g!==void 0&&!se(g)&&(u||d||a&&!e.spineItemIsReady)){const m=t.getNavigationForCfi(g);if(m)return m}if(l&&p&&e.directionFromLastNavigation==="backward"){const m=new F({x:(e.positionInSpineItem?.x??0)+u,y:(e.positionInSpineItem?.y??0)+d});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)})):o.of(new M({x:0,y:0}))},Xi=({navigation:n,spineLocator:e,spineItemsManager:t,settings:i,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),d=e.isPositionWithinSpineItem(n.position,c),p=n.positionInSpineItem??new F({y:0,x:0});if(i.values.computedPageTurnDirection==="vertical"){if(u===n.spineItemTop&&l===n.spineItemHeight&&d)return n.position;if(u===n.spineItemTop&&l===n.spineItemHeight&&!d)return s.getNavigationForSpineIndexOrId(c);if(u!==n.spineItemTop){const g=e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(n.positionInSpineItem??new F({x:0,y:0}),c);return e.getSpinePositionFromSpineItemPosition({spineItemPosition:g,spineItem:c})}if(u===n.spineItemTop&&l!==n.spineItemHeight){const g=(n.spineItemHeight??p.y)-p.y,m=new F({y:n.directionFromLastNavigation==="backward"?l-g:p.y,x:n.position.x});if(d){const h=e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(m,c);return e.getSpinePositionFromSpineItemPosition({spineItemPosition:h,spineItem:c})}if(!d){if(!(n.position.y<u)){const f=new F({y:l-g,x:n.position.x});return e.getSpinePositionFromSpineItemPosition({spineItemPosition:e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(f,c),spineItem:c})}return s.getNavigationForSpineIndexOrId(c)}}}return n.position},qi=({navigation:n,spineItemsManager:e,settings:t,spineLocator:i,navigationResolver:s,spine:r})=>t.values.computedPageTurnMode==="scrollable"?o.of(Xi({navigation:n,spineLocator:i,navigationResolver:s,settings:t,spineItemsManager:e,spine:r})):Yi({navigation:n,spineLocator:i,navigationResolver:s,spineItemsManager:e,spine:r}),Pt=({settings:n,navigationResolver:e,context:t,spine:i})=>s=>s.pipe(o.switchMap(r=>qi({spineLocator:i.locator,navigation:r.navigation,navigationResolver:e,settings:n,spineItemsManager:i.spineItemsManager,spineItemLocator:i.locator.spineItemLocator,spine:i}).pipe(o.map(a=>({...r,navigation:{...r.navigation,position:a}}))))),Gi=E.namespace("navigation/InternalNavigator");class $t extends R{constructor(e,t,i,s,r,a,c,l){super(),this.settings=e,this.context=t,this.userNavigation$=i,this.controlledNavigationController=s,this.scrollNavigationController=r,this.navigationResolver=a,this.spine=c,this.isRestorationLocked$=l,this.navigationSubject=new o.BehaviorSubject({animation:!1,position:new M({x:0,y:0}),meta:{triggeredBy:"user"},spineItemIsReady:!1,type:"api",id:Symbol()}),this.navigated$=this.navigationSubject.pipe(o.skip(1)),this.navigation$=this.navigationSubject.pipe(o.map(({position:S,id:w})=>({position:S,id:w})),o.distinctUntilChanged(({position:S,...w},{position:v,...T})=>$.isShallowEqual(w,T)&&$.isShallowEqual(S,v)),o.shareReplay(1)),this.locker=new Te;const u=i.pipe(o.withLatestFrom(this.navigationSubject),zi({navigationResolver:a}),xi({navigationResolver:a}),Wi({navigationResolver:a}),Hi({context:t,settings:e}),wt({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),$e({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),vt({spine:c})).pipe(Bi({navigationResolver:a,spineItemsManager:c.spineItemsManager,settings:e}),o.withLatestFrom(l),o.switchMap(([S,w])=>{const v=S.navigation.cfi||S.navigation.url||e.values.computedPageTurnMode==="scrollable"||w;return o.of(S).pipe(v?o.identity:Pt({navigationResolver:a,settings:e,spine:c,context:t}))}),$e({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:e,navigationResolver:a}),o.map(S=>S.navigation),o.share()),d=u.pipe(o.withLatestFrom(l),o.filter(([,S])=>S),o.switchMap(([S])=>{const w=this.locker.lock();return l.pipe(o.filter(v=>!v),o.first(),o.map(()=>({...S,animation:"snap"})),o.finalize(()=>{w()}),o.takeUntil(u))}),o.share()),p=o.merge(s.layout$,c.layout$).pipe(o.switchMap(()=>o.of(null).pipe(o.switchMap(()=>l.pipe(o.filter(S=>!S),o.first())),o.map(()=>({...this.navigationSubject.getValue(),animation:!1})),o.takeUntil(o.merge(d,u))))),g=o.merge(p,d).pipe(o.map(S=>({navigation:S})),Pt({navigationResolver:a,settings:e,context:t,spine:c}),o.map(S=>{const w={...S.navigation,meta:{triggeredBy:"restoration"}};return{...S,navigation:w}}),wt({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),vt({spine:c}),$e({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:e,navigationResolver:a}),o.map(({navigation:S})=>S),o.share()),m=ki(t,this.navigationSubject,c),h=o.merge(g,u,m),f=S=>S.pipe(o.tap(([w,v])=>{Gi.info(`navigation updated from ${w.meta.triggeredBy} of type ${w.type}`,{previousNavigation:v,currentNavigation:w}),this.navigationSubject.next(w)})),y=S=>S.pipe(o.tap(([w,v])=>{const T=w.type==="scroll",P=w.meta.triggeredBy==="pagination",L=w.meta.triggeredBy==="restoration",A=$.isShallowEqual(v.position,w.position);if(T&&!L||P||A)return;const D={position:w.position,animation:w.animation};e.values.computedPageTurnMode==="scrollable"?this.scrollNavigationController.navigate(D):this.controlledNavigationController.navigate({...D,position:M.from(D.position)})}));h.pipe(o.withLatestFrom(this.navigationSubject),y,f,o.takeUntil(this.destroy$)).subscribe()}get navigation(){return this.navigationSubject.getValue()}}const ce=(n,e,t)=>{const i=t-n,s=t*(e*n)/(t||1);return Math.max(0,Math.min(i,s))},Me=(n,e)=>(e||0)===0||(n||0)===0?1:Math.floor(Math.max(1,n/e)),Fe=(n,e,t)=>{const i=Me(t,e),s=[...Array(i)].map((r,a)=>a*e);return n>=i*e?s[s.length-1]||0:s.find(r=>n<r+e)||0},Tt=(n,e,t)=>{const i=[...Array(t)].map((s,r)=>r*e);return n<=0||t===0?0:n>=t*e?t-1:i.findIndex(s=>n<s+e)??0},Zi=({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))}),Mt=({itemHeight:n,itemWidth:e,isUsingVerticalWriting:t,pageWidth:i,pageHeight:s,pageTurnDirection:r,pageTurnMode:a})=>r==="vertical"&&a==="scrollable"?1:t||r==="vertical"?Me(n,s):Me(e,i),Ft=({itemWidth:n,itemHeight:e,position:t,isUsingVerticalWriting:i,pageWidth:s,pageHeight:r,pageTurnDirection:a,pageTurnMode:c,isRTL:l})=>{const d=Zi({spineItemPosition:t,itemHeight:e,itemWidth:n}).x,p=Mt({isUsingVerticalWriting:i,itemHeight:e,itemWidth:n,pageWidth:s,pageHeight:r,pageTurnDirection:a,pageTurnMode:c});if(i)return Tt(t.y,r,p);const g=Tt(d,s,p);return l?p-1-g:g},Ji=({pageIndex:n,itemLayout:e,context:t,isUsingVerticalWriting:i,viewport:s})=>{if(i){const a=ce(s.pageSize.height,n,e.height);return new F({x:0,y:a})}const r=ce(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})},Lt=({context:n,settings:e,viewport:t})=>{const i=(c,l,u)=>{let d;c?.nodeName==="img"||c?.textContent===""&&c.nodeType===Node.ELEMENT_NODE?d=c.getBoundingClientRect().x:c&&(d=(c?qt(c,l):void 0)?.getBoundingClientRect().x||d);const p=u.layout.layoutInfo?.width||0,g=t.pageSize.width;if(d!==void 0){const m=Fe(d,g,p);return new F({x:m,y:0})}};return{getSpineItemPositionFromNode:i,getSpineItemPositionFromPageIndex:({pageIndex:c,spineItem:l})=>Ji({context:n,isUsingVerticalWriting:!!l.isUsingVerticalWriting(),itemLayout:l.layout.layoutInfo,pageIndex:c,viewport:t}),getSpineItemPageIndexFromPosition:c=>Ft({...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 d=i(c,l,u),{height:p,width:g}=u.layout.layoutInfo;return d?Ft({isUsingVerticalWriting:!!u.isUsingVerticalWriting(),position:d,itemHeight:p,itemWidth:g,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:d}=l.layout.layoutInfo;return new F({x:Fe(c.x,t.pageSize.width,u),y:Fe(c.y,t.pageSize.height,d)})},getSpineItemPagePositionFromSpineItemPosition:(c,l,u)=>{const{width:d,height:p}=u.layout.layoutInfo,g=t.pageSize.width,m=t.pageSize.height;if(!!u.isUsingVerticalWriting()){const y=ce(m,l,p);return new ne({x:c.x,y:c.y-y})}const f=ce(g,l,d);if(n.isRTL()){const y=d-(l+1)*g;return new ne({x:c.x-Math.max(0,y),y:c.y})}return new ne({x:c.x-f,y:c.y})}}},Ki=({context:n,settings:e,viewport:t})=>{const i=Lt({context:n,settings:e,viewport:t});return{getNavigationForLastPage:c=>{const l=c.numberOfPages;return i.getSpineItemPositionFromPageIndex({pageIndex:l-1,spineItem:c})},getNavigationForPosition:(c,l)=>i.getSpineItemClosestPositionFromUnsafePosition(l,c),getNavigationFromNode:(c,l,u)=>i.getSpineItemPositionFromNode(l,u,c)||new F({x:0,y:0})}};function Et({position:n,isRTL:e,spineItemsManager:t,spine:i,viewportWidth:s}){const r=t.get(t.items.length-1),a=i.getSpineItemSpineLayoutInfo(r||0),c=a.bottom-1,l=Math.max(0,n.y),u=Math.min(l,c);if(e){const m=Math.min(s,n.x),h=Math.max(m,a.left);return new M({x:h,y:u})}const d=a.right-1,p=Math.max(0,n.x),g=Math.min(p,d);return new M({x:g,y:u})}const Ct=({position:n,isRTL:e,pageSizeHeight:t,spineItemsManager:i,visibleAreaRectWidth:s,spine:r})=>{const a=Et({position:n,isRTL:e,spineItemsManager:i,spine:r,viewportWidth:s}),c=i.get(i.items.length-1),l=r.getSpineItemSpineLayoutInfo(c),u=l.bottom-t,d=Math.min(a.y,u);if(e){const g=Math.min(0,a.x);return new M({x:g,y:d})}const p=l.right-s;return new M({x:Math.min(a.x,p),y:d})},z=({position:{x:n,y:e},pageSizeWidth:t,visibleAreaRectWidth:i})=>{const r=n%i!==0?n-t:n;return new M({x:r,y:e})},Le=({viewportPosition:n,spineLocator:e,spineItemNavigationResolver:t,viewport:i})=>{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 z({position:c,pageSizeWidth:i.pageSize.width,visibleAreaRectWidth:i.absoluteViewport.width})}return new M({x:0,y:0})},Qi=({pageIndex:n,spineItemsManager:e,spineItemId:t,spineLocator:i,spineItemNavigationResolver:s,viewport:r})=>{const a=e.get(t);if(!a){const u=n*r.pageSize.width;return Le({viewportPosition:new M({x:u,y:0}),spineItemNavigationResolver:s,spineLocator:i,viewport:r})}const c=i.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:n,spineItem:a}),l=i.getSpinePositionFromSpineItemPosition({spineItemPosition:c,spineItem:a});return z({position:l,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})},ji=(n,e)=>{if(e&&e instanceof HTMLIFrameElement)return n.startsWith("#")?e.contentDocument?.getElementById(n.replace("#","")):e.contentDocument?.querySelector(n)},eo=({anchor:n,spineItem:e,spine:t})=>{const i=ji(n,e.renderer.getDocumentFrame());return i?t.spineItemLocator.getSpineItemPositionFromNode(i,0,e)?.x??0:0},to=({anchor:n,spineItem:e,spineLocator:t,spine:i})=>{const s=eo({anchor:n,spineItem:e,spine:i});return t.getSpinePositionFromSpineItemPosition({spineItemPosition:new F({x:s,y:0}),spineItem:e})},no=({anchor:n,spineItem:e,spineLocator:t,spine:i,pageSizeWidth:s,visibleAreaRectWidth:r})=>{const a=to({anchor:n,spineItem:e,spineLocator:t,spine:i});return z({position:a,pageSizeWidth:s,visibleAreaRectWidth:r})},io=({spine:n,spineItemsManager:e,spineLocator:t,url:i,context:s,pageSizeWidth:r,visibleAreaRectWidth:a})=>{try{const c=i instanceof URL?i:new URL(i),l=`${c.origin}${c.pathname}`,u=s.manifest?.spineItems.find(d=>d.href===l);if(u){const d=e.get(u.id);if(d){const p=no({anchor:c.hash,spineItem:d,spine:n,spineLocator:t,pageSizeWidth:r,visibleAreaRectWidth:a});return{position:z({position:p,pageSizeWidth:r,visibleAreaRectWidth:a}),spineItemId:u.id}}}return}catch(c){console.error(c);return}},oo=({spineItem:n,spineItemPosition:e,spineLocator:t,spineItemLocator:i,viewport:s})=>{const r=i.getSpineItemClosestPositionFromUnsafePosition(e,n),a=t.getSpinePositionFromSpineItemPosition({spineItemPosition:r,spineItem:n});return z({position:a,pageSizeWidth:s.pageSize.width,visibleAreaRectWidth:s.absoluteViewport.width})},so="spineNavigator",ro=({context:n,spineItemsManager:e,locator:t,settings:i,spine:s,viewport:r})=>{const a=Ki({context:n,settings:i,viewport:r});return{getNavigationForUrl:m=>io({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=>oo({...m,spineItemLocator:t.spineItemLocator,spineLocator:t,viewport:r}),getNavigationForCfi:m=>{const h=e.getSpineItemFromCfi(m),{node:f,offset:y=0}=we({cfi:m,spineItemsManager:e});if(!h){E.warn(so,`unable to detect item id from cfi ${m}`);return}const S=f?a.getNavigationFromNode(h,f,y):new F({x:0,y:0}),w=t.getSpinePositionFromSpineItemPosition({spineItemPosition:S,spineItem:h});return z({position:w,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})},getNavigationForLastPage:m=>{const h=a.getNavigationForLastPage(m),f=t.getSpinePositionFromSpineItemPosition({spineItemPosition:h,spineItem:m});return z({position:f,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})},getNavigationForSpineIndexOrId:m=>{const h=e.get(m);if(h){const f=t.getSpinePositionFromSpineItem(h);return z({position:f,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})}return new M({x:0,y:0})},getNavigationForPosition:m=>Le({viewportPosition:m,spineItemNavigationResolver:a,spineLocator:t,viewport:r}),getMostPredominantNavigationForPosition:m=>{const h=i.values.computedPageTurnDirection,f=.5,y=h==="horizontal"?m.x+r.absoluteViewport.width*f:0,S=h==="horizontal"?0:m.y+r.absoluteViewport.height*f,w=Ct({position:new M({x:y,y:S}),isRTL:n.isRTL(),pageSizeHeight:r.pageSize.height,visibleAreaRectWidth:r.absoluteViewport.width,spineItemsManager:e,spine:s});return Le({spineItemNavigationResolver:a,spineLocator:t,viewportPosition:w,viewport:r})},fromUnboundSpinePosition:m=>Ct({position:m,isRTL:n.isRTL(),pageSizeHeight:r.pageSize.height,visibleAreaRectWidth:r.absoluteViewport.width,spineItemsManager:e,spine:s}),fromOutOfBoundsSpinePosition:m=>Et({position:m,isRTL:n.isRTL(),spineItemsManager:e,spine:s,viewportWidth:r.absoluteViewport.width}),isNavigationGoingForwardFrom:(m,h)=>i.values.computedPageTurnDirection==="vertical"?m.y>h.y:m.x>h.x,arePositionsDifferent:(m,h)=>m.x!==h.x||m.y!==h.y,getAdjustedPositionForSpread:m=>z({position:m,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width}),spineItemNavigator:a}},ao=({spineItemsManager:n,context:e,hookManager:t,spine:i,settings:s,viewport:r})=>{const a=new o.Subject,c=a.asObservable(),l=new Te,u=ro({context:e,settings:s,spineItemsManager:n,locator:i.locator,spine:i,viewport:r}),d=new It(s,t,e,i,r),p=new gt(r,s,t,i,e),g=new $t(s,e,c,d,p,u,i,l.isLocked$),m=o.combineLatest([d.isNavigating$,p.isNavigating$,l.isLocked$,g.locker.isLocked$]).pipe(I.map(y=>y.some(S=>S)?"busy":"free"),I.distinctUntilChanged(),I.shareReplay(1));return{destroy:()=>{d.destroy(),g.destroy()},getNavigation:()=>g.navigation,internalNavigator:g,scrollNavigationController:p,controlledNavigationController:d,locker:l,navigationState$:m,navigate:y=>{a.next(y)},lock(){return l.lock()},navigationResolver:u,navigation$:g.navigation$}};class Rt 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 At extends R{constructor(e,t,i,s,r){super(),this.context=e,this.pagination=t,this.spineItemsManager=i,this.spine=s,this.spineItemLocator=r;const a=o.merge(this.context.bridgeEvent.navigation$,s.layout$).pipe(o.switchMap(()=>{const l=({spineItem:u,position:d})=>this.spine.locator.getVisiblePagesFromViewportPosition({spineItem:u,position:d,threshold:{type:"percentage",value:.5}});return this.context.bridgeEvent.navigationUnlocked$.pipe(o.take(1),o.withLatestFrom(this.context.bridgeEvent.navigation$),o.tap(([,u])=>{const{position:d}=u,p=this.pagination.value,{beginIndex:g,endIndex:m}=this.spine.locator.getVisibleSpineItemsFromPosition({position:d,threshold:{type:"percentage",value:.5}})??{},h=this.spineItemsManager.get(g),f=this.spineItemsManager.get(m);if(!h||!f)return;const y=p.beginCfi,S=p.endCfi,{beginPageIndex:w=0}=l({spineItem:h,position:d})??{},{endPageIndex:v=0}=l({spineItem:f,position:d})??{},T=y===void 0||se(y)||p.beginSpineItemIndex!==g,P=p.endSpineItemIndex!==m||S===void 0||se(S),L=T?H(h.item):y,A=P?H(f.item):S,D=h.numberOfPages,_=f.numberOfPages;this.pagination.update({beginCfi:L,beginNumberOfPagesInSpineItem:D,beginPageIndexInSpineItem:w,beginSpineItemIndex:g,endCfi:A,endNumberOfPagesInSpineItem:_,endPageIndexInSpineItem:v,endSpineItemIndex:m,navigationId:u.id})}))})),c=a.pipe(X(this.context.bridgeEvent.viewportFree$),o.tap(()=>{const{beginSpineItemIndex:l,endSpineItemIndex:u,beginPageIndexInSpineItem:d,endPageIndexInSpineItem:p}=this.pagination.value;if(d===void 0||p===void 0||l===void 0||u===void 0)return;const g=this.spineItemsManager.get(l),m=this.spineItemsManager.get(u);g===void 0||m===void 0||this.pagination.update({beginCfi:oe({pageIndex:d,spineItem:g,spine:this.spine}),endCfi:oe({pageIndex:p,spineItem:m,spine:this.spine})})}));o.merge(a,c).pipe(o.takeUntil(this.destroy$)).subscribe()}}const co=({manifest:n,spreadMode:e})=>n?.renditionFlow==="scrolled-continuous"?!1:e;class Dt extends R{constructor(e){super();const t={...this.getDefaultSettings(),...e};this.inputSettings=t,this.outputSettingsUpdateSubject=new o.Subject,this._settings$=this.outputSettingsUpdateSubject.asObservable().pipe(o.shareReplay(1)),this._settings$.subscribe()}_prepareUpdate(e){const t=$.shallowMergeIfDefined(this.inputSettings,e),i=this.getOutputSettings(t),s=!$.isShallowEqual(this.outputSettings,i);return{hasChanged:s,state:i,commit:()=>(this.inputSettings=t,this.outputSettings=i,s&&this.outputSettingsUpdateSubject.next(i),i)}}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(he(e),o.distinctUntilChanged($.isShallowEqual))}destroy(){super.destroy(),this.outputSettingsUpdateSubject.complete()}}class lo extends Dt{constructor(e,t){super(e),this.context=t,t.watch(["manifest","hasVerticalWriting"]).pipe(o.tap(()=>this.update(this.values)),o.takeUntil(this.destroy$)).subscribe()}getComputedSettings(e){const t=this.context.manifest,i=this.context.value.hasVerticalWriting??!1,s={computedPageTurnDirection:e.pageTurnDirection,computedPageTurnAnimation:e.pageTurnAnimation,computedPageTurnMode:e.pageTurnMode,computedPageTurnAnimationDuration:0,computedSpreadMode:co({spreadMode:e.spreadMode,manifest:t})};return t?.renditionFlow==="scrolled-continuous"&&(s.computedPageTurnMode="scrollable"),s.computedPageTurnMode==="scrollable"&&(s.computedPageTurnDirection="vertical"),i&&s.computedPageTurnAnimation==="slide"&&(E.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 uo extends Y{onUnload(){return o.EMPTY}onCreateDocument(){return o.of(document.createElement("div"))}onLoadDocument(){return o.EMPTY}onLayout(){return o.of(void 0)}onRenderHeadless(){return o.EMPTY}getDocumentFrame(){}}class po extends R{constructor(e,t,i,s,r,a,c){super(),this.item=e,this.containerElement=t,this.context=i,this.hookManager=s,this.renderer=r,this.settings=a,this.viewport=c,this.layoutTriggerSubject=new o.Subject,this.lastLayout=null,this.applyDimsAfterLayout=({blankPagePosition:l,minimumWidth:u})=>d=>d.pipe(o.map(p=>{const g=$.isShallowEqual(this.lastLayout?.pageSize,this.viewport.pageSize)?this.lastLayout:void 0,{width:m,height:h}=g??{},{width:f=m,height:y=h}=p??{},{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=We(this.layout$.pipe(o.first()));return this.layoutTriggerSubject.next(l),u()},this.adjustPositionOfElement=({right:l,left:u,top:d})=>{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"),d!==void 0?this.containerElement.style.top=`${d}px`:this.containerElement.style.removeProperty("top")},this.layoutProcess$=this.layoutTriggerSubject.pipe(o.switchMap(l=>{const{blankPagePosition:u,minimumWidth:d,spreadPosition:p}=l;this.hookManager.execute("item.onBeforeLayout",void 0,{blankPagePosition:u,item:this.item,minimumWidth:d});const g=this.renderer.layout({blankPagePosition:u,minPageSpread:d/this.viewport.pageSize.width,minimumWidth:d,spreadPosition:p});return o.merge(o.of({type:"start"}),g.pipe(this.applyDimsAfterLayout(l),o.map(m=>({type:"end",data:m}))))}),o.share()),this.layout$=this.layoutProcess$.pipe(o.filter(l=>l.type==="end"),o.map(l=>l.data),o.share())}validateDimension(e,t,i){if(e<=0)return i;const s=Math.max(e,i),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,i=e.height?parseFloat(e.height):0;return{width:t,height:i}}}class Ee extends N{constructor(e,t,i,s,r,a,c){super({isLoaded:!1,isReady:!1,iDirty:!1,isError:!1,error:void 0}),this.item=e,this.parentElement=t,this.context=i,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=go(t,e,r),t.appendChild(this.containerElement);const l=this.settings.values.getRenderer?.(e);this.resourcesHandler=new j(e,this.settings);const u={context:i,settings:s,hookManager:r,item:e,containerElement:this.containerElement,resourcesHandler:this.resourcesHandler,viewport:this.viewport};this.renderer=l?l(u):new uo(u),this.layout=new po(e,this.containerElement,i,r,this.renderer,this.settings,this.viewport);const d=this.renderer.state$.pipe(I.tap(({state:g,error:m})=>{this.mergeCompare({isLoaded:g==="loaded",isError:g==="error",error:g==="error"?m:void 0})})),p=this.layout.layout$.pipe(I.tap(()=>{this.mergeCompare({iDirty:!1,isReady:this.renderer.state$.value.state==="loaded"})}));this.needsLayout$=o.merge(this.unloaded$,this.loaded$),o.merge(d,p,this.layout.layout$).pipe(I.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(I.distinctUntilChanged(),I.filter(({state:e})=>e!=="idle"),I.switchMap(()=>this.renderer.state$.pipe(I.filter(({state:e})=>e==="idle"),I.first())))}get renditionLayout(){return this.renderer.renditionLayout}get numberOfPages(){return Mt({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 go=(n,e,t)=>{const i=n.ownerDocument.createElement("div");return i.classList.add("spineItem"),i.classList.add(`spineItem-${e.renditionLayout??"reflowable"}`),i.style.cssText=`
|
|
217
|
+
`,p.className=`${C}-controlled-navigator`,p.innerHTML="",p.appendChild(d),this.viewport.value.element.appendChild(p),this.element$.next(p)})),c=e.watch(["computedPageTurnDirection","computedPageTurnMode","numberOfAdjacentSpineItemToPreLoad"]),l=o.combineLatest([c,this.element$]).pipe(o.tap(([,d])=>{e.values.computedPageTurnMode==="scrollable"?d.style.display="contents":d.style.display="block"}));this.layout$=l.pipe(o.tap(()=>{bt.info("layout",e.values)}),o.share());const u=this.navigateSubject.pipe(o.tap(d=>{bt.info("Navigation requested",d)}));this.isNavigating$=u.pipe(o.map(({animation:d,position:p})=>({type:"manualAdjust",shouldAnimate:!(!d||d==="turn"&&e.values.computedPageTurnAnimation==="none"),animation:d,position:p})),o.switchMap(d=>{const p=this.element$.getValue();return p.style.setProperty("transition","none"),p.style.setProperty("opacity","1"),o.merge(o.of(!0),o.of(null).pipe(o.mergeMap(()=>{if(d?.type!=="manualAdjust")return o.of(!1);const g=d.animation==="snap"?e.values.snapAnimationDuration:e.values.computedPageTurnAnimationDuration,m=d.animation==="snap"?"slide":e.values.computedPageTurnAnimation;return o.of(d).pipe(d.shouldAnimate?o.delay(1,o.animationFrameScheduler):o.identity,o.tap(h=>{const f=this.element$.getValue();h.shouldAnimate?m==="fade"?(f.style.setProperty("transition",`opacity ${g/2}ms`),f.style.setProperty("opacity","0")):(d.animation==="snap"||m==="slide")&&(f.style.setProperty("transition",`transform ${g}ms`),f.style.setProperty("opacity","1")):(f.style.setProperty("transition","none"),f.style.setProperty("opacity","1"))}),o.tap(h=>{m!=="fade"&&this.setViewportPosition(h.position)}),d.shouldAnimate?o.delay(g/2,o.animationFrameScheduler):o.identity,o.tap(h=>{const f=this.element$.getValue();m==="fade"&&(this.setViewportPosition(h.position),f.style.setProperty("opacity","1"))}),d.shouldAnimate?o.delay(g/2,o.animationFrameScheduler):o.identity,o.tap(h=>{m==="fade"&&this.setViewportPosition(h.position)}))}),o.map(()=>!1)))}),o.startWith(!1),o.shareReplay(1)),o.merge(a,this.isNavigating$,this.layout$).pipe(o.takeUntil(this.destroy$)).subscribe()}setViewportPosition(e){const t=this.element$.getValue(),i=Oi(e);t.style.transform=`translate(${i.x}px, ${i.y}px)`,this.hookManager.execute("onViewportOffsetAdjust",void 0,{})}navigate(e){this.navigateSubject.next(e)}get viewportPosition(){const e=this.element$.getValue(),t=window.getComputedStyle(e),i=t.transform||t.webkitTransform;if(!i||i==="none")return new M({x:0,y:0});const r=new DOMMatrix(i);return Vi(r)}}const Ui=()=>n=>n.pipe(o.map(({navigation:e,pagination:t,...i})=>({navigation:{...e,paginationBeginCfi:t.beginCfi},...i}))),ki=(n,e,t)=>n.bridgeEvent.pagination$.pipe(o.withLatestFrom(e),o.filter(([i,r])=>i.navigationId===r.id),o.switchMap(([i,r])=>(t.spineItemsManager.get(r.spineItem)?.isReady$.pipe(o.first())??o.of(!1)).pipe(o.filter(a=>a),o.map(()=>({pagination:i,navigation:r})))),Ui(),o.distinctUntilChanged((i,r)=>i.navigation.paginationBeginCfi===r.navigation.paginationBeginCfi),o.map(({navigation:i})=>({...i,meta:{triggeredBy:"pagination"}}))),zi=({navigationResolver:n})=>e=>e.pipe(o.map(([t,i])=>{const r={type:"api",meta:{triggeredBy:"user"},id:Symbol(),animation:"turn",...t,position:t.position?n.fromOutOfBoundsSpinePosition(t.position):void 0};return{previousNavigation:i,navigation:r}})),Wi=({navigationResolver:n})=>e=>e.pipe(o.map(t=>{if(t.navigation.cfi){const i=n.getNavigationForCfi(t.navigation.cfi);if(i)return{...t,navigation:{...t.navigation,position:i}}}return t})),_i=({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",Hi=({context:n,settings:e})=>t=>t.pipe(o.map(({navigation:i,previousNavigation:r})=>{const s=_i({navigation:i,previousNavigation:r,settings:e}),a={...i,directionFromLastNavigation:s};return{previousNavigation:r,navigation:a,direction:s}})),Bi=({spineItemsManager:n,navigationResolver:e,settings:t})=>i=>i.pipe(o.map(({navigation:r,...s})=>{const a=n.get(r.spineItem);if(r.position)return t.values.computedPageTurnMode==="scrollable"?{navigation:{...r,position:r.position},...s}:{navigation:{...r,position:e.fromUnboundSpinePosition(r.position)},...s};if(!a)return{navigation:{...r,position:s.previousNavigation.position},...s};const c=e.getNavigationForSpineIndexOrId(a),l=t.values.computedPageTurnMode==="scrollable"?new U({x:c.x+s.previousNavigation.position.x,y:c.y}):e.fromUnboundSpinePosition(c);return{navigation:{...r,position:l},...s}})),wt=({settings:n,spineItemsManager:e,navigationResolver:t,spineLocator:i})=>r=>{const s=a=>{const{position:c,spineItem:l,cfi:u,directionFromLastNavigation:d}=a,{navigationSnapThreshold:p,computedPageTurnMode:g}=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&&g==="controlled"){const{beginIndex:m,endIndex:h}=i.getVisibleSpineItemsFromPosition({position:c,threshold:p,restrictToScreen:!1})??{},f=(d==="forward"||d==="anchor"?h:m)??m,y=e.get(f);if(!y)return;const{endPageIndex:S,beginPageIndex:w}=i.getVisiblePagesFromViewportPosition({position:c,spineItem:y,threshold:p,restrictToScreen:!1})??{},v=(d==="forward"||d==="anchor"?S:w)??0,T=t.getNavigationForSpineItemPage({pageIndex:v,spineItemId:y}),P=i.getVisibleSpineItemsFromPosition({position:T,threshold:p,restrictToScreen:!1}),F=d==="forward"||d==="anchor"?P?.beginIndex:P?.endIndex;return e.get(F)}return c&&g==="scrollable"?i.getSpineItemFromPosition(c):e.get(0)};return r.pipe(o.map(({navigation:a,...c})=>{const l=s(a);return{navigation:{...a,spineItem:e.getSpineItemIndex(l)},...c}}))},vt=({spine:n})=>e=>e.pipe(o.switchMap(({navigation:t,...i})=>{const r=n.getSpineItemSpineLayoutInfo(t.spineItem),s=n.spineItemsManager.get(t.spineItem);return(s?.isReady$??o.of(!1)).pipe(o.first(),o.map(a=>({navigation:{...t,spineItemHeight:r?.height,spineItemWidth:r?.width,spineItemLeft:r.left,spineItemTop:r.top,spineItemIsUsingVerticalWriting:s?.isUsingVerticalWriting(),spineItemIsReady:a},...i})))})),$e=({settings:n,spineItemsManager:e,spineLocator:t,navigationResolver:i})=>r=>{const s=a=>{const{navigationSnapThreshold:c,computedPageTurnMode:l}=n.values,u=e.get(a.spineItem);if(!(!u||!a.position)){if(l==="controlled"){const{endPageIndex:d,beginPageIndex:p}=t.getVisiblePagesFromViewportPosition({position:a.position,spineItem:u,threshold:c,restrictToScreen:!1})??{},g=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?d:p)??0,m=i.getNavigationForSpineItemPage({pageIndex:g,spineItemId:u}),h=t.getVisiblePagesFromViewportPosition({position:m,spineItem:u,threshold:{type:"percentage",value:0},restrictToScreen:!0}),f=(a.directionFromLastNavigation==="forward"||a.directionFromLastNavigation==="anchor"?h?.beginPageIndex:h?.endPageIndex)??0;return t.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:f,spineItem:u})}return t.getSpineItemPositionFromSpinePosition(a.position,u)}};return r.pipe(o.map(({navigation:a,...c})=>({navigation:{...a,positionInSpineItem:s(a)},...c})))},xi=({navigationResolver:n})=>e=>e.pipe(o.map(t=>{if(t.navigation.url){const i=n.getNavigationForUrl(t.navigation.url);if(i)return{...t,navigation:{...t.navigation,position:i.position,spineItem:i.spineItemId}}}return t}));class Te{constructor(){this.isLockedSubject=new o.BehaviorSubject(0),this.isLocked$=this.isLockedSubject.pipe(o.map(e=>!!e),o.distinctUntilChanged())}lock(){let e=!1;return this.isLockedSubject.next(this.isLockedSubject.getValue()+1),()=>{e||(e=!0,this.isLockedSubject.next(this.isLockedSubject.getValue()-1))}}}const Yi=({spineLocator:n,navigation:e,navigationResolver:t,spineItemsManager:i,spine:r})=>{const s=i.get(e.spineItem);return s?s.isReady$.pipe(o.first(),o.map(a=>{const c=r.getSpineItemSpineLayoutInfo(s),l=n.isPositionWithinSpineItem(e.position,s),u=c.width-(e.spineItemWidth??0),d=c.height-(e.spineItemHeight??0),p=u!==0||d!==0;if(e.url!==void 0&&(u||d||a&&!e.spineItemIsReady)){const m=t.getNavigationForUrl(e.url);if(m)return m.position}const g=e.cfi??e.paginationBeginCfi;if(g!==void 0&&!se(g)&&(u||d||a&&!e.spineItemIsReady)){const m=t.getNavigationForCfi(g);if(m)return m}if(l&&p&&e.directionFromLastNavigation==="backward"){const m=new L({x:(e.positionInSpineItem?.x??0)+u,y:(e.positionInSpineItem?.y??0)+d});return t.getNavigationFromSpineItemPosition({spineItem:s,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:s})}return l?t.getNavigationForPosition(e.position):t.getNavigationForSpineIndexOrId(s)})):o.of(new M({x:0,y:0}))},qi=({navigation:n,spineLocator:e,spineItemsManager:t,settings:i,navigationResolver:r,spine:s})=>{const{spineItem:a}=n,c=t.get(a);if(!c)return new M({x:0,y:0});const{height:l,top:u}=s.getSpineItemSpineLayoutInfo(c),d=e.isPositionWithinSpineItem(n.position,c),p=n.positionInSpineItem??new L({y:0,x:0});if(i.values.computedPageTurnDirection==="vertical"){if(u===n.spineItemTop&&l===n.spineItemHeight&&d)return n.position;if(u===n.spineItemTop&&l===n.spineItemHeight&&!d)return r.getNavigationForSpineIndexOrId(c);if(u!==n.spineItemTop){const g=e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(n.positionInSpineItem??new L({x:0,y:0}),c);return e.getSpinePositionFromSpineItemPosition({spineItemPosition:g,spineItem:c})}if(u===n.spineItemTop&&l!==n.spineItemHeight){const g=(n.spineItemHeight??p.y)-p.y,m=new L({y:n.directionFromLastNavigation==="backward"?l-g:p.y,x:n.position.x});if(d){const h=e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(m,c);return e.getSpinePositionFromSpineItemPosition({spineItemPosition:h,spineItem:c})}if(!d){if(!(n.position.y<u)){const f=new L({y:l-g,x:n.position.x});return e.getSpinePositionFromSpineItemPosition({spineItemPosition:e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(f,c),spineItem:c})}return r.getNavigationForSpineIndexOrId(c)}}}return n.position},Xi=({navigation:n,spineItemsManager:e,settings:t,spineLocator:i,navigationResolver:r,spine:s})=>t.values.computedPageTurnMode==="scrollable"?o.of(qi({navigation:n,spineLocator:i,navigationResolver:r,settings:t,spineItemsManager:e,spine:s})):Yi({navigation:n,spineLocator:i,navigationResolver:r,spineItemsManager:e,spine:s}),Pt=({settings:n,navigationResolver:e,context:t,spine:i})=>r=>r.pipe(o.switchMap(s=>Xi({spineLocator:i.locator,navigation:s.navigation,navigationResolver:e,settings:n,spineItemsManager:i.spineItemsManager,spineItemLocator:i.locator.spineItemLocator,spine:i}).pipe(o.map(a=>({...s,navigation:{...s.navigation,position:a}}))))),Gi=E.namespace("navigation/InternalNavigator");class $t extends R{constructor(e,t,i,r,s,a,c,l){super(),this.settings=e,this.context=t,this.userNavigation$=i,this.controlledNavigationController=r,this.scrollNavigationController=s,this.navigationResolver=a,this.spine=c,this.isRestorationLocked$=l,this.navigationSubject=new o.BehaviorSubject({animation:!1,position:new M({x:0,y:0}),meta:{triggeredBy:"user"},spineItemIsReady:!1,type:"api",id:Symbol()}),this.navigated$=this.navigationSubject.pipe(o.skip(1)),this.navigation$=this.navigationSubject.pipe(o.map(({position:S,id:w})=>({position:S,id:w})),o.distinctUntilChanged(({position:S,...w},{position:v,...T})=>$.isShallowEqual(w,T)&&$.isShallowEqual(S,v)),o.shareReplay(1)),this.locker=new Te;const u=i.pipe(o.withLatestFrom(this.navigationSubject),zi({navigationResolver:a}),xi({navigationResolver:a}),Wi({navigationResolver:a}),Hi({context:t,settings:e}),wt({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),$e({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),vt({spine:c})).pipe(Bi({navigationResolver:a,spineItemsManager:c.spineItemsManager,settings:e}),o.withLatestFrom(l),o.switchMap(([S,w])=>{const v=S.navigation.cfi||S.navigation.url||e.values.computedPageTurnMode==="scrollable"||w;return o.of(S).pipe(v?o.identity:Pt({navigationResolver:a,settings:e,spine:c,context:t}))}),$e({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:e,navigationResolver:a}),o.map(S=>S.navigation),o.share()),d=u.pipe(o.withLatestFrom(l),o.filter(([,S])=>S),o.switchMap(([S])=>{const w=this.locker.lock();return l.pipe(o.filter(v=>!v),o.first(),o.map(()=>({...S,animation:"snap"})),o.finalize(()=>{w()}),o.takeUntil(u))}),o.share()),p=o.merge(r.layout$,c.layout$).pipe(o.switchMap(()=>o.of(null).pipe(o.switchMap(()=>l.pipe(o.filter(S=>!S),o.first())),o.map(()=>({...this.navigationSubject.getValue(),animation:!1})),o.takeUntil(o.merge(d,u))))),g=o.merge(p,d).pipe(o.map(S=>({navigation:S})),Pt({navigationResolver:a,settings:e,context:t,spine:c}),o.map(S=>{const w={...S.navigation,meta:{triggeredBy:"restoration"}};return{...S,navigation:w}}),wt({navigationResolver:a,settings:e,spineItemsManager:c.spineItemsManager,spineLocator:c.locator}),vt({spine:c}),$e({spineItemsManager:c.spineItemsManager,spineLocator:c.locator,settings:e,navigationResolver:a}),o.map(({navigation:S})=>S),o.share()),m=ki(t,this.navigationSubject,c),h=o.merge(g,u,m),f=S=>S.pipe(o.tap(([w,v])=>{Gi.info(`navigation updated from ${w.meta.triggeredBy} of type ${w.type}`,{previousNavigation:v,currentNavigation:w}),this.navigationSubject.next(w)})),y=S=>S.pipe(o.tap(([w,v])=>{const T=w.type==="scroll",P=w.meta.triggeredBy==="pagination",F=w.meta.triggeredBy==="restoration",A=$.isShallowEqual(v.position,w.position);if(T&&!F||P||A)return;const D={position:w.position,animation:w.animation};e.values.computedPageTurnMode==="scrollable"?this.scrollNavigationController.navigate(D):this.controlledNavigationController.navigate({...D,position:M.from(D.position)})}));h.pipe(o.withLatestFrom(this.navigationSubject),y,f,o.takeUntil(this.destroy$)).subscribe()}get navigation(){return this.navigationSubject.getValue()}}const le=(n,e,t)=>{const i=t-n,r=t*(e*n)/(t||1);return Math.max(0,Math.min(i,r))},Me=(n,e)=>(e||0)===0||(n||0)===0?1:Math.floor(Math.max(1,n/e)),Fe=(n,e,t)=>{const i=Me(t,e),r=[...Array(i)].map((s,a)=>a*e);return n>=i*e?r[r.length-1]||0:r.find(s=>n<s+e)||0},Tt=(n,e,t)=>{const i=[...Array(t)].map((r,s)=>s*e);return n<=0||t===0?0:n>=t*e?t-1:i.findIndex(r=>n<r+e)??0},Zi=({itemWidth:n,itemHeight:e,spineItemPosition:t})=>new L({x:Math.min(n,Math.max(0,t.x)),y:Math.min(e,Math.max(0,t.y))}),Mt=({itemHeight:n,itemWidth:e,isUsingVerticalWriting:t,pageWidth:i,pageHeight:r,pageTurnDirection:s,pageTurnMode:a})=>s==="vertical"&&a==="scrollable"?1:t||s==="vertical"?Me(n,r):Me(e,i),Ft=({itemWidth:n,itemHeight:e,position:t,isUsingVerticalWriting:i,pageWidth:r,pageHeight:s,pageTurnDirection:a,pageTurnMode:c,isRTL:l})=>{const d=Zi({spineItemPosition:t,itemHeight:e,itemWidth:n}).x,p=Mt({isUsingVerticalWriting:i,itemHeight:e,itemWidth:n,pageWidth:r,pageHeight:s,pageTurnDirection:a,pageTurnMode:c});if(i)return Tt(t.y,s,p);const g=Tt(d,r,p);return l?p-1-g:g},Ji=({pageIndex:n,itemLayout:e,context:t,isUsingVerticalWriting:i,viewport:r})=>{if(i){const a=le(r.pageSize.height,n,e.height);return new L({x:0,y:a})}const s=le(r.pageSize.width,n,e.width);return t.isRTL()?new L({x:e.width-s-r.pageSize.width,y:0}):new L({x:s,y:0})},Lt=({context:n,settings:e,viewport:t})=>{const i=(c,l,u)=>{let d;c?.nodeName==="img"||c?.textContent===""&&c.nodeType===Node.ELEMENT_NODE?d=c.getBoundingClientRect().x:c&&(d=(c?Xt(c,l):void 0)?.getBoundingClientRect().x||d);const p=u.layoutInfo?.width||0,g=t.pageSize.width;if(d!==void 0){const m=Fe(d,g,p);return new L({x:m,y:0})}};return{getSpineItemPositionFromNode:i,getSpineItemPositionFromPageIndex:({pageIndex:c,spineItem:l})=>Ji({context:n,isUsingVerticalWriting:!!l.isUsingVerticalWriting(),itemLayout:l.layoutInfo,pageIndex:c,viewport:t}),getSpineItemPageIndexFromPosition:c=>Ft({...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 d=i(c,l,u),{height:p,width:g}=u.layoutInfo;return d?Ft({isUsingVerticalWriting:!!u.isUsingVerticalWriting(),position:d,itemHeight:p,itemWidth:g,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:d}=l.layoutInfo;return new L({x:Fe(c.x,t.pageSize.width,u),y:Fe(c.y,t.pageSize.height,d)})},getSpineItemPagePositionFromSpineItemPosition:(c,l,u)=>{const{width:d,height:p}=u.layoutInfo,g=t.pageSize.width,m=t.pageSize.height;if(!!u.isUsingVerticalWriting()){const y=le(m,l,p);return new ie({x:c.x,y:c.y-y})}const f=le(g,l,d);if(n.isRTL()){const y=d-(l+1)*g;return new ie({x:c.x-Math.max(0,y),y:c.y})}return new ie({x:c.x-f,y:c.y})}}},Ki=({context:n,settings:e,viewport:t})=>{const i=Lt({context:n,settings:e,viewport:t});return{getNavigationForLastPage:c=>{const l=c.numberOfPages;return i.getSpineItemPositionFromPageIndex({pageIndex:l-1,spineItem:c})},getNavigationForPosition:(c,l)=>i.getSpineItemClosestPositionFromUnsafePosition(l,c),getNavigationFromNode:(c,l,u)=>i.getSpineItemPositionFromNode(l,u,c)||new L({x:0,y:0})}};function Et({position:n,isRTL:e,spineItemsManager:t,spine:i,viewportWidth:r}){const s=t.get(t.items.length-1),a=i.getSpineItemSpineLayoutInfo(s||0),c=a.bottom-1,l=Math.max(0,n.y),u=Math.min(l,c);if(e){const m=Math.min(r,n.x),h=Math.max(m,a.left);return new M({x:h,y:u})}const d=a.right-1,p=Math.max(0,n.x),g=Math.min(p,d);return new M({x:g,y:u})}const Ct=({position:n,isRTL:e,pageSizeHeight:t,spineItemsManager:i,visibleAreaRectWidth:r,spine:s})=>{const a=Et({position:n,isRTL:e,spineItemsManager:i,spine:s,viewportWidth:r}),c=i.get(i.items.length-1),l=s.getSpineItemSpineLayoutInfo(c),u=l.bottom-t,d=Math.min(a.y,u);if(e){const g=Math.min(0,a.x);return new M({x:g,y:d})}const p=l.right-r;return new M({x:Math.min(a.x,p),y:d})},z=({position:{x:n,y:e},pageSizeWidth:t,visibleAreaRectWidth:i})=>{const s=n%i!==0?n-t:n;return new M({x:s,y:e})},Le=({viewportPosition:n,spineLocator:e,spineItemNavigationResolver:t,viewport:i})=>{const r=e.getSpineItemFromPosition(n);if(r){const s=e.getSpineItemPositionFromSpinePosition(n,r),a=t.getNavigationForPosition(r,s),c=e.getSpinePositionFromSpineItemPosition({spineItemPosition:a,spineItem:r});return z({position:c,pageSizeWidth:i.pageSize.width,visibleAreaRectWidth:i.absoluteViewport.width})}return new M({x:0,y:0})},Qi=({pageIndex:n,spineItemsManager:e,spineItemId:t,spineLocator:i,spineItemNavigationResolver:r,viewport:s})=>{const a=e.get(t);if(!a){const u=n*s.pageSize.width;return Le({viewportPosition:new M({x:u,y:0}),spineItemNavigationResolver:r,spineLocator:i,viewport:s})}const c=i.spineItemLocator.getSpineItemPositionFromPageIndex({pageIndex:n,spineItem:a}),l=i.getSpinePositionFromSpineItemPosition({spineItemPosition:c,spineItem:a});return z({position:l,pageSizeWidth:s.pageSize.width,visibleAreaRectWidth:s.absoluteViewport.width})},ji=(n,e)=>{if(e&&e instanceof HTMLIFrameElement)return n.startsWith("#")?e.contentDocument?.getElementById(n.replace("#","")):e.contentDocument?.querySelector(n)},eo=({anchor:n,spineItem:e,spine:t})=>{const i=ji(n,e.renderer.getDocumentFrame());return i?t.spineItemLocator.getSpineItemPositionFromNode(i,0,e)?.x??0:0},to=({anchor:n,spineItem:e,spineLocator:t,spine:i})=>{const r=eo({anchor:n,spineItem:e,spine:i});return t.getSpinePositionFromSpineItemPosition({spineItemPosition:new L({x:r,y:0}),spineItem:e})},no=({anchor:n,spineItem:e,spineLocator:t,spine:i,pageSizeWidth:r,visibleAreaRectWidth:s})=>{const a=to({anchor:n,spineItem:e,spineLocator:t,spine:i});return z({position:a,pageSizeWidth:r,visibleAreaRectWidth:s})},io=({spine:n,spineItemsManager:e,spineLocator:t,url:i,context:r,pageSizeWidth:s,visibleAreaRectWidth:a})=>{try{const c=i instanceof URL?i:new URL(i),l=`${c.origin}${c.pathname}`,u=r.manifest?.spineItems.find(d=>d.href===l);if(u){const d=e.get(u.id);if(d){const p=no({anchor:c.hash,spineItem:d,spine:n,spineLocator:t,pageSizeWidth:s,visibleAreaRectWidth:a});return{position:z({position:p,pageSizeWidth:s,visibleAreaRectWidth:a}),spineItemId:u.id}}}return}catch(c){console.error(c);return}},oo=({spineItem:n,spineItemPosition:e,spineLocator:t,spineItemLocator:i,viewport:r})=>{const s=i.getSpineItemClosestPositionFromUnsafePosition(e,n),a=t.getSpinePositionFromSpineItemPosition({spineItemPosition:s,spineItem:n});return z({position:a,pageSizeWidth:r.pageSize.width,visibleAreaRectWidth:r.absoluteViewport.width})},ro="spineNavigator",so=({context:n,spineItemsManager:e,locator:t,settings:i,spine:r,viewport:s})=>{const a=Ki({context:n,settings:i,viewport:s});return{getNavigationForUrl:m=>io({context:n,spineItemsManager:e,spineLocator:t,url:m,pageSizeWidth:s.pageSize.width,visibleAreaRectWidth:s.absoluteViewport.width,spine:r}),getNavigationForSpineItemPage:m=>Qi({...m,spineItemsManager:e,spineItemNavigationResolver:a,spineLocator:t,viewport:s}),getNavigationFromSpineItemPosition:m=>oo({...m,spineItemLocator:t.spineItemLocator,spineLocator:t,viewport:s}),getNavigationForCfi:m=>{const h=e.getSpineItemFromCfi(m),{node:f,offset:y=0}=we({cfi:m,spineItemsManager:e});if(!h){E.warn(ro,`unable to detect item id from cfi ${m}`);return}const S=f?a.getNavigationFromNode(h,f,y):new L({x:0,y:0}),w=t.getSpinePositionFromSpineItemPosition({spineItemPosition:S,spineItem:h});return z({position:w,pageSizeWidth:s.pageSize.width,visibleAreaRectWidth:s.absoluteViewport.width})},getNavigationForLastPage:m=>{const h=a.getNavigationForLastPage(m),f=t.getSpinePositionFromSpineItemPosition({spineItemPosition:h,spineItem:m});return z({position:f,pageSizeWidth:s.pageSize.width,visibleAreaRectWidth:s.absoluteViewport.width})},getNavigationForSpineIndexOrId:m=>{const h=e.get(m);if(h){const f=t.getSpinePositionFromSpineItem(h);return z({position:f,pageSizeWidth:s.pageSize.width,visibleAreaRectWidth:s.absoluteViewport.width})}return new M({x:0,y:0})},getNavigationForPosition:m=>Le({viewportPosition:m,spineItemNavigationResolver:a,spineLocator:t,viewport:s}),getMostPredominantNavigationForPosition:m=>{const h=i.values.computedPageTurnDirection,f=.5,y=h==="horizontal"?m.x+s.absoluteViewport.width*f:0,S=h==="horizontal"?0:m.y+s.absoluteViewport.height*f,w=Ct({position:new M({x:y,y:S}),isRTL:n.isRTL(),pageSizeHeight:s.pageSize.height,visibleAreaRectWidth:s.absoluteViewport.width,spineItemsManager:e,spine:r});return Le({spineItemNavigationResolver:a,spineLocator:t,viewportPosition:w,viewport:s})},fromUnboundSpinePosition:m=>Ct({position:m,isRTL:n.isRTL(),pageSizeHeight:s.pageSize.height,visibleAreaRectWidth:s.absoluteViewport.width,spineItemsManager:e,spine:r}),fromOutOfBoundsSpinePosition:m=>Et({position:m,isRTL:n.isRTL(),spineItemsManager:e,spine:r,viewportWidth:s.absoluteViewport.width}),isNavigationGoingForwardFrom:(m,h)=>i.values.computedPageTurnDirection==="vertical"?m.y>h.y:m.x>h.x,arePositionsDifferent:(m,h)=>m.x!==h.x||m.y!==h.y,getAdjustedPositionForSpread:m=>z({position:m,pageSizeWidth:s.pageSize.width,visibleAreaRectWidth:s.absoluteViewport.width}),spineItemNavigator:a}},ao=({spineItemsManager:n,context:e,hookManager:t,spine:i,settings:r,viewport:s})=>{const a=new o.Subject,c=a.asObservable(),l=new Te,u=so({context:e,settings:r,spineItemsManager:n,locator:i.locator,spine:i,viewport:s}),d=new It(r,t,e,i,s),p=new gt(s,r,t,i,e),g=new $t(r,e,c,d,p,u,i,l.isLocked$),m=o.combineLatest([d.isNavigating$,p.isNavigating$,l.isLocked$,g.locker.isLocked$]).pipe(I.map(y=>y.some(S=>S)?"busy":"free"),I.distinctUntilChanged(),I.shareReplay(1));return{destroy:()=>{d.destroy(),g.destroy()},getNavigation:()=>g.navigation,internalNavigator:g,scrollNavigationController:p,controlledNavigationController:d,locker:l,navigationState$:m,navigate:y=>{a.next(y)},lock(){return l.lock()},navigationResolver:u,navigation$:g.navigation$}};class Rt 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 At extends R{constructor(e,t,i,r,s){super(),this.context=e,this.pagination=t,this.spineItemsManager=i,this.spine=r,this.spineItemLocator=s;const a=o.merge(this.context.bridgeEvent.navigation$,r.layout$).pipe(o.switchMap(()=>{const l=({spineItem:u,position:d})=>this.spine.locator.getVisiblePagesFromViewportPosition({spineItem:u,position:d,threshold:{type:"percentage",value:.5}});return this.context.bridgeEvent.navigationUnlocked$.pipe(o.take(1),o.withLatestFrom(this.context.bridgeEvent.navigation$),o.tap(([,u])=>{const{position:d}=u,p=this.pagination.value,{beginIndex:g,endIndex:m}=this.spine.locator.getVisibleSpineItemsFromPosition({position:d,threshold:{type:"percentage",value:.5}})??{},h=this.spineItemsManager.get(g),f=this.spineItemsManager.get(m);if(!h||!f)return;const y=p.beginCfi,S=p.endCfi,{beginPageIndex:w=0}=l({spineItem:h,position:d})??{},{endPageIndex:v=0}=l({spineItem:f,position:d})??{},T=y===void 0||se(y)||p.beginSpineItemIndex!==g,P=p.endSpineItemIndex!==m||S===void 0||se(S),F=T?H(h.item):y,A=P?H(f.item):S,D=h.numberOfPages,_=f.numberOfPages;this.pagination.update({beginCfi:F,beginNumberOfPagesInSpineItem:D,beginPageIndexInSpineItem:w,beginSpineItemIndex:g,endCfi:A,endNumberOfPagesInSpineItem:_,endPageIndexInSpineItem:v,endSpineItemIndex:m,navigationId:u.id})}))})),c=a.pipe(q(this.context.bridgeEvent.viewportFree$),o.tap(()=>{const{beginSpineItemIndex:l,endSpineItemIndex:u,beginPageIndexInSpineItem:d,endPageIndexInSpineItem:p}=this.pagination.value;if(d===void 0||p===void 0||l===void 0||u===void 0)return;const g=this.spineItemsManager.get(l),m=this.spineItemsManager.get(u);g===void 0||m===void 0||this.pagination.update({beginCfi:re({pageIndex:d,spineItem:g,spine:this.spine}),endCfi:re({pageIndex:p,spineItem:m,spine:this.spine})})}));o.merge(a,c).pipe(o.takeUntil(this.destroy$)).subscribe()}}const co=({manifest:n,spreadMode:e})=>n?.renditionFlow==="scrolled-continuous"?!1:e;class Dt extends R{constructor(e){super();const t={...this.getDefaultSettings(),...e};this.inputSettings=t,this.outputSettingsUpdateSubject=new o.Subject,this._settings$=this.outputSettingsUpdateSubject.asObservable().pipe(o.shareReplay(1)),this._settings$.subscribe()}_prepareUpdate(e){const t=$.shallowMergeIfDefined(this.inputSettings,e),i=this.getOutputSettings(t),r=!$.isShallowEqual(this.outputSettings,i);return{hasChanged:r,state:i,commit:()=>(this.inputSettings=t,this.outputSettings=i,r&&this.outputSettingsUpdateSubject.next(i),i)}}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(fe(e),o.distinctUntilChanged($.isShallowEqual))}destroy(){super.destroy(),this.outputSettingsUpdateSubject.complete()}}class lo extends Dt{constructor(e,t){super(e),this.context=t,t.watch(["manifest","hasVerticalWriting"]).pipe(o.tap(()=>this.update(this.values)),o.takeUntil(this.destroy$)).subscribe()}getComputedSettings(e){const t=this.context.manifest,i=this.context.value.hasVerticalWriting??!1,r={computedPageTurnDirection:e.pageTurnDirection,computedPageTurnAnimation:e.pageTurnAnimation,computedPageTurnMode:e.pageTurnMode,computedPageTurnAnimationDuration:0,computedSpreadMode:co({spreadMode:e.spreadMode,manifest:t})};return t?.renditionFlow==="scrolled-continuous"&&(r.computedPageTurnMode="scrollable"),r.computedPageTurnMode==="scrollable"&&(r.computedPageTurnDirection="vertical"),i&&r.computedPageTurnAnimation==="slide"&&(E.warn(`pageTurnAnimation ${r.computedPageTurnAnimation} incompatible with current book, switching back to default`),r.computedPageTurnAnimation="none"),r.computedPageTurnMode==="scrollable"?(r.computedPageTurnAnimationDuration=0,r.computedPageTurnAnimation="none"):r.computedPageTurnAnimationDuration=e.pageTurnAnimationDuration!==void 0?e.pageTurnAnimationDuration:300,r}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 uo extends Y{onUnload(){return o.EMPTY}onCreateDocument(){return o.of(document.createElement("div"))}onLoadDocument(){return o.EMPTY}onLayout(){return o.of(void 0)}onRenderHeadless(){return o.EMPTY}getDocumentFrame(){}}class po extends R{constructor(e,t,i,r,s,a,c){super(),this.item=e,this.containerElement=t,this.context=i,this.hookManager=r,this.renderer=s,this.settings=a,this.viewport=c,this.layoutTriggerSubject=new o.Subject,this.lastLayout=null,this.computeLayoutInformation=({isLastItem:u,horizontalOffset:d})=>{let p=this.viewport.value.pageSize.width,g="none";const m=d%this.viewport.absoluteViewport.width===0,h=this.context.manifest,f=ht(h)??!1;if(this.settings.values.computedSpreadMode){!f&&this.renderer.renditionLayout==="reflowable"&&!u&&(p=this.viewport.value.pageSize.width*2),!f&&this.renderer.renditionLayout==="reflowable"&&u&&m&&(p=this.viewport.value.pageSize.width*2);const y=m&&u&&f;this.item.pageSpreadRight&&m&&!this.context.isRTL()?(g="before",p=this.viewport.value.pageSize.width*2):this.item.pageSpreadLeft&&m&&this.context.isRTL()?(g="before",p=this.viewport.value.pageSize.width*2):y&&(this.context.isRTL()?g="before":g="after",p=this.viewport.value.pageSize.width*2)}return{minimumWidth:p,blankPagePosition:g}},this.adjustPositionOfElement=({right:u,left:d,top:p})=>{u!==void 0?this.containerElement.style.right=`${u}px`:this.containerElement.style.removeProperty("right"),d!==void 0?this.containerElement.style.left=`${d}px`:this.containerElement.style.removeProperty("left"),p!==void 0?this.containerElement.style.top=`${p}px`:this.containerElement.style.removeProperty("top")},this.updateContainerLayout=({minimumWidth:u,edgeX:d,edgeY:p})=>g=>g.pipe(o.map(m=>{const h=$.isShallowEqual(this.lastLayout?.pageSize,this.viewport.pageSize)?this.lastLayout:void 0,{width:f,height:y}=h??{},{width:S=f,height:w=y}=m??{},{width:v,height:T}=this.viewport.pageSize,P=this.validateDimension(S??v,v,u),F=this.settings.values.computedPageTurnMode==="scrollable"?w??T:this.validateDimension(w??T,T,T);return this.lastLayout={width:P,height:F,pageSize:this.viewport.pageSize},this.containerElement.style.width=`${P}px`,this.containerElement.style.height=`${F}px`,this.settings.values.computedPageTurnDirection==="vertical"?(this.adjustPositionOfElement({top:p,left:d}),{width:P,height:F}):(this.adjustPositionOfElement(this.context.isRTL()?{right:d,top:0}:{left:d,top:0}),{width:P,height:F})})),this.layout=u=>{const d=We(this.didLayout$.pipe(o.first()));return this.layoutTriggerSubject.next(u),d()};const l=this.layoutTriggerSubject.pipe(o.switchMap(({spreadPosition:u,horizontalOffset:d,isLastItem:p,edgeX:g,edgeY:m})=>{const{blankPagePosition:h,minimumWidth:f}=this.computeLayoutInformation({horizontalOffset:d,isLastItem:p});this.hookManager.execute("item.onBeforeLayout",void 0,{blankPagePosition:h,item:this.item,minimumWidth:f});const y=this.renderer.layout({blankPagePosition:h,minPageSpread:f/this.viewport.pageSize.width,minimumWidth:f,spreadPosition:u});return o.merge(o.of({type:"start"}),y.pipe(this.updateContainerLayout({minimumWidth:f,edgeX:g,edgeY:m}),o.map(S=>(this.hookManager.execute("item.onAfterLayout",void 0,{blankPagePosition:h,item:this.item,minimumWidth:f}),{type:"end",data:S}))))}),o.share());this.didLayout$=l.pipe(o.filter(u=>u.type==="end"),o.map(u=>u.data),o.share())}validateDimension(e,t,i){if(e<=0)return i;const r=Math.max(e,i),a=Math.ceil(r/t)*t;return Math.max(a,t)}get layoutInfo(){const e=this.containerElement.style,t=e.width?parseFloat(e.width):0,i=e.height?parseFloat(e.height):0;return{width:t,height:i}}}class Ee extends N{constructor(e,t,i,r,s,a,c){super({isLoaded:!1,isReady:!1,isDirty:!1,isError:!1,error:void 0}),this.item=e,this.parentElement=t,this.context=i,this.settings=r,this.hookManager=s,this.index=a,this.viewport=c,this.load=()=>{this.renderer.load()},this.unload=()=>{this.renderer.unload()},this.markDirty=()=>{this.mergeCompare({isDirty:!0})},this.destroy=()=>{super.destroy(),this.containerElement.remove(),this.renderer.destroy()},this.isUsingVerticalWriting=()=>!!this.renderer.writingMode?.startsWith("vertical"),this.layout=p=>this._layout.layout(p),this.containerElement=go(t,e,s),t.appendChild(this.containerElement);const l=this.settings.values.getRenderer?.(e);this.resourcesHandler=new ee(e,this.settings);const u={context:i,settings:r,hookManager:s,item:e,containerElement:this.containerElement,resourcesHandler:this.resourcesHandler,viewport:this.viewport};this.renderer=l?l(u):new uo(u),this._layout=new po(e,this.containerElement,i,s,this.renderer,this.settings,this.viewport);const d=this.renderer.state$.pipe(I.tap(({state:p,error:g})=>{this.mergeCompare({isLoaded:p==="loaded",isError:p==="error",error:p==="error"?g:void 0})}));this.didLayout$=this._layout.didLayout$.pipe(I.tap(()=>{this.mergeCompare({isDirty:!1,isReady:this.renderer.state$.value.state==="loaded"})}),I.share()),o.merge(d,this.didLayout$).pipe(I.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.unloaded$}get renditionLayout(){return this.renderer.renditionLayout}get layoutInfo(){return this._layout.layoutInfo}get numberOfPages(){return Mt({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 go=(n,e,t)=>{const i=n.ownerDocument.createElement("div");return i.classList.add("spineItem"),i.classList.add(`spineItem-${e.renditionLayout??"reflowable"}`),i.style.cssText=`
|
|
218
218
|
position: absolute;
|
|
219
219
|
overflow: hidden;
|
|
220
|
-
`,i.dataset.isReady="false",t.execute("item.onBeforeContainerCreated",void 0,{element:i}),i};class mo extends R{constructor(e,t,i,s,r){super(),this.context=e,this.spineItemsManager=t,this.spineLocator=i,this.settings=s,this.spineLayout=r,this.forcedOpenSubject=new o.BehaviorSubject(new Map);const a=this.forcedOpenSubject.pipe(o.map(u=>Array.from(u.keys()).sort((d,p)=>d-p)),o.distinctUntilChanged($.arrayEqual),o.shareReplay({bufferSize:1,refCount:!0}));o.merge(this.context.bridgeEvent.navigation$,this.spineLayout.layout$,a,s.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(o.debounceTime(100,o.animationFrameScheduler),X(this.context.bridgeEvent.viewportFree$),o.withLatestFrom(this.context.bridgeEvent.navigation$,a),o.map(([,u,d])=>{const{numberOfAdjacentSpineItemToPreLoad:p}=s.values,{beginIndex:g=0,endIndex:m=0}=i.getVisibleSpineItemsFromPosition({position:u.position,threshold:{type:"percentage",value:0},useAbsoluteViewport:!1})||{},h=p===1/0?0:g-p,f=p===1/0?t.items.length-1:m+p,y=Array.from({length:f-h+1},(w,v)=>h+v),S=[...d,...y];t.items.forEach((w,v)=>{S.includes(v)?w.load():w.unload()})})).pipe(o.takeUntil(this.destroy$)).subscribe()}forceOpen(e){const t=e.map(s=>typeof s=="number"?s:s.index),i=s=>{const r=this.forcedOpenSubject.value;t.forEach(a=>{const c=r.get(a)||0,l=s?c+1:c-1;l<=0?r.delete(a):r.set(a,l)}),this.forcedOpenSubject.next(r)};return i(!0),()=>{this.isDestroyed||i(!1)}}destroy(){super.destroy(),this.forcedOpenSubject.complete()}}const Nt=(n,e,t)=>{const i=(t.width-e.width)/2,s=(t.height-e.height)/2;return new U({x:n.x-i,y:n.y-s})};class q extends DOMRect{constructor(){super(...arguments),this.__symbol=Symbol("ViewportPosition")}static from(e,t){if(t){const s=e;return new q(s.x,s.y,t.width,t.height)}const i=e;return new q(i.x,i.y,i.width,i.height)}}class ho{constructor({width:e,height:t}){this.__symbol=Symbol("AbsoluteViewport"),this.width=e,this.height=t}}class fo{constructor({width:e,height:t}){this.__symbol=Symbol("RelativeViewport"),this.width=e,this.height=t}}const So=({pageIndex:n,spineItemOrId:e,spineItemsManager:t})=>{const i=t.items,s=t.get(e);if(!s)return;const{currentAbsolutePage:r}=i.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},yo=({itemHeight:n,itemWidth:e,visibleWidthOfItem:t,visibleHeightOfItem:i,threshold:s})=>{const r=t/e,a=i/n;return s.type==="percentage"?r>=s.value&&a>=s.value:t>=s.value&&i>=s.value},bo=({visibleWidthOfItem:n,visibleHeightOfItem:e,threshold:t,viewportPosition:i})=>{const s=n/i.width,r=e/i.height;return t.type==="percentage"?r>=t.value&&s>=t.value:e>=t.value&&n>=t.value},Ot=({itemPosition:{bottom:n,left:e,right:t,top:i,width:s,height:r},threshold:a,viewportPosition:c,restrictToScreen:l})=>{const u=c.x,d=c.x+(c.width-1),p=c.y,g=Math.max(c.y+(c.height-1),0),m=Math.max(0,Math.min(t,d)-Math.max(e,u)),h=Math.max(0,Math.min(n,g)-Math.max(i,p));if(m<=0||h<=0)return{visible:!1};const y=bo({threshold:a,visibleHeightOfItem:h,visibleWidthOfItem:m,viewportPosition:c});return l?{visible:y}:{visible:yo({itemHeight:r,itemWidth:s,threshold:a,visibleHeightOfItem:h,visibleWidthOfItem:m})||y}},Ce=({position:n,spineItemsManager:e,spineLayout:t})=>{const i=e.items.find(s=>{const{left:r,right:a,bottom:c,top:l}=t.getSpineItemSpineLayoutInfo(s),u=n.x>=r&&n.x<a,d=n.y>=l&&n.y<c;return u&&d});return n.x===0&&!i?e.items[0]:i},Re=({spineItemPosition:n,itemLayout:{left:e,top:t}})=>new M({x:e+n.x,y:t+n.y}),Io=({position:n,threshold:e,restrictToScreen:t,spineItemsManager:i,spineLayout:s,useAbsoluteViewport:r=!0,viewport:a})=>{const c=Ce({position:n,spineItemsManager:i,spineLayout:s})||i.get(0),l=i.items.reduce((m,h)=>{const f=s.getSpineItemSpineLayoutInfo(h),y=r?a.absoluteViewport:a.relativeViewport,S=Nt(n,a.absoluteViewport,y),w=q.from(S,y),{visible:v}=Ot({itemPosition:f,threshold:e,viewportPosition:w,restrictToScreen:t});return v?[...m,h]:m},[]),u=l[0]??c,d=l[l.length-1]??u;if(!u||!d)return;const p=i.getSpineItemIndex(u),g=i.getSpineItemIndex(d);return{beginIndex:p??0,endIndex:g??0}},wo=({spineItemsManager:n,context:e,spineItemLocator:t,settings:i,spineLayout:s,viewport:r})=>{const a=(h,f)=>{const{left:y,top:S}=s.getSpineItemSpineLayoutInfo(f);return new F({x:Math.max(h.x-y,0),y:Math.max(h.y-S,0)})},c=h=>Re({spineItemPosition:new F({x:0,y:0}),itemLayout:s.getSpineItemSpineLayoutInfo(h)}),l=h=>n.items.find(f=>f.renderer.getDocumentFrame()===h),u=(h,f,y)=>{if(typeof y=="number"){const S=n.get(y);return S?t.getSpineItemPageIndexFromNode(h,f||0,S):void 0}return t.getSpineItemPageIndexFromNode(h,f||0,y)},d=({position:h,threshold:f,spineItem:y,restrictToScreen:S,useAbsoluteViewport:w=!0,viewport:v})=>{const T=y.numberOfPages,L=Array.from(Array(T)).map((_,B)=>{const Ae=t.getSpineItemPositionFromPageIndex({pageIndex:B,spineItem:y}),x=Re({spineItemPosition:Ae,itemLayout:s.getSpineItemSpineLayoutInfo(y)});return{index:B,absolutePosition:{width:v.pageSize.width,height:v.pageSize.height,left:x.x,top:x.y,bottom:x.y+v.pageSize.height,right:x.x+v.pageSize.width}}}).reduce((_,{absolutePosition:B,index:Ae})=>{const x=w?v.absoluteViewport:v.relativeViewport,Eo=Nt(h,v.absoluteViewport,x),Co=q.from(Eo,x),{visible:Ro}=Ot({viewportPosition:Co,restrictToScreen:S,threshold:f,itemPosition:B});return Ro?[..._,Ae]:_},[]),A=L[0],D=L[L.length-1]??A;if(!(A===void 0||D===void 0))return{beginPageIndex:A,endPageIndex:D}};return{getSpinePositionFromSpineItemPosition:({spineItem:h,spineItemPosition:f})=>{const y=s.getSpineItemSpineLayoutInfo(h);return Re({itemLayout:y,spineItemPosition:f})},_getAbsolutePageIndexFromPageIndex:h=>So({...h,spineItemsManager:n}),getSpineItemPagePositionFromSpinePosition:h=>{const f=Ce({position:h,spineItemsManager:n,spineLayout:s});if(!f)return;const y=a(h,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:h=>Ce({position:h,spineItemsManager:n,spineLayout:s}),getSpineItemFromIframe:l,getSpineItemPageIndexFromNode:u,getVisibleSpineItemsFromPosition:h=>Io({spineItemsManager:n,spineLayout:s,viewport:r,...h}),getVisiblePagesFromViewportPosition:h=>d({...h,viewport:r}),isPositionWithinSpineItem:(h,f)=>{const{bottom:y,left:S,right:w,top:v}=s.getSpineItemSpineLayoutInfo(f);return h.x>=S&&h.x<=w&&h.y<=y&&h.y>=v},spineItemLocator:t,getSafeSpineItemPositionFromUnsafeSpineItemPosition:(h,f)=>{const{height:y,width:S}=s.getSpineItemSpineLayoutInfo(f);return new F({x:Math.min(Math.max(0,h.x),S),y:Math.min(Math.max(0,h.y),y)})}}},vo=E.namespace("spine"),Vt=({position:n,pageSize:e})=>new Ke({...n,left:n.x,top:n.y,width:e.width,height:e.height,bottom:n.y+e.height,right:n.x+e.width});class Ut extends N{constructor(e,t,i,s,r,a){super({pages:[]}),this.spineLayout=e,this.spineItemsManager=t,this.spineItemLocator=i,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(o.map(()=>this.fromAbsolutePageIndex(c))),this.layout$=e.layout$.pipe(o.withLatestFrom(a),o.switchMap(([,{pageSize:c}])=>{const l=t.items.reduce((d,p,g)=>{const h=new Array(p.numberOfPages).fill(void 0).map((f,y)=>{const S=i.getSpineItemPositionFromPageIndex({spineItem:p,pageIndex:y}),w=r.getSpinePositionFromSpineItemPosition({spineItem:p,spineItemPosition:S});return{absoluteLayout:Vt({pageSize:c,position:w}),layout:new Je({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:g,absolutePageIndex:d.length+y,spineItem:p,pageIndex:y}});return[...d,...h]},[]);return o.combineLatest(l.map(d=>{const{spineItem:p,...g}=d;return new o.Observable(m=>{const h=d.spineItem.renderer?.getDocumentFrame();let f;h&&h?.contentWindow?.document&&h.contentWindow.document.body!==null&&(f=Yt(h.contentWindow.document,d.layout)),m.next({...g,firstVisibleNode:f})})}))}),o.map(c=>(vo.info("Pages layout",c),{pages:c})),o.share()),this.layout$.pipe(o.takeUntil(this.destroy$)).subscribe(this.next.bind(this))}}class kt extends R{constructor(e,t){super(),this.spineItemsManager=e,this.spineLocator=t,this.itemIsReady$=this.spineItemsManager.items$.pipe(o.switchMap(i=>{const s=i.map(r=>r.isReady$.pipe(o.map(a=>({item:r,isReady:a}))));return o.merge(...s)}),o.share()),this.itemResize$=this.spineItemsManager.items$.pipe(o.switchMap(i=>{const s=i.map(r=>Q(r.element).pipe(o.map(a=>({entries:a,item:r}))));return o.merge(...s)}),o.share())}}const Po=({horizontalOffset:n,verticalOffset:e,context:t,spineItemsManager:i,isGloballyPrePaginated:s,settings:r,index:a,item:c,viewport:l})=>{let u=l.value.pageSize.width,d="none";const p=n%l.absoluteViewport.width===0,g=a===i.items.length-1;if(r.values.computedSpreadMode){!s&&c.renditionLayout==="reflowable"&&!g&&(u=l.value.pageSize.width*2),!s&&c.renditionLayout==="reflowable"&&g&&p&&(u=l.value.pageSize.width*2);const h=p&&g&&s;c.item.pageSpreadRight&&p&&!t.isRTL()||c.item.pageSpreadLeft&&p&&t.isRTL()?(d="before",u=l.value.pageSize.width*2):h&&(t.isRTL()?d="before":d="after",u=l.value.pageSize.width*2)}return c.layout.layout({minimumWidth:u,blankPagePosition:d,spreadPosition:r.values.computedSpreadMode?p?t.isRTL()?"right":"left":t.isRTL()?"left":"right":"none"}).pipe(o.map(({width:h,height:f})=>{if(r.values.computedPageTurnDirection==="vertical"){const w=p?e:e-l.absoluteViewport.height,v=p?0:n;t.isRTL()?c.layout.adjustPositionOfElement({top:w,left:v}):c.layout.adjustPositionOfElement({top:w,left:v});const T=h+v,P=f+w,L=new ie({left:v,right:T,top:w,bottom:P,height:f,width:h,x:v,y:w});return{horizontalOffset:T,verticalOffset:P,layoutPosition:L}}c.layout.adjustPositionOfElement(t.isRTL()?{right:n,top:0}:{left:n,top:0});const y=t.isRTL()?l.absoluteViewport.width-n-h:n,S=new ie({right:t.isRTL()?l.absoluteViewport.width-n:n+h,left:y,x:y,top:e,bottom:f,height:f,width:h,y:e});return{horizontalOffset:n+h,verticalOffset:0,layoutPosition:S}}))};class $o extends R{constructor(e,t,i,s){super(),this.spineItemsManager=e,this.context=t,this.settings=i,this.viewport=s,this.layoutSubject=new o.Subject,this.spineItemsRelativeLayouts=[],e.items$.pipe(o.tap(()=>{this.spineItemsRelativeLayouts=[]}),o.switchMap(a=>{const c=a.map(u=>u.needsLayout$.pipe(o.tap(()=>{this.layout()}))),l=a.map(u=>u.loaded$.pipe(o.tap(()=>{u.isUsingVerticalWriting()?this.context.update({hasVerticalWriting:!0}):this.context.update({hasVerticalWriting:!1})})));return o.merge(...c,...l)})).pipe(o.takeUntil(this.destroy$)).subscribe();const r=new o.BehaviorSubject(!1);this.layout$=this.layoutSubject.pipe(o.tap(()=>{this.spineItemsManager.items.forEach(a=>{a.markDirty()})}),o.debounceTime(50),o.exhaustMap(()=>r.pipe(o.filter(a=>!a),o.first())),o.exhaustMap(()=>{r.next(!0);const a=this.context.manifest,c=ht(a)??!1;return o.from(this.spineItemsManager.items).pipe(o.reduce((u,d,p)=>u.pipe(o.concatMap(({horizontalOffset:g,verticalOffset:m})=>Po({context:this.context,horizontalOffset:g,index:p,isGloballyPrePaginated:c,item:d,settings:this.settings,spineItemsManager:this.spineItemsManager,verticalOffset:m,viewport:s}).pipe(o.map(({horizontalOffset:h,verticalOffset:f,layoutPosition:y})=>(this.spineItemsRelativeLayouts[p]=y,{horizontalOffset:h,verticalOffset:f}))))),o.of({horizontalOffset:0,verticalOffset:0})),o.concatMap(u=>u),o.finalize(()=>{r.next(!1)}))}),o.share()),o.merge(this.layout$).pipe(o.takeUntil(this.destroy$)).subscribe()}layout(){this.layoutSubject.next(void 0)}getSpineItemSpineLayoutInfo(e){const t=this.spineItemsManager.getSpineItemIndex(e)??0;return this.spineItemsRelativeLayouts[t]||new ie({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 zt extends R{constructor(e,t,i,s,r,a,c){super(),this.context=e,this.pagination=t,this.spineItemsManager=i,this.spineItemLocator=s,this.settings=r,this.hookManager=a,this.viewport=c,this.elementSubject=new o.BehaviorSubject(void 0),this.element$=this.elementSubject.asObservable(),this.spineLayout=new $o(i,e,r,c),this.locator=wo({context:e,spineItemsManager:i,spineItemLocator:s,settings:r,spineLayout:this.spineLayout,viewport:c}),this.spineItemsLoader=new mo(this.context,i,this.locator,r,this.spineLayout),this.spineItemsObserver=new kt(i,this.locator),this.pages=new Ut(this.spineLayout,this.spineItemsManager,this.spineItemLocator,this.context,this.locator,this.viewport);const l=e.watch("rootElement").pipe(I.filter(O),I.tap(d=>{const p=d.ownerDocument.createElement("div");p.style.cssText=`
|
|
220
|
+
`,i.dataset.isReady="false",t.execute("item.onBeforeContainerCreated",void 0,{element:i}),i};class mo extends R{constructor(e,t,i,r,s){super(),this.context=e,this.spineItemsManager=t,this.spineLocator=i,this.settings=r,this.spineLayout=s,this.forcedOpenSubject=new o.BehaviorSubject(new Map);const a=this.forcedOpenSubject.pipe(o.map(u=>Array.from(u.keys()).sort((d,p)=>d-p)),o.distinctUntilChanged($.arrayEqual),o.shareReplay({bufferSize:1,refCount:!0}));o.merge(this.context.bridgeEvent.navigation$,this.spineLayout.layout$,a,r.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(o.debounceTime(100,o.animationFrameScheduler),q(this.context.bridgeEvent.viewportFree$),o.withLatestFrom(this.context.bridgeEvent.navigation$,a),o.map(([,u,d])=>{const{numberOfAdjacentSpineItemToPreLoad:p}=r.values,{beginIndex:g=0,endIndex:m=0}=i.getVisibleSpineItemsFromPosition({position:u.position,threshold:{type:"percentage",value:0},useAbsoluteViewport:!1})||{},h=p===1/0?0:g-p,f=p===1/0?t.items.length-1:m+p,y=Array.from({length:f-h+1},(w,v)=>h+v),S=[...d,...y];t.items.forEach((w,v)=>{S.includes(v)?w.load():w.unload()})})).pipe(o.takeUntil(this.destroy$)).subscribe()}forceOpen(e){const t=e.map(r=>typeof r=="number"?r:r.index),i=r=>{const s=this.forcedOpenSubject.value;t.forEach(a=>{const c=s.get(a)||0,l=r?c+1:c-1;l<=0?s.delete(a):s.set(a,l)}),this.forcedOpenSubject.next(s)};return i(!0),()=>{this.isDestroyed||i(!1)}}destroy(){super.destroy(),this.forcedOpenSubject.complete()}}const Nt=(n,e,t)=>{const i=(t.width-e.width)/2,r=(t.height-e.height)/2;return new U({x:n.x-i,y:n.y-r})};class X extends DOMRect{constructor(){super(...arguments),this.__symbol=Symbol("ViewportPosition")}static from(e,t){if(t){const r=e;return new X(r.x,r.y,t.width,t.height)}const i=e;return new X(i.x,i.y,i.width,i.height)}}class ho{constructor({width:e,height:t}){this.__symbol=Symbol("AbsoluteViewport"),this.width=e,this.height=t}}class fo{constructor({width:e,height:t}){this.__symbol=Symbol("RelativeViewport"),this.width=e,this.height=t}}const So=({pageIndex:n,spineItemOrId:e,spineItemsManager:t})=>{const i=t.items,r=t.get(e);if(!r)return;const{currentAbsolutePage:s}=i.reduce((a,c)=>{if(a.found)return a;const l=c.numberOfPages;return r===c&&n<=l-1?{currentAbsolutePage:a.currentAbsolutePage+n,found:!0}:{...a,currentAbsolutePage:a.currentAbsolutePage+l}},{currentAbsolutePage:0,found:!1});return s},yo=({itemHeight:n,itemWidth:e,visibleWidthOfItem:t,visibleHeightOfItem:i,threshold:r})=>{const s=t/e,a=i/n;return r.type==="percentage"?s>=r.value&&a>=r.value:t>=r.value&&i>=r.value},bo=({visibleWidthOfItem:n,visibleHeightOfItem:e,threshold:t,viewportPosition:i})=>{const r=n/i.width,s=e/i.height;return t.type==="percentage"?s>=t.value&&r>=t.value:e>=t.value&&n>=t.value},Ot=({itemPosition:{bottom:n,left:e,right:t,top:i,width:r,height:s},threshold:a,viewportPosition:c,restrictToScreen:l})=>{const u=c.x,d=c.x+(c.width-1),p=c.y,g=Math.max(c.y+(c.height-1),0),m=Math.max(0,Math.min(t,d)-Math.max(e,u)),h=Math.max(0,Math.min(n,g)-Math.max(i,p));if(m<=0||h<=0)return{visible:!1};const y=bo({threshold:a,visibleHeightOfItem:h,visibleWidthOfItem:m,viewportPosition:c});return l?{visible:y}:{visible:yo({itemHeight:s,itemWidth:r,threshold:a,visibleHeightOfItem:h,visibleWidthOfItem:m})||y}},Ce=({position:n,spineItemsManager:e,spineLayout:t})=>{const i=e.items.find(r=>{const{left:s,right:a,bottom:c,top:l}=t.getSpineItemSpineLayoutInfo(r),u=n.x>=s&&n.x<a,d=n.y>=l&&n.y<c;return u&&d});return n.x===0&&!i?e.items[0]:i},Re=({spineItemPosition:n,itemLayout:{left:e,top:t}})=>new M({x:e+n.x,y:t+n.y}),Io=({position:n,threshold:e,restrictToScreen:t,spineItemsManager:i,spineLayout:r,useAbsoluteViewport:s=!0,viewport:a})=>{const c=Ce({position:n,spineItemsManager:i,spineLayout:r})||i.get(0),l=i.items.reduce((m,h)=>{const f=r.getSpineItemSpineLayoutInfo(h),y=s?a.absoluteViewport:a.relativeViewport,S=Nt(n,a.absoluteViewport,y),w=X.from(S,y),{visible:v}=Ot({itemPosition:f,threshold:e,viewportPosition:w,restrictToScreen:t});return v?[...m,h]:m},[]),u=l[0]??c,d=l[l.length-1]??u;if(!u||!d)return;const p=i.getSpineItemIndex(u),g=i.getSpineItemIndex(d);return{beginIndex:p??0,endIndex:g??0}},wo=({spineItemsManager:n,context:e,spineItemLocator:t,settings:i,spineLayout:r,viewport:s})=>{const a=(h,f)=>{const{left:y,top:S}=r.getSpineItemSpineLayoutInfo(f);return new L({x:Math.max(h.x-y,0),y:Math.max(h.y-S,0)})},c=h=>Re({spineItemPosition:new L({x:0,y:0}),itemLayout:r.getSpineItemSpineLayoutInfo(h)}),l=h=>n.items.find(f=>f.renderer.getDocumentFrame()===h),u=(h,f,y)=>{if(typeof y=="number"){const S=n.get(y);return S?t.getSpineItemPageIndexFromNode(h,f||0,S):void 0}return t.getSpineItemPageIndexFromNode(h,f||0,y)},d=({position:h,threshold:f,spineItem:y,restrictToScreen:S,useAbsoluteViewport:w=!0,viewport:v})=>{const T=y.numberOfPages,F=Array.from(Array(T)).map((_,B)=>{const Ae=t.getSpineItemPositionFromPageIndex({pageIndex:B,spineItem:y}),x=Re({spineItemPosition:Ae,itemLayout:r.getSpineItemSpineLayoutInfo(y)});return{index:B,absolutePosition:{width:v.pageSize.width,height:v.pageSize.height,left:x.x,top:x.y,bottom:x.y+v.pageSize.height,right:x.x+v.pageSize.width}}}).reduce((_,{absolutePosition:B,index:Ae})=>{const x=w?v.absoluteViewport:v.relativeViewport,Lo=Nt(h,v.absoluteViewport,x),Eo=X.from(Lo,x),{visible:Co}=Ot({viewportPosition:Eo,restrictToScreen:S,threshold:f,itemPosition:B});return Co?[..._,Ae]:_},[]),A=F[0],D=F[F.length-1]??A;if(!(A===void 0||D===void 0))return{beginPageIndex:A,endPageIndex:D}};return{getSpinePositionFromSpineItemPosition:({spineItem:h,spineItemPosition:f})=>{const y=r.getSpineItemSpineLayoutInfo(h);return Re({itemLayout:y,spineItemPosition:f})},_getAbsolutePageIndexFromPageIndex:h=>So({...h,spineItemsManager:n}),getSpineItemPagePositionFromSpinePosition:h=>{const f=Ce({position:h,spineItemsManager:n,spineLayout:r});if(!f)return;const y=a(h,f),S=t.getSpineItemPageIndexFromPosition({itemWidth:f.layoutInfo.width,itemHeight:f.layoutInfo.height,position:y,isUsingVerticalWriting:!!f.isUsingVerticalWriting()}),w=t.getSpineItemPagePositionFromSpineItemPosition(y,S,f);return{spineItem:f,spineItemPageIndex:S,spineItemPagePosition:w,pageSize:s.value.pageSize}},getSpinePositionFromSpineItem:c,getSpineItemPositionFromSpinePosition:a,getSpineItemFromPosition:h=>Ce({position:h,spineItemsManager:n,spineLayout:r}),getSpineItemFromIframe:l,getSpineItemPageIndexFromNode:u,getVisibleSpineItemsFromPosition:h=>Io({spineItemsManager:n,spineLayout:r,viewport:s,...h}),getVisiblePagesFromViewportPosition:h=>d({...h,viewport:s}),isPositionWithinSpineItem:(h,f)=>{const{bottom:y,left:S,right:w,top:v}=r.getSpineItemSpineLayoutInfo(f);return h.x>=S&&h.x<=w&&h.y<=y&&h.y>=v},spineItemLocator:t,getSafeSpineItemPositionFromUnsafeSpineItemPosition:(h,f)=>{const{height:y,width:S}=r.getSpineItemSpineLayoutInfo(f);return new L({x:Math.min(Math.max(0,h.x),S),y:Math.min(Math.max(0,h.y),y)})}}},vo=E.namespace("spine"),Vt=({position:n,pageSize:e})=>new Ke({...n,left:n.x,top:n.y,width:e.width,height:e.height,bottom:n.y+e.height,right:n.x+e.width});class Ut extends N{constructor(e,t,i,r,s,a){super({pages:[]}),this.spineLayout=e,this.spineItemsManager=t,this.spineItemLocator=i,this.context=r,this.locator=s,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.find(l=>l.absolutePageIndex===c),this.observeFromAbsolutePageIndex=c=>this.pipe(o.map(()=>this.fromAbsolutePageIndex(c))),this.layout$=e.layout$.pipe(o.withLatestFrom(a),o.switchMap(([,{pageSize:c}])=>{const l=t.items.reduce((d,p,g)=>{const h=new Array(p.numberOfPages).fill(void 0).map((f,y)=>{const S=i.getSpineItemPositionFromPageIndex({spineItem:p,pageIndex:y}),w=s.getSpinePositionFromSpineItemPosition({spineItem:p,spineItemPosition:S});return{absoluteLayout:Vt({pageSize:c,position:w}),layout:new Je({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:g,absolutePageIndex:d.length+y,spineItem:p,pageIndex:y}});return[...d,...h]},[]);return o.combineLatest(l.map(d=>{const{spineItem:p,...g}=d;if(d.spineItem.value.isLoaded){const m=d.spineItem.renderer?.getDocumentFrame();if(m&&m?.contentWindow?.document&&m.contentWindow.document.body!==null){const h=m.contentWindow.document;return j().pipe(o.map(()=>{const f=Yt(h,d.layout);return{...g,firstVisibleNode:f}}))}}return o.of({...g,firstVisibleNode:void 0})}))}),o.map(c=>(vo.info("Pages layout",c),{pages:c})),o.share()),this.layout$.pipe(o.takeUntil(this.destroy$)).subscribe(this.next.bind(this))}}class kt extends R{constructor(e){super(),this.spineItemsManager=e,this.states$=this.spineItemsManager.items$.pipe(o.switchMap(t=>o.merge(...t.map(i=>i.pipe(o.map(r=>({item:i,...r})),o.distinctUntilChanged($.isShallowEqual))))),o.share()),this.itemResize$=this.spineItemsManager.items$.pipe(o.switchMap(t=>{const i=t.map(r=>Q(r.element).pipe(o.map(s=>({entries:s,item:r}))));return o.merge(...i)}),o.share()),this.itemLoad$=this.spineItemsManager.items$.pipe(o.switchMap(t=>o.merge(...t.map(i=>i.loaded$.pipe(o.map(()=>i))))),o.share()),this.itemUnload$=this.spineItemsManager.items$.pipe(o.switchMap(t=>o.merge(...t.map(i=>i.unloaded$.pipe(o.map(()=>i))))),o.share())}}class Po extends R{constructor(e,t,i,r,s){super(),this.spineItemsManager=e,this.spineItemsObserver=t,this.context=i,this.settings=r,this.viewport=s,this.externalLayoutTrigger=new o.Subject,this.spineItemsRelativeLayouts=[];const a=o.merge(t.itemLoad$,t.itemUnload$),c=o.merge(this.externalLayoutTrigger,a);this.layout$=c.pipe(o.tap(()=>{this.spineItemsManager.items.forEach(l=>{l.markDirty()})}),o.debounceTime(50),o.switchMap(()=>this.spineItemsManager.items.reduce((l,u,d)=>l.pipe(o.concatMap(({horizontalOffset:p,verticalOffset:g})=>{const m=p%s.absoluteViewport.width===0,h=d===e.items.length-1,f=r.values.computedPageTurnDirection==="vertical",y=i.isRTL(),S=this.getSpreadPosition(m,y),{edgeX:w,edgeY:v}=this.getStartEdges(f,m,p,g,s.absoluteViewport.height);return u.layout({spreadPosition:S,horizontalOffset:p,isLastItem:h,edgeX:w,edgeY:v}).pipe(o.map(({width:T,height:P})=>{const F=this.createSpineItemLayout(f,y,w,v,T,P,s.absoluteViewport.width);return this.spineItemsRelativeLayouts[d]=F,{horizontalOffset:w+T,verticalOffset:f?v+P:0}}))})),o.of({horizontalOffset:0,verticalOffset:0}))),o.takeUntil(this.destroy$),o.share()),this.layout$.subscribe(),this.watchForVerticalWritingUpdate()}watchForVerticalWritingUpdate(){this.spineItemsObserver.itemLoad$.pipe(o.tap(e=>{this.context.update({hasVerticalWriting:e.isUsingVerticalWriting()})}),o.takeUntil(this.destroy$)).subscribe()}layout(){this.externalLayoutTrigger.next(void 0)}getSpineItemSpineLayoutInfo(e){const t=this.spineItemsManager.getSpineItemIndex(e)??0;return this.spineItemsRelativeLayouts[t]||new oe({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.externalLayoutTrigger.complete()}getSpreadPosition(e,t){return this.settings.values.computedSpreadMode?e?t?"right":"left":t?"left":"right":"none"}getStartEdges(e,t,i,r,s){return e?{edgeX:t?0:i,edgeY:t?r:r-s}:{edgeX:i,edgeY:0}}createSpineItemLayout(e,t,i,r,s,a,c){if(e){const u=s+i,d=a+r;return new oe({left:i,right:u,top:r,bottom:d,height:a,width:s,x:i,y:r})}const l=t?c-i-s:i;return new oe({right:t?c-i:i+s,left:l,x:l,top:r,bottom:a,height:a,width:s,y:r})}}class zt extends R{constructor(e,t,i,r,s,a,c){super(),this.context=e,this.pagination=t,this.spineItemsManager=i,this.spineItemLocator=r,this.settings=s,this.hookManager=a,this.viewport=c,this.elementSubject=new o.BehaviorSubject(void 0),this.element$=this.elementSubject.asObservable(),this.spineItemsObserver=new kt(i),this.spineLayout=new Po(i,this.spineItemsObserver,e,s,c),this.locator=wo({context:e,spineItemsManager:i,spineItemLocator:r,settings:s,spineLayout:this.spineLayout,viewport:c}),this.spineItemsLoader=new mo(this.context,i,this.locator,s,this.spineLayout),this.pages=new Ut(this.spineLayout,this.spineItemsManager,this.spineItemLocator,this.context,this.locator,this.viewport);const l=e.watch("rootElement").pipe(I.filter(O),I.tap(d=>{const p=d.ownerDocument.createElement("div");p.style.cssText=`
|
|
221
221
|
height: 100%;
|
|
222
222
|
position: relative;
|
|
223
|
-
`,p.className=`${C}-spine`,this.elementSubject.next(p)})),u=o.combineLatest([this.context.manifest$,this.element$]).pipe(I.tap(([d,p])=>{if(!p)return;this.spineItemsManager.destroyItems();const g=d.spineItems.map((m,h)=>new Ee(m,p,this.context,this.settings,this.hookManager,h,this.viewport));this.spineItemsManager.addMany(g)}));o.merge(u,l).pipe(I.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 Wt extends R{constructor(e,t){super(),this.context=e,this.settings=t,this.orderedSpineItemsSubject=new o.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 i=this.getSpineItemIndex(e)??0,
|
|
223
|
+
`,p.className=`${C}-spine`,this.elementSubject.next(p)})),u=o.combineLatest([this.context.manifest$,this.element$]).pipe(I.tap(([d,p])=>{if(!p)return;this.spineItemsManager.destroyItems();const g=d.spineItems.map((m,h)=>new Ee(m,p,this.context,this.settings,this.hookManager,h,this.viewport));this.spineItemsManager.addMany(g)}));o.merge(u,l).pipe(I.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 Wt extends R{constructor(e,t){super(),this.context=e,this.settings=t,this.orderedSpineItemsSubject=new o.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 i=this.getSpineItemIndex(e)??0,r=this.getSpineItemIndex(t)??0;return i>r?"after":i===r?"same":"before"}getSpineItemIndex(e){const t=e instanceof Ee?e:this.get(e);if(!t)return;const i=this.orderedSpineItemsSubject.value.indexOf(t);return i<0?void 0:i}addMany(e){this.orderedSpineItemsSubject.next([...this.orderedSpineItemsSubject.getValue(),...e])}getSpineItemFromCfi(e){const{itemIndex:t}=ae(e);if(t!==void 0)return this.get(t)}get items(){return this.orderedSpineItemsSubject.value}destroyItems(){this.orderedSpineItemsSubject.value.forEach(e=>{e.destroy()})}}class _t extends N{constructor(e,t){const i=document.createElement("div");i.setAttribute(`data-${Ye}`,""),super({element:i,pageSize:{width:1,height:1},width:1,height:1}),this.context=e,this.settingsManager=t;const r=this.settingsManager.watch(["computedSpreadMode"]).pipe(o.tap(()=>{this.mergeCompare({pageSize:this.calculatePageSize(this.value)})})),s=this.context.watch("rootElement").pipe(o.tap(()=>{this.layout()}));o.merge(r,s).pipe(o.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 ho({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 fo({width:e.width/t,height:e.height/t})}}const Ht=`${be}-core`,$o=n=>{const e=crypto.randomUUID(),t=new o.Subject,i=new o.Subject,r=new yt,s=new ft,a=new lo(n,s),c=new St(s,a),l=new Wt(s,a),u=new _t(s,a),d=Lt({context:s,settings:a,viewport:u}),p=new Rt(s,l),g=new zt(s,p,l,d,a,r,u),m=ao({context:s,spineItemsManager:l,hookManager:r,spine:g,settings:a,viewport:u}),h=new At(s,p,l,g,d);m.navigationState$.subscribe(s.bridgeEvent.viewportStateSubject),m.navigation$.subscribe(s.bridgeEvent.navigationSubject),m.locker.isLocked$.subscribe(s.bridgeEvent.navigationIsLockedSubject),p.subscribe(s.bridgeEvent.paginationSubject);const f=()=>{t.next()},y=P=>{const{containerElement:F,manifest:A}=P;if(s.manifest){E.warn("loading a new book is not supported yet");return}E.log("load",{options:P});const D=To(F,e);s.update({manifest:A,rootElement:D}),f()},S=a.watch(["computedSpreadMode"]).pipe(I.skip(1),I.tap(f)),w=t.pipe(I.tap(()=>{const P=s.value.rootElement;P&&(P.style.setProperty("overflow","hidden"),u.layout(),g.layout())}),I.takeUntil(i)),v=o.merge(w,S).subscribe();G(document,Ht,Ni);const T=()=>{Z(document,Ht),v.unsubscribe(),l.destroy(),h.destroy(),a.destroy(),p.destroy(),s.destroy(),m.destroy(),g.destroy(),c.destroy(),i.next(),i.complete(),u.destroy()};return{id:e,context:s,spine:g,hookManager:r,cfi:{generateCfiFromRange:ot,parseCfi:ae,generateCfiForSpineItemPage:P=>re({...P,spine:g}),resolveCfi:P=>we({...P,spineItemsManager:l})},navigation:m,spineItemsObserver:g.spineItemsObserver,spineItemsManager:l,layout:f,load:y,destroy:T,pagination:{get state(){return p.value},get state$(){return p}},settings:a,renderHeadless:P=>l.get(P)?.renderer.renderHeadless()??o.of(void 0),viewport:u,viewportState$:s.bridgeEvent.viewportState$,viewportFree$:s.bridgeEvent.viewportFree$,state$:s.manifest$.pipe(I.map(P=>P?"ready":"idle")),features:c,$:{destroy$:i}}},To=(n,e)=>(n.style.cssText=`
|
|
224
224
|
${n.style.cssText}
|
|
225
225
|
background-color: white;
|
|
226
226
|
position: relative;
|
|
227
|
-
`,n.classList.add(`${C}-reader`),n.setAttribute(xe,e),n.setAttribute("data-prose-reader-container",e),n),
|
|
227
|
+
`,n.classList.add(`${C}-reader`),n.setAttribute(xe,e),n.setAttribute("data-prose-reader-container",e),n),Mo=vi(un(Ti(ln(en(Si($i(Ai(ti(Ze(Bn(tn(rn(ct(je(Pi($o)))))))))))))))),Fo=n=>e=>n(e);Object.defineProperty(b,"isShallowEqual",{enumerable:!0,get:()=>$.isShallowEqual}),b.AbstractSpinePosition=Ie,b.Context=ft,b.ControlledNavigationController=It,b.DestroyableClass=R,b.DocumentRenderer=Y,b.Features=St,b.HTML_ATTRIBUTE_DATA_READER_ID=xe,b.HTML_PREFIX=C,b.HTML_PREFIX_SCROLL_NAVIGATOR=qe,b.HTML_PREFIX_VIEWPORT=Ye,b.HTML_STYLE_PREFIX=be,b.HookManager=yt,b.ITEM_EXTENSION_VALID_FOR_FRAME_SRC=Be,b.InternalNavigator=$t,b.LayoutEntry=ne,b.Locker=Te,b.PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE=bn,b.PROSE_READER_NAMESPACE=Sn,b.Pages=Ut,b.Pagination=Rt,b.PaginationController=At,b.ReactiveEntity=N,b.ResourceHandler=ee,b.ResourcesLocator=at,b.ScrollNavigationController=gt,b.ScrollPosition=Pe,b.SettingsManager=Dt,b.Spine=zt,b.SpineItem=Ee,b.SpineItemPageLayout=Je,b.SpineItemPageSpineLayout=Ke,b.SpineItemPosition=L,b.SpineItemSpineLayout=oe,b.SpineItemsManager=Wt,b.SpineItemsObserver=kt,b.SpinePosition=M,b.UnboundScrollPosition=pt,b.UnboundSpineItemPagePosition=ie,b.UnboundSpinePosition=U,b.VIEWPORT_ADJUSTMENT_THROTTLE=yn,b.Viewport=_t,b.consolidate=st,b.createReader=Mo,b.deferIdle=Se,b.deferNextResult=We,b.generateCfiForSpineItemPage=re,b.generateCfiFromRange=ot,b.generateRootCfi=H,b.getAttributeValueFromString=me,b.getBase64FromBlob=an,b.getFrameViewportInfo=J,b.getItemAnchor=pi,b.htmlEnhancer=Ze,b.idle=j,b.injectCSSToFrame=Ue,b.isDefined=O,b.isHtmlElement=ge,b.isHtmlTagElement=Ve,b.isRootCfi=se,b.layoutEnhancer=je,b.mapKeysTo=fe,b.observeIntersection=sn,b.observeMutation=ye,b.observeResize=Q,b.paginationEnhancer=ct,b.parseCfi=ae,b.removeCSS=jt,b.resolveCfi=we,b.rootEnhancer=Fo,b.spinePositionToSpineItemSpineLayout=Vt,b.upsertCSSToFrame=V,b.waitForFrameLoad=ke,b.waitForFrameReady=ze,b.waitForSwitch=q,b.watchKeys=K,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
|
|
228
228
|
//# sourceMappingURL=index.umd.cjs.map
|