@prose-reader/core 1.366.0 → 1.368.0

package/dist/index.js

@@ -4276,25 +4276,30 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			this.spineItemsManager.items.forEach((e) => {
 				e.markDirty();
 			});
-		}), ee((e) => e.immediate ? D(void 0) : ve(50)), A(() => this.spineItemsManager.items.reduce((t, a, o) => t.pipe(y(({ horizontalOffset: t, verticalOffset: s }) => {
-			let c = t % i.absoluteViewport.width === 0, l = o === e.items.length - 1, u = r.values.computedPageTurnDirection === "vertical", d = n.isRTL(), f = this.getSpreadPosition(c, d), { edgeX: p, edgeY: m } = this.getStartEdges(u, c, t, s, i.absoluteViewport.height);
-			return a.layout({
-				spreadPosition: f,
-				horizontalOffset: t,
-				isLastItem: l,
-				edgeX: p,
-				edgeY: m
-			}).pipe(T(({ width: e, height: t }) => {
-				let n = this.createSpineItemLayout(u, d, p, m, e, t, i.absoluteViewport.width);
-				return this.spineItemsRelativeLayouts[o] = n, {
-					horizontalOffset: p + e,
-					verticalOffset: u ? m + t : 0
-				};
+		}), ee((e) => e.immediate ? D(void 0) : ve(50)), A(() => {
+			let t = [];
+			return this.spineItemsManager.items.reduce((a, o, s) => a.pipe(y(({ horizontalOffset: a, verticalOffset: c }) => {
+				let l = a % i.absoluteViewport.width === 0, u = s === e.items.length - 1, d = r.values.computedPageTurnDirection === "vertical", f = n.isRTL(), p = this.getSpreadPosition(l, f), { edgeX: m, edgeY: h } = this.getStartEdges(d, l, a, c, i.absoluteViewport.height);
+				return o.layout({
+					spreadPosition: p,
+					horizontalOffset: a,
+					isLastItem: u,
+					edgeX: m,
+					edgeY: h
+				}).pipe(T(({ width: e, height: n }) => {
+					let r = this.createSpineItemLayout(d, f, m, h, e, n, i.absoluteViewport.width);
+					return t[s] = r, {
+						horizontalOffset: m + e,
+						verticalOffset: d ? h + n : 0
+					};
+				}));
+			})), D({
+				horizontalOffset: 0,
+				verticalOffset: 0
+			})).pipe(M(() => {
+				this.spineItemsRelativeLayouts = t;
 			}));
-		})), D({
-			horizontalOffset: 0,
-			verticalOffset: 0
-		}))), j(this.destroy$), O()), this.layout$.subscribe(), this.watchForVerticalWritingUpdate();
+		}), j(this.destroy$), O()), this.layout$.subscribe(), this.watchForVerticalWritingUpdate();
 	}
 	watchForVerticalWritingUpdate() {
 		this.spineItemsObserver.itemLoad$.pipe(M((e) => {
@@ -4511,7 +4516,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		}, this.unload = () => {
 			this.renderer.unload();
 		}, this.markDirty = () => {
-			this.mergeCompare({ isDirty: !0 });
+			this.updateState({ isDirty: !0 });
 		}, this.destroy = () => {
 			this.isDestroyed || (super.destroy(), this._layout.destroy(), this.renderer.destroy(), this.containerElement.remove());
 		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = $a(e, t.document);
@@ -4528,19 +4533,29 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		};
 		this.renderer = o ? o(s) : new Xa(s), this._layout = new Za(e, this.containerElement, t, r, this.renderer, this.settings, this.viewport);
 		let c = this.renderer.state$.pipe(I(({ state: e, error: t }) => {
-			this.mergeCompare({
+			this.updateState({
 				isLoaded: e === "loaded",
 				isError: e === "error",
 				error: e === "error" ? t : void 0
 			});
 		}));
 		this.didLayout$ = this._layout.didLayout$.pipe(I(() => {
-			this.mergeCompare({
+			this.updateState({
 				isDirty: !1,
-				isReady: this.renderer.value.state === "loaded"
+				isReady: !0
 			});
 		}), Te()), E(c, this.didLayout$).pipe(F(this.destroy$)).subscribe();
 	}
+	updateState(e) {
+		let t = {
+			...this.value,
+			...e
+		};
+		this.mergeCompare({
+			...t,
+			isReady: t.isReady && t.isLoaded
+		});
+	}
 	get isReady$() {
 		return this.watch("isReady");
 	}