@prose-reader/core 1.247.0 → 1.249.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { switchMap as w, of as v, fromEvent as Y, take as wt, map as S, from as O, takeUntil as T, Observable as te, defer as ke, Subject as j, combineLatest as k, merge as x, EMPTY as G, withLatestFrom as D, NEVER as ge, tap as P, share as R, BehaviorSubject as W, filter as L, first as U, mergeMap as Pe, endWith as me, finalize as le, catchError as xt, lastValueFrom as tn, scheduled as nn, animationFrameScheduler as se, exhaustMap as Ue, debounceTime as Se, distinctUntilChanged as z, throttleTime as on, startWith as Q, shareReplay as Z, switchScan as sn, defaultIfEmpty as rn, forkJoin as an, delay as ve, timer as $e, ReplaySubject as it, identity as we, skip as Pt, reduce as cn, concatMap as ot } from "rxjs";
+import { switchMap as w, of as v, fromEvent as Y, take as wt, map as S, from as O, takeUntil as T, Observable as te, defer as ke, Subject as j, combineLatest as k, merge as x, EMPTY as G, NEVER as ge, tap as P, share as D, BehaviorSubject as W, withLatestFrom as A, filter as L, first as U, mergeMap as Pe, endWith as me, finalize as le, catchError as xt, lastValueFrom as tn, scheduled as nn, animationFrameScheduler as se, exhaustMap as Ue, debounceTime as Se, distinctUntilChanged as z, throttleTime as on, startWith as Q, shareReplay as Z, switchScan as sn, defaultIfEmpty as rn, forkJoin as an, delay as ve, timer as $e, ReplaySubject as it, identity as we, skip as Pt, reduce as cn, concatMap as ot } from "rxjs";
 import { Report as un, isShallowEqual as N, shallowMergeIfDefined as xe, getParentPath as ln, parseContentType as pn, detectMimeTypeFromName as Le, arrayEqual as dn } from "@prose-reader/shared";
 import { isShallowEqual as Zs } from "@prose-reader/shared";
 import { switchMap as _, first as $t, map as J, distinctUntilChanged as pe, startWith as gn, shareReplay as Me, tap as V, pairwise as hn, take as mn, takeUntil as q, filter as oe, debounceTime as fn, skip as Tt, mergeMap as yn, catchError as st } from "rxjs/operators";
@@ -582,8 +582,10 @@ const Hn = (n) => (e) => {
   };
 }, Bn = (n) => (e) => {
   const t = n(e), i = (o) => Y(o, "keyup").pipe(
-    D(t.settings.values$),
-    S(([s, { pageTurnDirection: r }]) => {
+    S((s) => {
+      const { pageTurnDirection: r, computedPageTurnMode: a } = t.settings.values;
+      if (a === "scrollable")
+        return s;
       if (r === "horizontal") {
         if (s.key === "ArrowRight")
           return t.navigation.turnRight();
@@ -634,7 +636,7 @@ const Hn = (n) => (e) => {
   P((e) => {
     e.preventDefault();
   }),
-  R()
+  D()
 );
 class B {
   constructor() {
@@ -647,30 +649,30 @@ class B {
 const Fe = class Fe extends B {
   constructor(e) {
     super(), this.triggerSubject = new j(), this.stateSubject = new W("idle"), this.unload$ = this.triggerSubject.pipe(
-      D(this.stateSubject),
+      A(this.stateSubject),
       L(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       S(() => {
       }),
-      R()
+      D()
     ), this.load$ = this.triggerSubject.pipe(
-      D(this.stateSubject),
+      A(this.stateSubject),
       L(
         ([o, s]) => o.type === "load" && s !== "loaded" && s !== "loading"
       ),
       S(() => {
       }),
-      R()
+      D()
     ), 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(
-      D(this.stateSubject),
+      A(this.stateSubject),
       L(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       S(() => {
       }),
-      R()
+      D()
     );
     this.loaded$ = this.load$.pipe(
       w(() => (this.stateSubject.next("loading"), this.onCreateDocument().pipe(U()).pipe(
@@ -697,7 +699,7 @@ const Fe = class Fe extends B {
         }),
         T(t)
       ))),
-      R()
+      D()
     );
     const i = t.pipe(
       w(() => (this.stateSubject.next("unloading"), this.context.bridgeEvent.viewportFree$.pipe(
@@ -1635,9 +1637,9 @@ const Pi = (n) => k([
     const m = r.spineItemsManager.get(d.id), f = !!(d.mediaType ?? Le(d.href))?.startsWith("image/"), { pageHorizontalMargin: I = 0, pageVerticalMargin: b = 0 } = a.values, F = r.viewport.pageSize;
     if (m?.renditionLayout === "reflowable" && !f) {
       let $ = F.width - I * 2;
-      const A = F.height - b * 2;
+      const R = F.height - b * 2;
       let X = F.width - I * 2, H = I * 2;
-      m.isUsingVerticalWriting() && (X = F.width - I * 2, $ = A, H = b * 2);
+      m.isUsingVerticalWriting() && (X = F.width - I * 2, $ = R, H = b * 2);
       const ne = m?.renderer.getDocumentFrame();
       ne && ee(
         ne,
@@ -1648,11 +1650,11 @@ const Pi = (n) => k([
                 margin: ${b}px ${I}px !important;
                 column-gap: ${H}px !important;
                 column-width: ${$}px !important;
-                height: ${A}px !important;
+                height: ${R}px !important;
               }
               img, video, audio, object, svg {
                 -max-width: ${$}px !important;
-                -max-height: ${A}px !important;
+                -max-height: ${R}px !important;
               }
               table {
                 max-width: ${$}px !important;
@@ -2379,7 +2381,7 @@ class Ui extends B {
   }
 }
 const zi = (n) => n.pagination.state$.pipe(
-  D(n.context.manifest$, n.settings.values$),
+  A(n.context.manifest$, n.settings.values$),
   S(
     ([
       e,
@@ -2512,7 +2514,7 @@ const zi = (n) => n.pagination.state$.pipe(
   );
 }, Gi = (n, e, t, i, o) => o.isReady$.pipe(
   U(),
-  D(n.layoutInfo$),
+  A(n.layoutInfo$),
   S(([s, r]) => {
     const a = n.context, c = a.manifest?.renditionLayout === "pre-paginated", u = a.manifest?.spineItems.length || 0, l = a.manifest?.spineItems.slice(0, e).reduce((f, I) => f + (I.progressionWeight ?? 0), 0) || 0, p = n.spineItemsManager.getSpineItemIndex(o) ?? 0, g = n.context.manifest?.spineItems.length ?? 0, h = r.pages.filter((f) => f.itemIndex === p).length ?? 0, d = a.manifest?.spineItems[e]?.progressionWeight ?? // if no progressionWeight is defined we "assume" the document weight to be
     // relative to the total number of documents
@@ -2532,7 +2534,7 @@ const zi = (n) => n.pagination.state$.pipe(
   })
 ), Zi = (n) => n.spine.layout$.pipe(
   Se(10, se),
-  D(n.pagination.state$),
+  A(n.pagination.state$),
   S(() => ({
     numberOfPagesPerItems: n.spineItemsManager.items.reduce(
       (t, i) => [...t, i.numberOfPages],
@@ -2775,7 +2777,7 @@ const zi = (n) => n.pagination.state$.pipe(
   let t = n?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(n.cfi), s = e.spineItemsManager.get(i);
   return s ? Rt().pipe(
-    D(s.isReady$),
+    A(s.isReady$),
     S(([, r]) => {
       const {
         node: a = null,
@@ -3163,19 +3165,19 @@ const go = (n) => n.watch("isLoaded").pipe(
     S((l) => !!l),
     z(),
     L((l) => l),
-    R()
+    D()
   ), a = r.pipe(
     w(() => s),
     z(),
     L((l) => !l),
-    R()
+    D()
   ), c = o.pipe(
     L((l) => l?.type === "over"),
-    R()
+    D()
   ), u = t.context.watch("rootElement").pipe(
     L(Ge),
     w((l) => Y(l, "pointerdown")),
-    D(s),
+    A(s),
     S(([, l]) => l),
     Q(void 0),
     Z({ refCount: !0, bufferSize: 1 })
@@ -3632,7 +3634,7 @@ class Mo extends B {
     );
     const r = this.spine.element$.pipe(
       L(Ge),
-      D(this.element$),
+      A(this.element$),
       P(([l, p]) => {
         p.style.cssText = `
           height: 100%;
@@ -3656,7 +3658,7 @@ class Mo extends B {
       P(() => {
         ht.info("layout", e.values);
       }),
-      R()
+      D()
     );
     const u = this.navigateSubject.pipe(
       P((l) => {
@@ -3843,7 +3845,7 @@ class Eo extends ae {
         (p) => t.watch(["computedPageTurnMode"]).pipe(
           w(
             ({ computedPageTurnMode: g }) => g === "controlled" ? ge : Y(p, "scroll").pipe(
-              D(l),
+              A(l),
               L(
                 ([, h]) => !h
               ),
@@ -3852,7 +3854,7 @@ class Eo extends ae {
           )
         )
       ),
-      R()
+      D()
     ), x(r, a, c).pipe(T(this.destroy$)).subscribe();
   }
   update(e) {
@@ -3892,7 +3894,7 @@ const Do = () => (n) => n.pipe(
     ...i
   }))
 ), Ro = (n, e, t) => n.bridgeEvent.pagination$.pipe(
-  D(e),
+  A(e),
   L(
     ([i, o]) => i.navigationId === o.id
   ),
@@ -4077,8 +4079,8 @@ const Do = () => (n) => n.pipe(
         position: F,
         threshold: p,
         restrictToScreen: !1
-      }), A = l === "forward" || l === "anchor" ? $?.beginIndex : $?.endIndex;
-      return e.get(A);
+      }), R = l === "forward" || l === "anchor" ? $?.beginIndex : $?.endIndex;
+      return e.get(R);
     }
     return a && g === "scrollable" ? i.getSpineItemFromPosition(a) : e.get(0);
   };
@@ -4388,7 +4390,7 @@ class Bo extends B {
       Z(1)
     ), this.locker = new Bt();
     const u = i.pipe(
-      D(this.navigationSubject),
+      A(this.navigationSubject),
       Ao({
         navigationResolver: r
       }),
@@ -4428,7 +4430,7 @@ class Bo extends B {
         spineItemsManager: a.spineItemsManager,
         settings: e
       }),
-      D(c),
+      A(c),
       w(([f, I]) => {
         const b = f.navigation.cfi || f.navigation.url || e.values.computedPageTurnMode === "scrollable" || I;
         return v(f).pipe(
@@ -4447,9 +4449,9 @@ class Bo extends B {
         navigationResolver: r
       }),
       S((f) => f.navigation),
-      R()
+      D()
     ), l = u.pipe(
-      D(c),
+      A(c),
       L(([, f]) => f),
       w(([f]) => {
         const I = this.locker.lock();
@@ -4468,7 +4470,7 @@ class Bo extends B {
           T(u)
         );
       }),
-      R()
+      D()
     ), p = x(
       o.layout$,
       a.layout$
@@ -4539,7 +4541,7 @@ class Bo extends B {
         navigationResolver: r
       }),
       S(({ navigation: f }) => f),
-      R()
+      D()
     ), h = Ro(
       t,
       this.navigationSubject,
@@ -4560,11 +4562,11 @@ class Bo extends B {
       })
     ), y = (f) => f.pipe(
       P(([I, b]) => {
-        const F = I.type === "scroll", $ = I.meta.triggeredBy === "pagination", A = I.meta.triggeredBy === "restoration", X = N(
+        const F = I.type === "scroll", $ = I.meta.triggeredBy === "pagination", R = I.meta.triggeredBy === "restoration", X = N(
           b.position,
           I.position
         );
-        if (F && !A || $ || X)
+        if (F && !R || $ || X)
           return;
         const H = {
           position: I.position,
@@ -4582,7 +4584,7 @@ class Bo extends B {
       })
     );
     d.pipe(
-      D(this.navigationSubject),
+      A(this.navigationSubject),
       /**
        * @important
        *
@@ -5256,7 +5258,7 @@ class rs extends B {
         });
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
           wt(1),
-          D(this.context.bridgeEvent.navigation$),
+          A(this.context.bridgeEvent.navigation$),
           P(([, u]) => {
             const { position: l } = u, p = this.pagination.value, {
               beginIndex: g,
@@ -5272,9 +5274,9 @@ class rs extends B {
             }) ?? {}, { endPageIndex: b = 0 } = c({
               spineItem: m,
               position: l
-            }) ?? {}, F = y === void 0 || Be(y) || p.beginSpineItemIndex !== g, $ = p.endSpineItemIndex !== h || f === void 0 || Be(f), A = F ? he(d.item) : y, X = $ ? he(m.item) : f, H = d.numberOfPages, ne = m.numberOfPages;
+            }) ?? {}, F = y === void 0 || Be(y) || p.beginSpineItemIndex !== g, $ = p.endSpineItemIndex !== h || f === void 0 || Be(f), R = F ? he(d.item) : y, X = $ ? he(m.item) : f, H = d.numberOfPages, ne = m.numberOfPages;
             this.pagination.update({
-              beginCfi: A,
+              beginCfi: R,
               beginNumberOfPagesInSpineItem: H,
               beginPageIndexInSpineItem: I,
               beginSpineItemIndex: g,
@@ -5488,11 +5490,11 @@ class ps extends B {
           )
         );
       }),
-      R()
+      D()
     ), this.layout$ = this.layoutProcess$.pipe(
       L((c) => c.type === "end"),
       S((c) => c.data),
-      R()
+      D()
     );
   }
   validateDimension(e, t, i) {
@@ -5652,7 +5654,7 @@ class gs extends B {
       // be dangerous.
       Se(100, se),
       Ce(this.context.bridgeEvent.viewportFree$),
-      D(this.context.bridgeEvent.navigation$, r),
+      A(this.context.bridgeEvent.navigation$, r),
       S(([, u, l]) => {
         const { numberOfAdjacentSpineItemToPreLoad: p } = o.values, { beginIndex: g = 0, endIndex: h = 0 } = i.getVisibleSpineItemsFromPosition({
           position: u.position,
@@ -5897,7 +5899,7 @@ const fs = ({
     useAbsoluteViewport: I = !0,
     viewport: b
   }) => {
-    const F = y.numberOfPages, A = Array.from(Array(F)).map((ne, Ie) => {
+    const F = y.numberOfPages, R = Array.from(Array(F)).map((ne, Ie) => {
       const Ee = t.getSpineItemPositionFromPageIndex({
         pageIndex: Ie,
         spineItem: y
@@ -5934,7 +5936,7 @@ const fs = ({
         return en ? [...ne, Ee] : ne;
       },
       []
-    ), X = A[0], H = A[A.length - 1] ?? X;
+    ), X = R[0], H = R[R.length - 1] ?? X;
     if (!(X === void 0 || H === void 0))
       return {
         beginPageIndex: X,
@@ -6036,7 +6038,7 @@ class xs extends ae {
     super({ pages: [] }), this.spineLayout = e, this.spineItemsManager = t, this.spineItemLocator = i, this.context = o, this.locator = s, this.viewport = r, this.fromSpineItemPageIndex = (a, c) => this.value.pages.find(
       (u) => u.itemIndex === a.index && u.pageIndex === c
     ), this.fromAbsolutePageIndex = (a) => this.value.pages.reduce((c, u) => c || (u.absolutePageIndex === a ? u : c), void 0), this.observeFromAbsolutePageIndex = (a) => this.pipe(S(() => this.fromAbsolutePageIndex(a))), this.layout$ = e.layout$.pipe(
-      D(r),
+      A(r),
       w(([, { pageSize: a }]) => {
         const c = t.items.reduce(
           (l, p, g) => {
@@ -6089,7 +6091,7 @@ class xs extends ae {
         );
       }),
       S((a) => (vs.info("Pages layout", a), { pages: a })),
-      R()
+      D()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
@@ -6102,7 +6104,7 @@ class Ps extends B {
         );
         return x(...o);
       }),
-      R()
+      D()
     ), this.itemResize$ = this.spineItemsManager.items$.pipe(
       w((i) => {
         const o = i.map(
@@ -6112,7 +6114,7 @@ class Ps extends B {
         );
         return x(...o);
       }),
-      R()
+      D()
     );
   }
 }
@@ -6149,7 +6151,7 @@ const $s = ({
           top: I,
           left: b
         });
-        const F = d + b, $ = m + I, A = new _e({
+        const F = d + b, $ = m + I, R = new _e({
           left: b,
           right: F,
           top: I,
@@ -6162,7 +6164,7 @@ const $s = ({
         return {
           horizontalOffset: F,
           verticalOffset: $,
-          layoutPosition: A
+          layoutPosition: R
         };
       }
       a.layout.adjustPositionOfElement(
@@ -6267,7 +6269,7 @@ class Ts extends B {
           })
         );
       }),
-      R()
+      D()
     ), x(this.layout$).pipe(T(this.destroy$)).subscribe();
   }
   layout() {
@@ -6530,13 +6532,13 @@ const Cs = (n) => {
   const m = () => {
     t.next();
   }, y = ($) => {
-    const { containerElement: A, manifest: X } = $;
+    const { containerElement: R, manifest: X } = $;
     if (s.manifest) {
       E.warn("loading a new book is not supported yet");
       return;
     }
     E.log("load", { options: $ });
-    const H = Es(A, e);
+    const H = Es(R, e);
     s.update({
       manifest: X,
       rootElement: H