@prose-reader/react-reader 9.0.0 → 11.0.0

package/dist/index.js

@@ -6,7 +6,7 @@ import { FaEdit as H } from "react-icons/fa";
 import { LuArrowBigLeft as U, LuArrowBigRight as W, LuBookmark as G, LuCheck as K, LuChevronDown as q, LuCircleCheck as J, LuCircleHelp as ee, LuGalleryHorizontal as te, LuNotebookPen as ne, LuPause as re, LuPlay as ie, LuSearch as ae, LuTableOfContents as oe, LuX as se, LuZoomIn as ce, LuZoomOut as le } from "react-icons/lu";
 import { isDefined as ue, signal as de, useConstant as fe, useLiveRef as pe, useMemoCompare as me, useObserve as Y, useSignalState as he, useSignalValue as ge, useSubscribe as _e } from "reactjrx";
 import { BehaviorSubject as ve, EMPTY as ye, NEVER as be, Observable as xe, Subject as Se, animationFrameScheduler as Ce, combineLatest as we, debounceTime as Te, distinctUntilChanged as Ee, filter as De, finalize as Oe, first as ke, map as X, merge as Ae, mergeMap as je, of as Me, shareReplay as Ne, skip as Pe, startWith as Fe, switchMap as Ie, tap as Le, throttleTime as Re, timer as ze, withLatestFrom as Be } from "rxjs";
-import { isHtmlTagElement as Ve, isShallowEqual as He, observeIntersection as Ue, pick as We, setPropertyIfChanged as Ge, setStylePropertyIfChanged as Ke, shouldUseComputedSpreadModeForViewport as qe, watchKeys as Je } from "@prose-reader/core";
+import { isHtmlTagElement as Ve, isShallowEqual as He, observeIntersection as Ue, pick as We, setPropertyIfChanged as Ge, setStylePropertyIfChanged as Ke, shouldUseSpreadModeForViewport as qe, watchKeys as Je } from "@prose-reader/core";
 import { Fragment as Ye, jsx as Z, jsxs as Q } from "react/jsx-runtime";
 import { createPortal as Xe } from "react-dom";
 import { isShallowEqual as Ze } from "@prose-reader/shared";
@@ -1502,7 +1502,7 @@ var Er = F((n) => {
 		contentProps: s,
 		children: d
 	}), r[8] = i, r[9] = a, r[10] = d, r[11] = f) : f = r[11], f;
-}), Or = "@prose-reader/react-reader", kr = "8.0.1", Ar = F((t) => {
+}), Or = "@prose-reader/react-reader", kr = "10.0.0", Ar = F((t) => {
 	let n = e(12), { open: r, setOpen: i } = t, a;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
 		overflowY: "auto",
@@ -1684,17 +1684,19 @@ var Pr = {
 }, Wr = {
 	base: "moderate",
 	_motionReduce: "0ms"
-}, Gr = ({ manifest: e, viewport: t }) => t.width !== t.height && qe({
+}, Gr = ({ manifest: e, spreadMode: t, viewport: n }) => n.width !== n.height && qe({
+	spreadMode: t,
 	manifest: e,
 	viewport: {
-		height: t.width,
-		width: t.height
+		height: n.width,
+		width: n.height
 	}
-}), Kr = ({ manifest: e, pagination: t, computedSpreadMode: n, viewportState: r, viewport: i, isPanorama: a }) => {
-	if (r === "free" && !n && Gr({
+}), Kr = ({ manifest: e, pagination: t, spreadMode: n, isSpread: r, viewportState: i, viewport: a, isPanorama: o }) => {
+	if (i === "free" && !r && Gr({
 		manifest: e,
-		viewport: i
-	}) && a) return [
+		spreadMode: n,
+		viewport: a
+	}) && o) return [
 		t.beginSpineItemIndex,
 		t.beginPageIndexInSpineItem,
 		t.endSpineItemIndex,
@@ -1721,19 +1723,24 @@ var Pr = {
 	}), r = Dt(e) ? e : void 0;
 	return we([
 		t,
-		e.settings.watch(["computedSpreadMode"]),
 		e.viewportState$,
-		e.viewport.watch(["width", "height"]),
+		e.viewport.watch([
+			"width",
+			"height",
+			"isSpread"
+		]),
+		e.settings.watch(["spreadMode"]),
 		n
-	]).pipe(Te(Vr), X(([t, n, i, a, { spineItem: o, isReady: s }]) => {
-		let c = e.context.manifest, l = s && r !== void 0 && o !== void 0 && r.cbz.isPanoramaSpineItem(o);
+	]).pipe(Te(Vr), X(([t, n, { isSpread: i, ...a }, { spreadMode: o }, { spineItem: s, isReady: c }]) => {
+		let l = e.context.manifest;
 		return Kr({
-			manifest: c,
+			manifest: l,
 			pagination: t,
-			computedSpreadMode: n.computedSpreadMode ?? !1,
-			viewportState: i,
+			spreadMode: o,
+			isSpread: i,
+			viewportState: n,
 			viewport: a,
-			isPanorama: l
+			isPanorama: c && r !== void 0 && s !== void 0 && r.cbz.isPanoramaSpineItem(s)
 		});
 	}), Ee());
 }, Xr = () => {