@prose-reader/core 1.216.0 → 1.218.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { switchMap as v, of as w, fromEvent as G, take as me, map as b, from as W, takeUntil as F, Observable as st, defer as Nt, Subject as U, combineLatest as q, merge as x, EMPTY as K, withLatestFrom as D, NEVER as gt, tap as T, share as V, BehaviorSubject as k, filter as R, first as H, mergeMap as $t, endWith as pt, finalize as ut, catchError as fe, lastValueFrom as Ye, scheduled as Ze, animationFrameScheduler as at, shareReplay as et, distinctUntilChanged as E, throttleTime as Ge, debounceTime as St, startWith as nt, switchScan as Je, forkJoin as Ke, delay as wt, ReplaySubject as Jt, skip as ye, identity as Pt, exhaustMap as Vt, timer as Kt, reduce as Qe, concatMap as Qt } from "rxjs";
+import { switchMap as v, of as w, fromEvent as G, take as me, map as b, from as W, takeUntil as F, Observable as st, defer as Nt, Subject as U, combineLatest as q, merge as x, EMPTY as Q, withLatestFrom as D, NEVER as gt, tap as T, share as V, BehaviorSubject as k, filter as A, first as H, mergeMap as $t, endWith as pt, finalize as ut, catchError as fe, lastValueFrom as Ye, scheduled as Ze, animationFrameScheduler as at, shareReplay as et, distinctUntilChanged as E, throttleTime as Ge, debounceTime as St, startWith as nt, switchScan as Je, forkJoin as Ke, delay as wt, ReplaySubject as Jt, skip as ye, identity as Pt, exhaustMap as Vt, timer as Kt, reduce as Qe, concatMap as Qt } from "rxjs";
 import { Report as ti, isShallowEqual as N, shallowMergeIfDefined as vt, getParentPath as ei, parseContentType as ii, detectMimeTypeFromName as Lt, arrayEqual as ni } from "@prose-reader/shared";
 import { isShallowEqual as Ts } from "@prose-reader/shared";
 import { switchMap as _, first as Se, map as X, distinctUntilChanged as Z, startWith as be, shareReplay as Mt, tap as z, pairwise as oi, take as si, takeUntil as J, filter as tt, debounceTime as ri, skip as ai, mergeMap as ci, catchError as te, withLatestFrom as ui } from "rxjs/operators";
@@ -582,7 +582,7 @@ const ji = (e) => (t) => {
           (s) => s.loaded$.pipe(
             v(() => {
               const r = s.renderer.getDocumentFrame();
-              return r instanceof HTMLIFrameElement && (r != null && r.contentDocument) ? n(r.contentDocument) : K;
+              return r instanceof HTMLIFrameElement && (r != null && r.contentDocument) ? n(r.contentDocument) : Q;
             })
           )
         )
@@ -624,7 +624,7 @@ const Ft = class Ft extends Y {
   constructor(t) {
     super(), this.triggerSubject = new U(), this.stateSubject = new k("idle"), this.unload$ = this.triggerSubject.pipe(
       D(this.stateSubject),
-      R(
+      A(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       b(() => {
@@ -632,7 +632,7 @@ const Ft = class Ft extends Y {
       V()
     ), this.load$ = this.triggerSubject.pipe(
       D(this.stateSubject),
-      R(
+      A(
         ([o, s]) => o.type === "load" && s !== "loaded" && s !== "loading"
       ),
       b(() => {
@@ -641,7 +641,7 @@ const Ft = class Ft extends Y {
     ), this.context = t.context, this.settings = t.settings, this.hookManager = t.hookManager, this.item = t.item, this.containerElement = t.containerElement, this.resourcesHandler = t.resourcesHandler;
     const i = this.triggerSubject.pipe(
       D(this.stateSubject),
-      R(
+      A(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       b(() => {
@@ -947,9 +947,12 @@ const Me = (e, t) => {
       ].includes(e.mediaType) || // no encoding ? then try to detect html
       !e.mediaType && _i.some(
         (a) => e.href.endsWith(a)
-      )) ? (o == null || o.setAttribute("src", e.href), w(o)) : (s instanceof URL ? W(t.fetchResource()) : s instanceof Response ? w(s) : K).pipe(
-        R((a) => a instanceof Response),
-        v((a) => W(i(a))),
+      )) ? (o == null || o.setAttribute("src", e.href), w(o)) : (s instanceof URL ? W(t.fetchResource()) : w(s)).pipe(
+        v((a) => {
+          if (!(a instanceof Response))
+            throw new Error("Invalid resource");
+          return W(i(a));
+        }),
         T((a) => {
           if (a) {
             const c = new Blob([a], { type: "text/html" }), u = URL.createObjectURL(c);
@@ -958,7 +961,8 @@ const Me = (e, t) => {
         }),
         b(() => o),
         fe((a) => (j.error(
-          `Error while trying to fetch or load resource for item ${e.id}`
+          `Error while trying to fetch or load resource for item ${e.id}`,
+          s
         ), j.error(a), w(o)))
       ))
     ))
@@ -1329,7 +1333,7 @@ class sn extends ht {
     );
   }
   onUnload() {
-    return Bi(this.getFrameElement()), this.detach(), K;
+    return Bi(this.getFrameElement()), this.detach(), Q;
   }
   onLayout({
     minPageSpread: t,
@@ -1628,9 +1632,9 @@ const gn = ({
       const O = L.height - $ * 2;
       let B = L.width - P * 2, dt = P * 2;
       f.isUsingVerticalWriting() && (B = L.width - P * 2, C = O, dt = $ * 2);
-      const Q = f == null ? void 0 : f.renderer.getDocumentFrame();
-      Q && ot(
-        Q,
+      const K = f == null ? void 0 : f.renderer.getDocumentFrame();
+      K && ot(
+        K,
         "prose-layout-enhancer-css",
         `
               body {
@@ -1847,7 +1851,7 @@ class bn extends ht {
   }
   onUnload() {
     const t = this.getImageElement();
-    return t && URL.revokeObjectURL(t.src), this.detach(), K;
+    return t && URL.revokeObjectURL(t.src), this.detach(), Q;
   }
   onLayout({
     spreadPosition: t
@@ -1863,7 +1867,7 @@ class bn extends ht {
     });
   }
   onRenderHeadless() {
-    return K;
+    return Q;
   }
   getDocumentFrame() {
   }
@@ -1934,7 +1938,7 @@ const In = (e) => (t) => {
     )) && t.goToUrl(n);
   })
 ), rt = j.namespace("navigation");
-class A {
+class R {
   constructor(t) {
     this.__symbol = Symbol("SpineItemPosition"), this.x = t.x, this.y = t.y;
   }
@@ -1946,11 +1950,11 @@ const Pn = ({
   pageWidth: n,
   spineItemLocator: o
 }) => {
-  let s = new A({
+  let s = new R({
     x: e.x - n,
     y: e.y
   });
-  return t.isUsingVerticalWriting() && (s = new A({
+  return t.isUsingVerticalWriting() && (s = new R({
     x: e.x,
     y: e.y + i
   })), o.getSpineItemClosestPositionFromUnsafePosition(
@@ -2042,11 +2046,11 @@ const Pn = ({
   pageWidth: n,
   spineItemLocator: o
 }) => {
-  let s = new A({
+  let s = new R({
     x: e.x + n,
     y: e.y
   });
-  return t.isUsingVerticalWriting() && (s = new A({
+  return t.isUsingVerticalWriting() && (s = new R({
     x: e.x,
     y: e.y - i
   })), o.getSpineItemClosestPositionFromUnsafePosition(
@@ -2883,8 +2887,8 @@ const Ne = (e, t, i) => {
         Ke([At("prose-reader"), W(u.blob())])
       ).pipe(
         _(([g, l]) => W(g.put(`${t}_${d.id}`, l))),
-        te((g) => (j.error(g), K))
-      ) : K;
+        te((g) => (j.error(g), Q))
+      ) : Q;
     }),
     J(e.destroy$)
   ).subscribe();
@@ -2906,7 +2910,7 @@ const Ne = (e, t, i) => {
           })
         )
       ),
-      te((c) => (j.error(c), K))
+      te((c) => (j.error(c), Q))
     ))),
     J(e.destroy$)
   ).subscribe(), {
@@ -2980,13 +2984,13 @@ class Qn extends Y {
         childList: !0,
         subtree: !0
       }).pipe(
-        R(
+        A(
           (r) => !!r.find((a) => a.type === "childList" && a.removedNodes.length)
         )
       ), s = t.parentElement ? ne(t.parentElement, {
         childList: !0
       }).pipe(
-        R(
+        A(
           (r) => !!r.find(
             (a) => Array.from(a.removedNodes).includes(t)
           )
@@ -3016,7 +3020,7 @@ class Qn extends Y {
               const a = i.getSelection();
               return a && !a.isCollapsed ? [r, a] : void 0;
             }),
-            R(ct)
+            A(ct)
           )
         ),
         F(x(s, this.destroy$))
@@ -3084,15 +3088,15 @@ const to = (e) => e.loaded$.pipe(
   ), s = o, r = o.pipe(
     b((d) => !!d),
     E(),
-    R((d) => d),
+    A((d) => d),
     V()
   ), a = r.pipe(
     v(() => s),
     E(),
-    R((d) => !d),
+    A((d) => !d),
     V()
   ), c = o.pipe(
-    R((d) => (d == null ? void 0 : d.type) === "over"),
+    A((d) => (d == null ? void 0 : d.type) === "over"),
     V()
   ), u = i.context.containerElement$.pipe(
     v((d) => G(d, "pointerdown")),
@@ -3367,11 +3371,11 @@ class co {
   constructor() {
     this.navigationSubject = new Jt(1), this.viewportStateSubject = new k("free"), this.paginationSubject = new Jt(), this.navigationIsLockedSubject = new k(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       E(),
-      R((t) => !t)
+      A((t) => !t)
     ), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(
-      R((t) => t === "free")
+      A((t) => t === "free")
     ), this.viewportBusy$ = this.viewportState$.pipe(
-      R((t) => t === "busy")
+      A((t) => t === "busy")
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
@@ -3585,7 +3589,7 @@ const ho = () => (e) => e.pipe(
   }))
 ), mo = (e, t, i) => e.bridgeEvent.pagination$.pipe(
   D(t),
-  R(
+  A(
     ([n, o]) => n.navigationId === o.id
   ),
   /**
@@ -3596,7 +3600,7 @@ const ho = () => (e) => e.pipe(
   v(([n, o]) => {
     const s = i.spineItemsManager.get(o.spineItem);
     return ((s == null ? void 0 : s.isReady$.pipe(H())) ?? w(!1)).pipe(
-      R((r) => r),
+      A((r) => r),
       b(() => ({
         pagination: n,
         navigation: o
@@ -3875,7 +3879,7 @@ const ho = () => (e) => e.pipe(
           return m;
       }
       if (c && g && t.directionFromLastNavigation === "backward") {
-        const m = new A({
+        const m = new R({
           x: (((p = t.positionInSpineItem) == null ? void 0 : p.x) ?? 0) + u,
           y: (((h = t.positionInSpineItem) == null ? void 0 : h.y) ?? 0) + d
         });
@@ -3912,7 +3916,7 @@ const ho = () => (e) => e.pipe(
   const { height: c, top: u } = s.getSpineItemSpineLayoutInfo(a), d = t.isPositionWithinSpineItem(
     e.position,
     a
-  ), g = e.positionInSpineItem ?? new A({
+  ), g = e.positionInSpineItem ?? new R({
     y: 0,
     x: 0
   });
@@ -3923,7 +3927,7 @@ const ho = () => (e) => e.pipe(
       return o.getNavigationForSpineIndexOrId(a);
     if (u !== e.spineItemTop) {
       const l = t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
-        e.positionInSpineItem ?? new A({
+        e.positionInSpineItem ?? new R({
           x: 0,
           y: 0
         }),
@@ -3935,7 +3939,7 @@ const ho = () => (e) => e.pipe(
       });
     }
     if (u === e.spineItemTop && c !== e.spineItemHeight) {
-      const l = (e.spineItemHeight ?? g.y) - g.y, p = new A({
+      const l = (e.spineItemHeight ?? g.y) - g.y, p = new R({
         y: e.directionFromLastNavigation === "backward" ? c - l : g.y,
         x: e.position.x
       });
@@ -3951,7 +3955,7 @@ const ho = () => (e) => e.pipe(
       }
       if (!d) {
         if (!(e.position.y < u)) {
-          const m = new A({
+          const m = new R({
             y: c - l,
             x: e.position.x
           });
@@ -4095,11 +4099,11 @@ class Fo extends Y {
       V()
     ), d = u.pipe(
       D(c),
-      R(([, f]) => f),
+      A(([, f]) => f),
       v(([f]) => {
         const y = this.locker.lock();
         return c.pipe(
-          R((I) => !I),
+          A((I) => !I),
           H(),
           b(
             () => ({
@@ -4121,7 +4125,7 @@ class Fo extends Y {
       v(() => w(null).pipe(
         v(
           () => c.pipe(
-            R((f) => !f),
+            A((f) => !f),
             H()
           )
         ),
@@ -4504,13 +4508,13 @@ class Do extends bt {
       et(1)
     );
     this.userScroll$ = this.watch("element").pipe(
-      R(ct),
+      A(ct),
       v(
         (g) => i.watch(["computedPageTurnMode"]).pipe(
           v(
             ({ computedPageTurnMode: l }) => l === "controlled" ? gt : G(g, "scroll").pipe(
               D(d),
-              R(
+              A(
                 ([, p]) => !p
               ),
               b(([p]) => p)
@@ -4569,7 +4573,7 @@ const pe = (e, t, i) => {
       e,
       t.height
     );
-    return new A({
+    return new R({
       x: 0,
       y: s
     });
@@ -4579,10 +4583,10 @@ const pe = (e, t, i) => {
     e,
     t.width
   );
-  return i.isRTL() ? new A({
+  return i.isRTL() ? new R({
     x: t.width - o - i.getPageSize().width,
     y: 0
-  }) : new A({
+  }) : new R({
     x: o,
     y: 0
   });
@@ -4615,7 +4619,7 @@ const pe = (e, t, i) => {
     itemWidth: u,
     itemHeight: d,
     spineItemPosition: g
-  }) => new A({
+  }) => new R({
     x: Math.min(u, Math.max(0, g.x)),
     y: Math.min(d, Math.max(0, g.y))
   }), n = ({
@@ -4652,7 +4656,7 @@ const pe = (e, t, i) => {
         h,
         p
       );
-      return new A({ x: S, y: 0 });
+      return new R({ x: S, y: 0 });
     }
   }, s = (u, d) => {
     var p, h;
@@ -4676,7 +4680,7 @@ const pe = (e, t, i) => {
     }
   }, r = (u, d) => {
     const { width: g, height: l } = d.layout.layoutInfo;
-    return new A({
+    return new R({
       x: xt(
         u.x,
         e.getPageSize().width,
@@ -4746,7 +4750,7 @@ const pe = (e, t, i) => {
       a,
       c,
       r
-    ) || new A({ x: 0, y: 0 })
+    ) || new R({ x: 0, y: 0 })
   };
 }, it = ({
   position: { x: e, y: t },
@@ -4857,7 +4861,7 @@ const pe = (e, t, i) => {
     context: t
   });
   return n.getSpinePositionFromSpineItemPosition({
-    spineItemPosition: new A({ x: o, y: 0 }),
+    spineItemPosition: new R({ x: o, y: 0 }),
     spineItem: i
   });
 }, zo = ({
@@ -4976,7 +4980,7 @@ const pe = (e, t, i) => {
         j.warn(Eo, `unable to detect item id from cfi ${l}`);
         return;
       }
-      const S = h ? s.getNavigationFromNode(p, h, m) : new A({ x: 0, y: 0 }), f = i.getSpinePositionFromSpineItemPosition({
+      const S = h ? s.getNavigationFromNode(p, h, m) : new R({ x: 0, y: 0 }), f = i.getSpinePositionFromSpineItemPosition({
         spineItemPosition: S,
         spineItem: p
       });
@@ -5379,7 +5383,7 @@ class Go extends Y {
       }),
       V()
     ), this.layout$ = this.layoutProcess$.pipe(
-      R((a) => a.type === "end"),
+      A((a) => a.type === "end"),
       b((a) => a.data),
       V()
     );
@@ -5399,19 +5403,19 @@ class Go extends Y {
 }
 class Jo extends ht {
   onUnload() {
-    return K;
+    return Q;
   }
   onCreateDocument() {
     return w(document.createElement("div"));
   }
   onLoadDocument() {
-    return K;
+    return Q;
   }
   onLayout() {
     return w(void 0);
   }
   onRenderHeadless() {
-    return K;
+    return Q;
   }
   getDocumentFrame() {
   }
@@ -5660,7 +5664,7 @@ class es extends Y {
       // queue layout until previous layout is done
       Vt(
         () => s.pipe(
-          R((r) => !r),
+          A((r) => !r),
           H()
         )
       ),
@@ -5987,7 +5991,7 @@ const ss = ({
 }) => {
   const r = (p, h) => {
     const { left: m, top: S } = o.getSpineItemSpineLayoutInfo(h);
-    return new A({
+    return new R({
       /**
        * when using spread the item could be on the right and therefore will be negative
        * @example
@@ -5999,7 +6003,7 @@ const ss = ({
       y: Math.max(p.y - S, 0)
     });
   }, a = (p) => Dt({
-    spineItemPosition: new A({ x: 0, y: 0 }),
+    spineItemPosition: new R({ x: 0, y: 0 }),
     itemLayout: o.getSpineItemSpineLayoutInfo(p)
   }), c = (p) => e.items.find((h) => h.renderer.getDocumentFrame() === p), u = (p, h, m) => {
     if (typeof m == "number") {
@@ -6027,7 +6031,7 @@ const ss = ({
       const dt = i.getSpineItemPositionFromPageIndex({
         pageIndex: B,
         spineItem: m
-      }), Q = Dt({
+      }), K = Dt({
         spineItemPosition: dt,
         itemLayout: o.getSpineItemSpineLayoutInfo(m)
       });
@@ -6036,21 +6040,21 @@ const ss = ({
         absolutePosition: {
           width: t.getPageSize().width,
           height: t.getPageSize().height,
-          left: Q.x,
-          top: Q.y,
-          bottom: Q.y + t.getPageSize().height,
-          right: Q.x + t.getPageSize().width
+          left: K.x,
+          top: K.y,
+          bottom: K.y + t.getPageSize().height,
+          right: K.x + t.getPageSize().width
         }
       };
     }).reduce(
       (O, { absolutePosition: B, index: dt }) => {
-        const Q = f ? y.absoluteViewport : y.relativeViewport, _e = He(
+        const K = f ? y.absoluteViewport : y.relativeViewport, _e = He(
           p,
           y.absoluteViewport,
-          Q
+          K
         ), Xe = yt.from(
           _e,
-          Q
+          K
         ), { visible: qe } = Ee({
           viewportPosition: Xe,
           restrictToScreen: S,
@@ -6114,7 +6118,7 @@ const ss = ({
     spineItemLocator: i,
     getSafeSpineItemPositionFromUnsafeSpineItemPosition: (p, h) => {
       const { height: m, width: S } = o.getSpineItemSpineLayoutInfo(h);
-      return new A({
+      return new R({
         x: Math.min(Math.max(0, p.x), S),
         y: Math.min(Math.max(0, p.y), m)
       });
@@ -6439,12 +6443,24 @@ const hs = (e) => {
   )
 );
 export {
+  go as Context,
+  Oo as ControlledNavigationController,
   Y as DestroyableClass,
   ht as DocumentRenderer,
   po as HookManager,
+  Fo as InternalNavigator,
+  ke as Locker,
   qt as ResourceHandler,
+  Do as ScrollNavigationController,
   Yo as SettingsManager,
+  gs as Spine,
+  Ae as SpineElementLayout,
   Ue as SpineItem,
+  dn as SpineItemPageSpineLayout,
+  kt as SpineItemSpineLayout,
+  ls as SpineItemsManager,
+  M as SpinePosition,
+  Yt as UnsafeSpinePosition,
   vs as createReader,
   ie as deferIdle,
   Di as deferNextResult,
@@ -6455,6 +6471,7 @@ export {
   Pe as isHtmlElement,
   Mi as isHtmlTagElement,
   Ts as isShallowEqual,
+  hn as layoutEnhancer,
   $e as mapKeysTo,
   Is as observeIntersection,
   ne as observeMutation,