@prose-reader/core 1.70.0 → 1.71.0

package/dist/index.umd.cjs

@@ -1063,19 +1063,29 @@
   const observeState = (reader) => {
     return reader.pagination.pagination$.pipe(
       rxjs.withLatestFrom(reader.context.manifest$, reader.settings.settings$),
-      rxjs.map(([paginationInfo, manifest, { computedPageTurnDirection }]) => {
-        const numberOfSpineItems = (manifest == null ? void 0 : manifest.spineItems.length) ?? 0;
-        const isAtAbsoluteBeginning = paginationInfo.beginSpineItemIndex === 0;
-        const isAtAbsoluteEnd = paginationInfo.endSpineItemIndex === Math.max(numberOfSpineItems - 1, 0);
-        const isAtEndSpineItem = paginationInfo.endSpineItemIndex === Math.max(numberOfSpineItems - 1, 0);
-        const isAtBeginSpineItem = paginationInfo.beginSpineItemIndex === 0;
-        return {
-          canGoTopSpineItem: computedPageTurnDirection === "vertical" && !isAtAbsoluteBeginning,
-          canGoBottomSpineItem: computedPageTurnDirection === "vertical" && !isAtAbsoluteEnd,
-          canGoLeftSpineItem: computedPageTurnDirection !== "vertical" && ((manifest == null ? void 0 : manifest.readingDirection) === "ltr" && !isAtAbsoluteBeginning || (manifest == null ? void 0 : manifest.readingDirection) === "rtl" && !isAtEndSpineItem),
-          canGoRightSpineItem: computedPageTurnDirection !== "vertical" && ((manifest == null ? void 0 : manifest.readingDirection) === "ltr" && !isAtAbsoluteEnd || (manifest == null ? void 0 : manifest.readingDirection) === "rtl" && !isAtBeginSpineItem)
-        };
-      }),
+      rxjs.map(
+        ([
+          paginationInfo,
+          { spineItems, readingDirection },
+          { computedPageTurnDirection }
+        ]) => {
+          const numberOfSpineItems = spineItems.length ?? 0;
+          const isAtAbsoluteBeginning = paginationInfo.beginSpineItemIndex === 0;
+          const isAtAbsoluteEnd = paginationInfo.endSpineItemIndex === Math.max(numberOfSpineItems - 1, 0);
+          const isAtEndSpineItem = paginationInfo.endSpineItemIndex === Math.max(numberOfSpineItems - 1, 0);
+          const isAtBeginSpineItem = paginationInfo.beginSpineItemIndex === 0;
+          const isAtBeginFirstPage = paginationInfo.beginPageIndexInSpineItem === 0;
+          const isAtEndLastPage = paginationInfo.endPageIndexInSpineItem === paginationInfo.endNumberOfPagesInSpineItem - 1;
+          return {
+            canTurnLeft: computedPageTurnDirection === "vertical" ? false : !isAtBeginFirstPage,
+            canTurnRight: computedPageTurnDirection === "vertical" ? false : !isAtEndLastPage,
+            canGoTopSpineItem: computedPageTurnDirection === "vertical" && !isAtAbsoluteBeginning,
+            canGoBottomSpineItem: computedPageTurnDirection === "vertical" && !isAtAbsoluteEnd,
+            canGoLeftSpineItem: computedPageTurnDirection !== "vertical" && (readingDirection === "ltr" && !isAtAbsoluteBeginning || readingDirection === "rtl" && !isAtEndSpineItem),
+            canGoRightSpineItem: computedPageTurnDirection !== "vertical" && (readingDirection === "ltr" && !isAtAbsoluteEnd || readingDirection === "rtl" && !isAtBeginSpineItem)
+          };
+        }
+      ),
       rxjs.distinctUntilChanged(isShallowEqual)
     );
   };
@@ -4439,7 +4449,7 @@
             rxjs.map(
               () => ({
                 ...navigation,
-                animation: "turn"
+                animation: "snap"
               })
             ),
             rxjs.finalize(() => {
@@ -4806,7 +4816,7 @@
         pageTurnMode: `controlled`,
         snapAnimationDuration: 300,
         navigationSnapThreshold: 0.3,
-        numberOfAdjacentSpineItemToPreLoad: 0
+        numberOfAdjacentSpineItemToPreLoad: 2
       };
     }
   }
@@ -6915,7 +6925,18 @@
       const layoutHasChanged$ = spineItemsManager.layout$.pipe(
         rxjs.filter((hasChanged) => hasChanged)
       );
-      const loadSpineItems$ = rxjs.merge(navigationUpdate$, layoutHasChanged$).pipe(
+      const numberOfAdjacentSpineItemToPreLoad$ = settings.settings$.pipe(
+        rxjs.map(
+          ({ numberOfAdjacentSpineItemToPreLoad }) => numberOfAdjacentSpineItemToPreLoad
+        ),
+        rxjs.skip(1),
+        rxjs.distinctUntilChanged()
+      );
+      const loadSpineItems$ = rxjs.merge(
+        navigationUpdate$,
+        layoutHasChanged$,
+        numberOfAdjacentSpineItemToPreLoad$
+      ).pipe(
         // this can be changed by whatever we want and SHOULD not break navigation.
         // Ideally loading faster is better but loading too close to user navigating can
         // be dangerous.