@foxycape/core 1.1.6 → 1.1.7

package/dist/mediaTypes/html/renderer/documents/HtmlDocumentsProvider.mjs

@@ -5,41 +5,62 @@ import "../../../../kernal/Constants.mjs";
 import { parseNumber as r } from "../../../../kernal/common/number.mjs";
 import { compareTagName as i } from "../../../../kernal/html/finder.mjs";
 import { emptyElement as a } from "../../../../kernal/html/dom.mjs";
-import { asyncDebounce as o } from "../../../../kernal/Debounce.mjs";
-import { getTransformLength as s, scrollElementIntoView as c } from "../../../../kernal/html/style.mjs";
-import { recoverWrapperCharacters as l, wrapperCharacters as u } from "../../../../kernal/html/manipulator.mjs";
-import { HtmlSettings as d } from "../../HtmlSettings.mjs";
-import { BaseDocumentsProvider as f } from "../../../base/renderer/BaseDocumentsProvider.mjs";
-import { HtmlDocument as p } from "../document/HtmlDocument.mjs";
-import { HtmlDocumentsPreloader as m } from "./HtmlDocumentsPreloader.mjs";
-import { HtmlDocumentsIntersectionObserver as h } from "./HtmlDocumentsIntersectionObserver.mjs";
-import { HtmlElementLocator as g } from "../location/HtmlElementLocator.mjs";
-import { HtmlRendererViewport as _ } from "../layout/HtmlRendererViewport.mjs";
+import { yieldToMain as o } from "../../../../kernal/web/scheduler.mjs";
+import { asyncDebounce as s } from "../../../../kernal/web/debounce.mjs";
+import { getTransformLength as c, scrollElementIntoView as l } from "../../../../kernal/html/style.mjs";
+import { createRange as u } from "../../../../kernal/html/selection.mjs";
+import { getLocateClientRect as d, getLocateElement as f, isDomRange as p } from "../../../../kernal/html/geometry.mjs";
+import { BaseDocumentsProvider as m } from "../../../base/renderer/BaseDocumentsProvider.mjs";
+import { HtmlSettings as h } from "../../HtmlSettings.mjs";
+import { getLayoutGeometry as g } from "../layout/resolveLayoutRoute.mjs";
+import { beginAbsoluteLocate as _, shouldBeginAbsoluteLocate as v } from "../location/scrollActivity.mjs";
+import { remapStoredPageNumber as y } from "../location/remapStoredPageNumber.mjs";
+import { HtmlDocument as b } from "../document/HtmlDocument.mjs";
+import { HtmlDocumentsPreloader as x } from "./HtmlDocumentsPreloader.mjs";
+import { HtmlDocumentsIntersectionObserver as S } from "./HtmlDocumentsIntersectionObserver.mjs";
+import { HtmlElementLocator as C } from "../location/HtmlElementLocator.mjs";
+import { HtmlRendererViewport as w } from "../layout/HtmlRendererViewport.mjs";
+import { getLayoutOffsetLeft as T } from "../layout/geometry/getLayoutOffsetLeft.mjs";
 //#region mediaTypes/html/renderer/documents/HtmlDocumentsProvider.ts
-var v = class extends f {
+var E = class extends m {
 	constructor(e, n, r, i) {
 		super(e, n), this.readerContainer = r, this.htmlOptions = i, this.isInit = !1, this.isFirstLoad = !0, this.hangTasks = [], this.resetTransformContainer = () => {
 			let e = this.getTransformContainer();
 			e && (e.style.removeProperty("transition"), e.style.transform = "translate3d(0px,0,0)", e.setAttribute("data-target-transform", "0"), e.offsetWidth);
 		}, this.removeElementTransitionEvent = async (e) => {
 			let t = e.target;
-			for (t.style.removeProperty("transition"), t.style.removeProperty("will-change"), t.removeAttribute(d.PageMovingAttributeName), t.removeEventListener("transitionend", this.removeElementTransitionEvent); this.hangTasks.length > 0;) await this.hangTasks.shift()();
+			for (t.style.removeProperty("transition"), t.style.removeProperty("will-change"), t.removeAttribute(h.PageMovingAttributeName), t.removeEventListener("transitionend", this.removeElementTransitionEvent); this.hangTasks.length > 0;) await this.hangTasks.shift()();
 		}, this.scrollWrapperIntoView = (e, t) => {
-			let n = e.getWrapperContainer();
-			if (this.htmlOptions.flipMode == "page") {
-				let e = n.offsetLeft, t = this.getTransformContainer();
-				t.style.transform = "translateX(" + -e + "px)";
-			} else (!n.isVisible || t) && c(n, void 0, void 0, this.owner.getRootContainer()?.ownerDocument);
-			this.setDocumentVisible(n, !0);
+			let n = e.getWrapperContainer(), r = g(this.htmlOptions);
+			if (r.flipMode == "page") {
+				let t = this.rendererViewport.getLayoutMetrics(), i = this.getTransformContainer();
+				if (r.pageAxis == "y") {
+					let e = Math.max(0, n.offsetTop);
+					i.style.transform = r.getPageTranslateCss(e), i.setAttribute("data-target-transform", `${e}`);
+				} else {
+					let n = this.getDocumentPageBox(e), a = r.getPageTransformOffset(n, 1, t.pageMoveLength);
+					i.style.transform = r.getPageTranslateCss(a), i.setAttribute("data-target-transform", `${a}`);
+				}
+			} else (!n.isVisible || t) && r.alignWrapperToViewport({
+				wrapper: n,
+				scrollElement: this.getScrollElement(),
+				rootDocument: this.owner.getRootContainer()?.ownerDocument
+			});
+			this.setCurrentVisibleDocument(e);
 		}, this.setDocumentVisible = (e, t) => {
 			e.isVisible = t;
 		}, this.reload = async () => {
 			let e = this.owner.context.currentLocation;
-			t(e?.url) || (e.scrollBehavior = "smooth", await this.load(e, !0), e.scrollBehavior = void 0);
-		}, this.delayReloadTime = 300, this.delayReload = o(this.reload, this.delayReloadTime), this.logger = this.owner.loggerFactory.getLogger(this.constructor.name), this.elementLocator = new g(this), this.rendererViewport = new _(e, this.readerContainer, this.owner.optionsProvider, i), this.documentsIntersectionObserver = new h(this), this.documentPreloader = new m(this.owner.events, this, () => this.loadingDoc, i);
+			t(e?.url) || await this.load(e, !0);
+		}, this.restoreReadingPosition = async () => {
+			let e = this.owner.context.currentLocation;
+			if (t(e?.url)) return;
+			let n = this.getDocument(e.url) ?? this.getFirstVisibleDocument();
+			n && await this.gotoDoc(n, e, !0);
+		}, this.delayRestoreReadingPosition = s(this.restoreReadingPosition, 100), this.delayReloadTime = 300, this.delayReload = s(this.reload, this.delayReloadTime), i.documentLanguage = e.context?.metadata?.language, this.logger = this.owner.loggerFactory.getLogger(this.constructor.name), this.elementLocator = new C(this), this.rendererViewport = new w(e, this.readerContainer, this.owner.optionsProvider, i), this.documentsIntersectionObserver = new S(this), this.documentPreloader = new x(this.owner.events, this, () => this.loadingDoc, i);
 	}
 	getTransformContainer() {
-		return this.getRendererContainer().querySelector("." + d.TransformContainerCssName);
+		return this.getRendererContainer().querySelector("." + h.TransformContainerCssName);
 	}
 	getRendererContainer() {
 		return this.rendererViewport.getRendererContainer();
@@ -50,26 +71,50 @@ var v = class extends f {
 	getLoadingDocument() {
 		return this.loadingDoc;
 	}
+	getLoadedDocuments() {
+		return this.getDocuments().filter((e) => e.getLoadStatus() == "success");
+	}
+	getVisibleDocuments() {
+		return this.getDocuments().filter((e) => e.getWrapperContainer()?.isVisible);
+	}
+	getFirstVisibleDocument(e) {
+		let t = this.getVisibleDocuments();
+		if (e) {
+			let e = t.find((e) => e.getVisibleElements(!0).length > 0);
+			if (e) return e;
+		}
+		if (t[0]) return t[0];
+		let n = this.owner.context.currentLocation?.url;
+		return n && this.getDocument(n) || this.getDocuments()[0] || null;
+	}
+	getLastVisibleDocument(e) {
+		let t = this.getVisibleDocuments();
+		if (e) {
+			let e = [...t].reverse().find((e) => e.getVisibleElements().length > 0);
+			if (e) return e;
+		}
+		if (t.length > 0) return t[t.length - 1];
+		let n = this.owner.context.currentLocation?.url, r = this.getDocuments();
+		return n && this.getDocument(n) || r[r.length - 1] || null;
+	}
 	async createDocument(e, t, n) {
-		return new p(this.owner, this.rendererViewport, this.fileParser, e, t, this.htmlOptions);
+		return new b(this.owner, this.rendererViewport, this.fileParser, e, t, this.htmlOptions);
 	}
 	async initialize(e) {
 		this.rendererViewport.applyCssVariables(), await super.initialize(e);
 		let t = this.getDocuments();
-		for (let e of t) e.getWrapperContainer().classList.add(d.FileContentContainerClassName, d.FileContentContainerHeightClassName);
+		for (let e of t) e.getWrapperContainer().classList.add(h.FileContentContainerClassName, h.FileContentContainerHeightClassName);
 	}
 	async load(e, t) {
-		this.isInit ||= (await this.initialize(this.getTransformContainer()), this.documentsIntersectionObserver.register(), !0), e?.storeCurrent && await this.owner.onBeforeRedirect?.(this), t ??= !1;
+		this.htmlOptions.documentLanguage = this.owner.context?.metadata?.language, this.isInit ||= (await this.initialize(this.getTransformContainer()), this.documentsIntersectionObserver.register(), !0), e?.storeCurrent && await this.owner.onBeforeRedirect?.(this), t ??= !1;
 		let r = e?.url, i = this.getDocument(r);
 		if (!i) {
 			let t = this.getDocuments();
 			i = t[0], (t.length > 1 || !e) && (e = new n(i.url, 1, "ratio"), e.current = 0);
 		}
-		this.htmlOptions.flipMode == "page" ? this.appendPageStyles() : this.removePageStyles(), this.loadingDoc = i, this.owner.context.redirectingDocUrl = i.url;
+		g(this.htmlOptions).flipMode == "page" ? this.appendPageStyles() : this.removePageStyles(), this.loadingDoc = i, this.owner.context.redirectingDocUrl = i.url, v(e?.direction, g(this.htmlOptions).holdsAbsoluteLocate) && _();
 		try {
-			this.delayHideLoadingLayerTimer = setTimeout(async () => {
-				await this.owner.loading?.hide();
-			}, 2e3), this.owner.context.setUserChangedProgress(!t, e?.from), await this.gotoDoc(i, e, t), this.isFirstLoad && !t && (this.isFirstLoad = !1), await this.documentPreloader.preloadDocuments();
+			this.owner.context.setUserChangedProgress(!t, e?.from), !t && e?.url && (this.owner.context.currentLocation = e), await this.gotoDoc(i, e, t), this.isFirstLoad && !t && (await this.owner.loading?.hide(), this.isFirstLoad = !1), await this.documentPreloader.preloadDocuments(), this.shouldRealignAfterPreload(e, t) && await this.gotoDoc(i, e, !0);
 		} finally {
 			setTimeout(() => {
 				this.loadingDoc = null, this.owner.context.redirectingDocUrl = void 0;
@@ -77,110 +122,191 @@ var v = class extends f {
 		}
 	}
 	async gotoDoc(e, n, r) {
-		if (!n || (await e.load(), !e.getContentContainer())) return;
+		if (!n) return;
 		r ??= !1;
-		let a = this.htmlOptions.flipMode, o, s;
+		let i = g(this.htmlOptions).flipMode, a = e instanceof b ? e : null, s = !!a && i == "scroll" && !r && !n.suppressScroll && e.getLoadStatus() != "success";
+		s && a && (a.prepareCoveredLoad(), this.scrollWrapperIntoView(e, !0), await o());
 		try {
-			let c = await this.findTarget(e, n);
-			s = c?.target;
-			let l = c?.pageNumber, d = c?.isDocumentStart;
-			if (!s && !l) return;
-			if (s && n?.textOffset >= 0) {
-				let e = s.textContent;
-				if (n?.textOffset < e.length && e.length < 3e3) {
-					u(s, "m");
-					let e = s.querySelectorAll("m");
-					o = i(s.firstElementChild?.tagName, "ST") && s.firstElementChild.getBoundingClientRect().width == 0 ? e.item(s.firstElementChild.textContent.length) : e.item(n.textOffset);
-				}
-			}
-			if (o ??= s, a == "scroll") await this.gotoScroll(e, n, o, d);
-			else {
-				if (r && o && !t(n.tagName)) this.resetTransformContainer(), l = await e.getPageNumber(o);
-				else if (n.unit === "page" && n.current != null && n.current > 0) {
-					l = n.current;
-					let t = await e.getNumberOfPages();
-					n.total > 1 && n.total != t && (l = Math.ceil(t * (n.current / n.total)));
-				} else l ||= await e.getPageNumber(o);
-				await this.transformPage(e, l, r ? void 0 : n.direction);
-			}
+			if (await e.load(), !e.getContentContainer()) return;
+			let a = await this.findTarget(e, n), o = a?.target, s = a?.pageNumber, c = a?.isDocumentStart;
+			if (!o && !s) return;
+			let l = this.resolveRedirectTarget(o, n);
+			i == "scroll" ? n.suppressScroll ? this.setDocumentVisible(e.getWrapperContainer(), !0) : l && await this.gotoScroll(e, n, l, c) : (r && l && !t(n.tagName) ? s = await e.getPageNumber(l) : n.unit === "page" && n.current != null && n.current > 0 ? s = y(n, await e.getNumberOfPages()) : (p(l) || !s && l) && (s = await e.getPageNumber(l)), await this.transformPage(e, s, r ? void 0 : n.direction));
 		} finally {
-			s && l(s);
+			s && a && await a.revealCoveredLoad();
 		}
 	}
+	resolveRedirectTarget(e, t) {
+		if (!e || !(t?.textOffset >= 0)) return e;
+		let n = e.textContent ?? "";
+		if (t.textOffset >= n.length) return e;
+		let r = t.textOffset, a = e.firstElementChild;
+		return a && i(a.tagName, "ST") && a.getBoundingClientRect().width == 0 && (r = a.textContent?.length ?? 0), r >= n.length ? e : u(e, e, r, Math.min(r + 1, n.length)) ?? e;
+	}
 	async gotoScroll(t, n, r, i) {
-		let a = r.getBoundingClientRect(), o = 0;
-		n?.ignoreOverlayHeader || (o = this.owner.optionsProvider.getHeaderHeight() + this.owner.options.redirectPositionOffset, r.clientHeight == 0 && a.height == 0 && (o += 50)), n.offsetTop && (o += n.offsetTop);
-		let s = this.getScrollElement(), l = a.y, u = t.getContentContainer().ownerDocument.defaultView?.frameElement, d = u?.getBoundingClientRect()?.y ?? 0, f = l + d, p = s.scrollTop;
+		if (g(this.htmlOptions).blockAxis == "x") {
+			await this.gotoScrollX(t, n, r, i);
+			return;
+		}
+		let a = f(r), o = d(r), s = 0;
+		n?.ignoreOverlayHeader || (s = this.owner.options.redirectPositionOffset, o.height == 0 && (!a || a.clientHeight == 0) && (s += 50)), n.offsetTop && (s += n.offsetTop);
+		let c = this.getScrollElement(), u = o.y, p = t.getContentContainer().ownerDocument.defaultView?.frameElement, m = p?.getBoundingClientRect()?.y ?? 0, h = u + m, _ = c.scrollTop;
 		if (n.useAbsoluteScrollTop) {
-			let e = p + f - o;
-			s.scrollTo(0, e);
+			let e = _ + h - s;
+			c.scrollTo(0, e);
 		} else if (i) this.scrollWrapperIntoView(t, !0);
 		else {
 			if (e.isSafari()) {
-				c(t.getWrapperContainer(), void 0, void 0, this.owner.getRootContainer()?.ownerDocument), p = s.scrollTop;
-				let e = u?.offsetTop ?? 0;
-				if (Math.abs(e + l - p) > 5) {
-					let e = p + t.getWrapperContainer().getBoundingClientRect().y + l;
-					s.scrollTo(0, e);
+				l(t.getWrapperContainer(), void 0, void 0, this.owner.getRootContainer()?.ownerDocument), _ = c.scrollTop;
+				let e = p?.offsetTop ?? 0;
+				if (Math.abs(e + u - _) > 5) {
+					let e = _ + t.getWrapperContainer().getBoundingClientRect().y + u;
+					c.scrollTo(0, e);
 				}
-				d = u?.getBoundingClientRect()?.y ?? 0, f = l + d;
-			} else o = f - o - s.getBoundingClientRect().top;
-			o > 0 ? s.scrollHeight - s.scrollTop - s.clientHeight > 0 ? s.scrollBy(0, o) : c(r, void 0, n?.scrollIntoViewIfNeeded, this.owner.getRootContainer()?.ownerDocument) : s.scrollBy(0, o), this.setDocumentVisible(t.getWrapperContainer(), !0);
+				m = p?.getBoundingClientRect()?.y ?? 0, h = u + m;
+			} else s = h - s - c.getBoundingClientRect().top;
+			s > 0 ? c.scrollHeight - c.scrollTop - c.clientHeight > 0 ? c.scrollBy(0, s) : a && l(a, void 0, n?.scrollIntoViewIfNeeded, this.owner.getRootContainer()?.ownerDocument) : c.scrollBy(0, s), this.setDocumentVisible(t.getWrapperContainer(), !0);
+		}
+	}
+	async gotoScrollX(e, t, n, r) {
+		let i = this.getScrollElement();
+		if (r) {
+			this.scrollWrapperIntoView(e, !0);
+			return;
 		}
+		let a = d(n), o = (e.getContentContainer().ownerDocument.defaultView?.frameElement)?.getBoundingClientRect()?.x ?? 0, s = i.getBoundingClientRect(), c = t.offsetLeft ?? 0, l = a.x + o - c, u = a.right + o - c, f = g(this.htmlOptions).getScrollLocateDelta({
+			targetStart: l,
+			viewportStart: s.left,
+			targetEnd: u,
+			viewportEnd: s.right
+		});
+		if (t.useAbsoluteScrollTop) {
+			i.scrollTo(i.scrollLeft + f, i.scrollTop), this.setDocumentVisible(e.getWrapperContainer(), !0);
+			return;
+		}
+		i.scrollBy(f, 0), this.setDocumentVisible(e.getWrapperContainer(), !0);
 	}
 	async findTarget(e, t) {
 		return this.elementLocator.locateElement(e, t, this.htmlOptions);
 	}
 	async transformPage(e, t, n) {
-		let i = this.getTransformContainer(), a = i.getAttribute("data-target-transform"), o = 0;
-		o = a ? r(a, 0, "parseFloat") : s(i, "x");
-		let c = this.rendererViewport.getLayoutMetrics(), l = c.columnWidth + c.columnGap, u = e.getWrapperContainer().offsetLeft, d = Math.abs(u - o), f = d == 0 ? 0 : d % l, p = o;
-		f > 0 && (p = n == "previous" ? o - f : o + l - f);
-		let m = p;
-		try {
-			if (n == "previous") {
-				let e = p - c.pageMoveLength >= 0, n = u + (t - 1) * c.pageMoveLength;
-				m = e ? p - c.pageMoveLength : p <= c.pageMoveLength ? 0 : n;
-			} else if (n == "next") {
-				m = p + c.pageMoveLength;
-				let e = this.getDocuments(), t = e[e.length - 1];
-				if (t.getWrapperContainer().offsetLeft + t.getWrapperContainer().scrollWidth - m <= 0) return;
-			} else m = u + (t - 1) * c.pageMoveLength;
-			m < 0 && (m = 0);
-			let r = this.htmlOptions.writingMode ?? "horizontal-tb";
-			if ((this.isVerticalWriting(r) ? "y" : "x") == "x") !i.style.transition && this.htmlOptions.flipPageStyle == "slide" && (n == "next" || n == "previous") && (i.style.transition = "transform 0.2s ease"), i.style.transition && i.addEventListener("transitionend", this.removeElementTransitionEvent), i.setAttribute("data-target-transform", `${m}`), i.style.transform = "translate3d(-" + parseFloat(m.toFixed(10)) + "px,0,0)";
-			else {
-				i.style.transform = "translateX(" + -u + "px)";
-				let n = e.getContentContainer().ownerDocument.documentElement, r = s(n, "y") + (t - 1) * c.columnWidth;
-				n.style.transform = "translateY(-" + parseFloat(r.toFixed(10)) + "px)";
-			}
-			this.setCurrentPageNumber(e, t);
-		} finally {}
+		if (this.setCurrentVisibleDocument(e), g(this.htmlOptions).pageAxis == "y") {
+			this.transformVerticalPage(e, t, n);
+			return;
+		}
+		this.transformHorizontalPage(e, t, n);
+	}
+	transformHorizontalPage(e, t, n) {
+		let r = this.resolveRelativePageTransform(e, t, n, "x");
+		if (!r) {
+			this.syncPageNumberWhenTransformBlocked(e, n);
+			return;
+		}
+		this.applyPageTransform(r.transformContainer, r.newTransformLength, n, "x"), this.setCurrentPageNumber(e, t);
+	}
+	transformVerticalPage(e, t, n) {
+		let r = this.resolveRelativePageTransform(e, t, n, "y");
+		if (!r) {
+			this.syncPageNumberWhenTransformBlocked(e, n);
+			return;
+		}
+		this.applyPageTransform(r.transformContainer, r.newTransformLength, n, "y"), this.setCurrentPageNumber(e, t);
+	}
+	resolveRelativePageTransform(e, t, n, i) {
+		let a = this.getTransformContainer();
+		if (!a) return null;
+		let o = c(a, i), s = a.getAttribute("data-target-transform"), l = 0;
+		l = s ? r(s, 0, "parseFloat") : o;
+		let u = this.rendererViewport.getLayoutMetrics(), d = Math.max(1, u.pageMoveLength);
+		if (n == "previous") return {
+			transformContainer: a,
+			newTransformLength: Math.max(0, l - d)
+		};
+		if (n == "next") {
+			let e = l + d;
+			return this.wouldExceedLastContent(e, i, a) ? null : {
+				transformContainer: a,
+				newTransformLength: e
+			};
+		}
+		let f = this.getDocumentPageStartOffset(e, i), p = f + (t - 1) * u.pageMoveLength, m = i == "y" ? e.getWrapperContainer()?.scrollHeight ?? 0 : this.getDocumentPageBox(e).contentWidth, h = i == "y" ? u.pageHeight : u.pageWidth, g = Number.isFinite(h) && h > 0 ? h : u.pageMoveLength, _ = Math.max(0, f + m - g);
+		return p > _ && (p = _), p < 0 && (p = 0), {
+			transformContainer: a,
+			newTransformLength: p
+		};
+	}
+	canAdvancePageTransform(e) {
+		let t = g(this.htmlOptions), n = this.getCurrentPageNumber(e) + 1;
+		return this.resolveRelativePageTransform(e, n, "next", t.pageAxis) != null;
+	}
+	wouldExceedLastContent(e, t, n) {
+		return this.getLastContentExtent(t, n) - e <= 0;
+	}
+	getLastContentExtent(e, t) {
+		let n = this.getDocuments(), r = n[n.length - 1]?.getWrapperContainer();
+		return r ? g(this.htmlOptions).getLastContentExtent(r, t) : 0;
+	}
+	syncPageNumberWhenTransformBlocked(e, t) {
+		if (t != "next") return;
+		let n = e.getContentContainer()?.ownerDocument?.documentElement, i = r(n?.getAttribute(h.HtmlDocumentNumperOfPagesPropertyName), this.getCurrentPageNumber(e), "parseInt");
+		this.setCurrentPageNumber(e, i);
+	}
+	getDocumentPageStartOffset(e, t) {
+		let n = e.getWrapperContainer(), r = this.getDocumentPageBox(e);
+		return g(this.htmlOptions).getDocumentPageStartOffset(n, r);
+	}
+	getDocumentPageBox(e) {
+		let t = e.getWrapperContainer(), n = (e.getContentContainer()?.ownerDocument?.documentElement)?.ownerDocument?.defaultView?.frameElement, r = n?.offsetWidth || (t?.clientWidth ?? 0), i = this.getTransformContainer(), a = n && i ? T(n, i) : t?.offsetLeft ?? 0, o = i?.offsetWidth ?? 0;
+		return {
+			offsetLeft: a,
+			contentWidth: r,
+			startOffset: g(this.htmlOptions).getPageStartOffset({
+				offsetLeft: a,
+				contentWidth: r,
+				containerWidth: o
+			}),
+			containerWidth: o
+		};
+	}
+	applyPageTransform(e, t, n, r = "x") {
+		let i = g(this.htmlOptions), a = parseFloat(t.toFixed(10)), o = i.getPageTranslateCss(a), s = i.getSignedTranslateLength(a), l = c(e, r, !0);
+		e.setAttribute("data-target-transform", `${a}`), !(n && Math.abs(s - l) <= .5) && (!e.style.transition && this.htmlOptions.flipPageStyle == "slide" && (n == "next" || n == "previous") && (e.style.transition = "transform 0.2s ease"), e.style.transition && e.addEventListener("transitionend", this.removeElementTransitionEvent), e.style.transform = o);
 	}
 	setCurrentPageNumber(e, t) {
 		let n = e.getContentContainer()?.ownerDocument?.documentElement;
-		n && n.setAttribute(d.HtmlDocumentCurrentPagePropertyName, t.toFixed(0));
+		n && n.setAttribute(h.HtmlDocumentCurrentPagePropertyName, t.toFixed(0));
 	}
 	getCurrentPageNumber(e) {
 		let t = e.getContentContainer()?.ownerDocument?.documentElement;
 		if (!t) return 1;
-		let n = t.getAttribute(d.HtmlDocumentCurrentPagePropertyName);
+		let n = t.getAttribute(h.HtmlDocumentCurrentPagePropertyName);
 		return r(n, 1, "parseInt");
 	}
-	isVerticalWriting(e) {
-		return e == "vertical-lr" || e == "vertical-rl";
+	async syncPageState(e) {
+		(e.getContentContainer()?.ownerDocument?.documentElement)?.removeAttribute(h.HtmlDocumentNumperOfPagesPropertyName);
+		let t = Math.max(1, await e.getNumberOfPages()), n = g(this.htmlOptions), i = this.rendererViewport.getLayoutMetrics(), a = Math.max(1, i.pageMoveLength), o = this.getTransformContainer(), s = r(o?.getAttribute("data-target-transform"), 0, "parseFloat"), c = this.getDocumentPageStartOffset(e, n.pageAxis), l = Math.min(t, Math.max(1, Math.round(Math.abs(s - c) / a) + 1));
+		return this.setCurrentPageNumber(e, l), {
+			current: l,
+			total: t
+		};
 	}
-	appendPageStyles() {
-		this.getRendererContainer().classList.add(d.TransformPagesClassName);
+	setCurrentVisibleDocument(e) {
+		for (let t of this.getDocuments()) this.setDocumentVisible(t.getWrapperContainer(), t === e);
 	}
-	removePageStyles() {
-		this.getRendererContainer().classList.remove(d.TransformPagesClassName);
+	shouldRealignAfterPreload(e, t) {
+		return t || e?.direction == "next" || e?.direction == "previous" ? !1 : g(this.htmlOptions).flipMode == "page";
+	}
+	appendPageStyles() {}
+	clearPageTransform() {
 		let e = this.getTransformContainer();
-		e && e.style.removeProperty("transform");
+		e && (e.style.removeProperty("transition"), e.style.removeProperty("transform"), e.removeAttribute("data-target-transform"), e.offsetWidth);
+	}
+	removePageStyles() {
+		this.getRendererContainer().classList.remove(h.TransformPagesClassName), this.clearPageTransform();
 	}
 	async dispose() {
-		this.delayHideLoadingLayerTimer &&= (clearTimeout(this.delayHideLoadingLayerTimer), null), await this.documentsIntersectionObserver.dispose(), await this.documentPreloader.dispose(), await super.dispose(), this.readerContainer && a(this.readerContainer), this.isInit = !1;
+		await this.documentsIntersectionObserver.dispose(), await this.documentPreloader.dispose(), await super.dispose(), this.readerContainer && a(this.readerContainer), this.isInit = !1;
 	}
 };
 //#endregion
-export { v as HtmlDocumentsProvider };
+export { E as HtmlDocumentsProvider };

package/dist/mediaTypes/html/renderer/documents/HtmlDocumentsResizeObserver.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/EventNames.cjs"),t=require("../../HtmlSettings.cjs");let n=require("perfect-debounce");var r=class{constructor(r,i,a,o){this.documentsProvider=r,this.rendererViewport=i,this.progressTracker=a,this.rendererLayout=o,this.resizeRendererContainer=async()=>{if(this.context){if(this.rendererContainer.clientWidth==0||this.rendererContainer.clientHeight==0){this.rendererContainer.lhx_pdf_hidden&&(this.rendererContainer.lhx_pdf_require_resize=`true`),this.rendererContainer.lhx_pdf_hidden=`true`;return}if(this.rendererContainer.clientWidth>0&&this.rendererContainer.clientHeight>0&&this.rendererContainer.lhx_pdf_hidden){if(this.rendererContainer.lhx_pdf_hidden=void 0,!this.rendererContainer.lhx_pdf_require_resize)return;this.rendererContainer.lhx_pdf_require_resize=void 0}this.rendererViewport.applyCssVariables(),await this.rendererLayout.applyStyles();for(let e of this.documentsProvider.getLoadedDocuments())e.getContentContainer()?.ownerDocument?.documentElement?.removeAttribute(t.HtmlSettings.HtmlDocumentNumperOfPagesPropertyName);await this.documentsProvider.reload(),this.events.emit(e.EventNames.RendererContainerSizeChange,this.rendererContainer,this.context.userChangedProgress)}},this.delayResizeRendererContainer=(0,n.debounce)(this.resizeRendererContainer,100),this.rendererContainer=this.documentsProvider.getRendererContainer(),this.context=this.documentsProvider.owner.context,this.events=this.documentsProvider.owner.events}register(){this.rendererContainerResizeObserver=new ResizeObserver(async e=>{let t=e[0],n=t.target,r=parseFloat(n.getAttribute(`data-client-width`)),i=parseFloat(n.getAttribute(`data-client-height`)),a=t.contentRect?.width??t.borderBoxSize[0].inlineSize??0,o=t.contentRect?.height??t.borderBoxSize[0].blockSize??0;if(r!=a||i!=o){if(this.rendererContainer.setAttribute(`data-client-width`,`${a}`),this.rendererContainer.setAttribute(`data-client-height`,`${o}`),!this.context?.currentLocation?.precise){let e=await this.progressTracker.getProgress(!0);e&&(this.context.currentLocation=e.location)}this.context.setUserChangedProgress(!1),await this.delayResizeRendererContainer()}}),this.rendererContainerResizeObserver.observe(this.rendererContainer)}async dispose(){this.rendererContainerResizeObserver?.disconnect()}};exports.HtmlDocumentsResizeObserver=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/EventNames.cjs"),t=require("../../../../kernal/web/scheduler.cjs"),n=require("../../HtmlSettings.cjs"),r=require("./documentHiddenState.cjs"),i=require("../layout/pageStripRouteChange.cjs");let a=require("perfect-debounce");var o=class{constructor(o,s,c,l){this.documentsProvider=o,this.rendererViewport=s,this.progressTracker=c,this.rendererLayout=l,this.visualViewport=null,this.onVisualViewportResize=()=>{let e=this.documentsProvider.owner;if(e.getHostViewport().mode!=`window`)return;let t=e.refreshHostViewport(),n=e.getReaderContainer();n&&(n.style.minHeight=t.height+`px`),this.delayResizeRendererContainer()},this.resizeRendererContainer=async()=>{if(!this.context)return;let a=this.documentsProvider.owner.getHostViewport().mode!=`window`;if(r.isCollapsedSize(this.rendererContainer.clientWidth,this.rendererContainer.clientHeight,a)){r.markDocumentHidden(this.rendererContainer);return}if(!r.consumeDocumentHiddenRestore(this.rendererContainer)&&!i.shouldIgnoreResizeAfterRouteChange(this.rendererContainer)){this.rendererViewport.applyCssVariables(),await this.rendererLayout.applyStyles(),await t.yieldToMain();for(let e of this.documentsProvider.getLoadedDocuments())e.getContentContainer()?.ownerDocument?.documentElement?.removeAttribute(n.HtmlSettings.HtmlDocumentNumperOfPagesPropertyName);await this.documentsProvider.reload(),this.events.emit(e.EventNames.RendererContainerSizeChange,this.rendererContainer,this.context.userChangedProgress)}},this.delayResizeRendererContainer=(0,a.debounce)(this.resizeRendererContainer,100),this.rendererContainer=this.documentsProvider.getRendererContainer(),this.context=this.documentsProvider.owner.context,this.events=this.documentsProvider.owner.events}register(){this.rendererContainerResizeObserver=new ResizeObserver(async e=>{let t=e[0],n=t.target,a=parseFloat(n.getAttribute(`data-client-width`)),o=parseFloat(n.getAttribute(`data-client-height`)),s=t.contentRect?.width??t.borderBoxSize[0].inlineSize??0,c=t.contentRect?.height??t.borderBoxSize[0].blockSize??0,l=this.documentsProvider.owner.getHostViewport(),u=l.mode!=`window`;if(r.isCollapsedSize(s,c,u)){r.markDocumentHidden(this.rendererContainer);return}if(!r.consumeDocumentHiddenRestore(this.rendererContainer)){if(l.mode==`window`){if(a==s){this.rendererContainer.setAttribute(`data-client-height`,`${c}`);return}}else if(a==s&&o==c)return;if(this.rendererContainer.setAttribute(`data-client-width`,`${s}`),this.rendererContainer.setAttribute(`data-client-height`,`${c}`),!i.shouldIgnoreResizeAfterRouteChange(this.rendererContainer)){if(!this.context?.currentLocation?.precise){let e=await this.progressTracker.getProgress(!0);e&&(this.context.currentLocation=e.location)}this.context.setUserChangedProgress(!1),await this.delayResizeRendererContainer()}}}),this.rendererContainerResizeObserver.observe(this.rendererContainer);let e=this.rendererContainer.ownerDocument.defaultView;this.visualViewport=e?.visualViewport??null,this.visualViewport?.addEventListener(`resize`,this.onVisualViewportResize)}async dispose(){this.visualViewport?.removeEventListener(`resize`,this.onVisualViewportResize),this.visualViewport=null,this.rendererContainerResizeObserver?.disconnect()}};exports.HtmlDocumentsResizeObserver=o;

package/dist/mediaTypes/html/renderer/documents/HtmlDocumentsResizeObserver.d.ts

@@ -13,8 +13,10 @@ export declare class HtmlDocumentsResizeObserver implements IDisposable {
     private readonly rendererContainer;
     private readonly context;
     private readonly events;
+    private visualViewport;
     constructor(documentsProvider: IDocumentsProvider, rendererViewport: IRendererViewport<HtmlLayoutMetrics>, progressTracker: IProgressTracker, rendererLayout: IHtmlRendererLayout);
     register(): void;
+    private onVisualViewportResize;
     protected resizeRendererContainer: () => Promise<void>;
     protected delayResizeRendererContainer: DebouncedReturn<[], void>;
     dispose(): Promise<void>;

package/dist/mediaTypes/html/renderer/documents/HtmlDocumentsResizeObserver.mjs

@@ -1,40 +1,60 @@
 import { EventNames as e } from "../../../../kernal/EventNames.mjs";
-import { asyncDebounce as t } from "../../../../kernal/Debounce.mjs";
-import { HtmlSettings as n } from "../../HtmlSettings.mjs";
+import { yieldToMain as t } from "../../../../kernal/web/scheduler.mjs";
+import { asyncDebounce as n } from "../../../../kernal/web/debounce.mjs";
+import { HtmlSettings as r } from "../../HtmlSettings.mjs";
+import { consumeDocumentHiddenRestore as i, isCollapsedSize as a, markDocumentHidden as o } from "./documentHiddenState.mjs";
+import { shouldIgnoreResizeAfterRouteChange as s } from "../layout/pageStripRouteChange.mjs";
 //#region mediaTypes/html/renderer/documents/HtmlDocumentsResizeObserver.ts
-var r = class {
-	constructor(r, i, a, o) {
-		this.documentsProvider = r, this.rendererViewport = i, this.progressTracker = a, this.rendererLayout = o, this.resizeRendererContainer = async () => {
-			if (this.context) {
-				if (this.rendererContainer.clientWidth == 0 || this.rendererContainer.clientHeight == 0) {
-					this.rendererContainer.lhx_pdf_hidden && (this.rendererContainer.lhx_pdf_require_resize = "true"), this.rendererContainer.lhx_pdf_hidden = "true";
-					return;
-				}
-				if (this.rendererContainer.clientWidth > 0 && this.rendererContainer.clientHeight > 0 && this.rendererContainer.lhx_pdf_hidden) {
-					if (this.rendererContainer.lhx_pdf_hidden = void 0, !this.rendererContainer.lhx_pdf_require_resize) return;
-					this.rendererContainer.lhx_pdf_require_resize = void 0;
-				}
-				this.rendererViewport.applyCssVariables(), await this.rendererLayout.applyStyles();
-				for (let e of this.documentsProvider.getLoadedDocuments()) e.getContentContainer()?.ownerDocument?.documentElement?.removeAttribute(n.HtmlDocumentNumperOfPagesPropertyName);
+var c = class {
+	constructor(c, l, u, d) {
+		this.documentsProvider = c, this.rendererViewport = l, this.progressTracker = u, this.rendererLayout = d, this.visualViewport = null, this.onVisualViewportResize = () => {
+			let e = this.documentsProvider.owner;
+			if (e.getHostViewport().mode != "window") return;
+			let t = e.refreshHostViewport(), n = e.getReaderContainer();
+			n && (n.style.minHeight = t.height + "px"), this.delayResizeRendererContainer();
+		}, this.resizeRendererContainer = async () => {
+			if (!this.context) return;
+			let n = this.documentsProvider.owner.getHostViewport().mode != "window";
+			if (a(this.rendererContainer.clientWidth, this.rendererContainer.clientHeight, n)) {
+				o(this.rendererContainer);
+				return;
+			}
+			if (!i(this.rendererContainer) && !s(this.rendererContainer)) {
+				this.rendererViewport.applyCssVariables(), await this.rendererLayout.applyStyles(), await t();
+				for (let e of this.documentsProvider.getLoadedDocuments()) e.getContentContainer()?.ownerDocument?.documentElement?.removeAttribute(r.HtmlDocumentNumperOfPagesPropertyName);
 				await this.documentsProvider.reload(), this.events.emit(e.RendererContainerSizeChange, this.rendererContainer, this.context.userChangedProgress);
 			}
-		}, this.delayResizeRendererContainer = t(this.resizeRendererContainer, 100), this.rendererContainer = this.documentsProvider.getRendererContainer(), this.context = this.documentsProvider.owner.context, this.events = this.documentsProvider.owner.events;
+		}, this.delayResizeRendererContainer = n(this.resizeRendererContainer, 100), this.rendererContainer = this.documentsProvider.getRendererContainer(), this.context = this.documentsProvider.owner.context, this.events = this.documentsProvider.owner.events;
 	}
 	register() {
 		this.rendererContainerResizeObserver = new ResizeObserver(async (e) => {
-			let t = e[0], n = t.target, r = parseFloat(n.getAttribute("data-client-width")), i = parseFloat(n.getAttribute("data-client-height")), a = t.contentRect?.width ?? t.borderBoxSize[0].inlineSize ?? 0, o = t.contentRect?.height ?? t.borderBoxSize[0].blockSize ?? 0;
-			if (r != a || i != o) {
-				if (this.rendererContainer.setAttribute("data-client-width", `${a}`), this.rendererContainer.setAttribute("data-client-height", `${o}`), !this.context?.currentLocation?.precise) {
-					let e = await this.progressTracker.getProgress(!0);
-					e && (this.context.currentLocation = e.location);
+			let t = e[0], n = t.target, r = parseFloat(n.getAttribute("data-client-width")), c = parseFloat(n.getAttribute("data-client-height")), l = t.contentRect?.width ?? t.borderBoxSize[0].inlineSize ?? 0, u = t.contentRect?.height ?? t.borderBoxSize[0].blockSize ?? 0, d = this.documentsProvider.owner.getHostViewport(), f = d.mode != "window";
+			if (a(l, u, f)) {
+				o(this.rendererContainer);
+				return;
+			}
+			if (!i(this.rendererContainer)) {
+				if (d.mode == "window") {
+					if (r == l) {
+						this.rendererContainer.setAttribute("data-client-height", `${u}`);
+						return;
+					}
+				} else if (r == l && c == u) return;
+				if (this.rendererContainer.setAttribute("data-client-width", `${l}`), this.rendererContainer.setAttribute("data-client-height", `${u}`), !s(this.rendererContainer)) {
+					if (!this.context?.currentLocation?.precise) {
+						let e = await this.progressTracker.getProgress(!0);
+						e && (this.context.currentLocation = e.location);
+					}
+					this.context.setUserChangedProgress(!1), await this.delayResizeRendererContainer();
 				}
-				this.context.setUserChangedProgress(!1), await this.delayResizeRendererContainer();
 			}
 		}), this.rendererContainerResizeObserver.observe(this.rendererContainer);
+		let e = this.rendererContainer.ownerDocument.defaultView;
+		this.visualViewport = e?.visualViewport ?? null, this.visualViewport?.addEventListener("resize", this.onVisualViewportResize);
 	}
 	async dispose() {
-		this.rendererContainerResizeObserver?.disconnect();
+		this.visualViewport?.removeEventListener("resize", this.onVisualViewportResize), this.visualViewport = null, this.rendererContainerResizeObserver?.disconnect();
 	}
 };
 //#endregion
-export { r as HtmlDocumentsResizeObserver };
+export { c as HtmlDocumentsResizeObserver };

package/dist/mediaTypes/html/renderer/documents/documentHiddenState.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`foxycape_document_hidden`,t=`foxycape_document_require_resize`,n=(e,t,n)=>e==0||n&&t==0,r=(e,t)=>e?n(e.clientWidth,e.clientHeight,t):!1,i=n=>{n.foxycape_document_hidden&&(n[t]=`true`),n[e]=`true`},a=n=>n.foxycape_document_hidden?(n[e]=void 0,!n.foxycape_document_require_resize||(n[t]=void 0,!1)):!1;exports.DOCUMENT_HIDDEN_FLAG=e,exports.DOCUMENT_REQUIRE_RESIZE_FLAG=t,exports.consumeDocumentHiddenRestore=a,exports.isCollapsedSize=n,exports.isHostContainerCollapsed=r,exports.markDocumentHidden=i;

package/dist/mediaTypes/html/renderer/documents/documentHiddenState.d.ts

@@ -0,0 +1,6 @@
+export declare const DOCUMENT_HIDDEN_FLAG = "foxycape_document_hidden";
+export declare const DOCUMENT_REQUIRE_RESIZE_FLAG = "foxycape_document_require_resize";
+export declare const isCollapsedSize: (width: number, height: number, treatZeroHeight: boolean) => boolean;
+export declare const isHostContainerCollapsed: (container: HTMLElement | null | undefined, treatZeroHeight: boolean) => boolean;
+export declare const markDocumentHidden: (container: HTMLElement) => void;
+export declare const consumeDocumentHiddenRestore: (container: HTMLElement) => boolean;

package/dist/mediaTypes/html/renderer/documents/documentHiddenState.mjs

@@ -0,0 +1,6 @@
+//#region mediaTypes/html/renderer/documents/documentHiddenState.ts
+var e = "foxycape_document_hidden", t = "foxycape_document_require_resize", n = (e, t, n) => e == 0 || n && t == 0, r = (e, t) => e ? n(e.clientWidth, e.clientHeight, t) : !1, i = (n) => {
+	n.foxycape_document_hidden && (n[t] = "true"), n[e] = "true";
+}, a = (n) => n.foxycape_document_hidden ? (n[e] = void 0, !n.foxycape_document_require_resize || (n[t] = void 0, !1)) : !1;
+//#endregion
+export { e as DOCUMENT_HIDDEN_FLAG, t as DOCUMENT_REQUIRE_RESIZE_FLAG, a as consumeDocumentHiddenRestore, n as isCollapsedSize, r as isHostContainerCollapsed, i as markDocumentHidden };

package/dist/mediaTypes/html/renderer/documents/preloadNeighbors.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=e=>!Number.isFinite(e)||e<1?1:Math.min(10,e),t=(t,n,r,i,a)=>{let o=e(i),s=[],c=[];for(let e=1;e<=o;e++){let i=n-e;i>=0&&s.push(t[i]);let a=r+e;a>=0&&a<t.length&&c.push(t[a])}return a?[...s,...c]:[...c,...s]};exports.clampPreloadFileCount=e,exports.collectPreloadNeighbors=t;

package/dist/mediaTypes/html/renderer/documents/preloadNeighbors.d.ts

@@ -0,0 +1,2 @@
+export declare const clampPreloadFileCount: (value: number) => number;
+export declare const collectPreloadNeighbors: <T>(documents: T[], startIndex: number, endIndex: number, preloadFileCount: number, previousFirst: boolean) => T[];

package/dist/mediaTypes/html/renderer/documents/preloadNeighbors.mjs

@@ -0,0 +1,13 @@
+//#region mediaTypes/html/renderer/documents/preloadNeighbors.ts
+var e = (e) => !Number.isFinite(e) || e < 1 ? 1 : Math.min(10, e), t = (t, n, r, i, a) => {
+	let o = e(i), s = [], c = [];
+	for (let e = 1; e <= o; e++) {
+		let i = n - e;
+		i >= 0 && s.push(t[i]);
+		let a = r + e;
+		a >= 0 && a < t.length && c.push(t[a]);
+	}
+	return a ? [...s, ...c] : [...c, ...s];
+};
+//#endregion
+export { e as clampPreloadFileCount, t as collectPreloadNeighbors };

package/dist/mediaTypes/html/renderer/documents/wrapperVisibility.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=2,t=(e,t)=>e.right>t.left&&e.left<t.right&&e.bottom>t.top&&e.top<t.bottom,n=e=>{if(!e)return!1;let t=e.width??Math.abs(e.right-e.left),n=e.height??Math.abs(e.bottom-e.top);return t>2&&n>2};exports.SUBSTANTIAL_WRAPPER_PX=e,exports.isSubstantialWrapperRect=n,exports.rectsIntersect=t;

package/dist/mediaTypes/html/renderer/documents/wrapperVisibility.d.ts

@@ -0,0 +1,11 @@
+export declare const SUBSTANTIAL_WRAPPER_PX = 2;
+export type EdgeRect = {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    width?: number;
+    height?: number;
+};
+export declare const rectsIntersect: (a: EdgeRect, b: EdgeRect) => boolean;
+export declare const isSubstantialWrapperRect: (rect?: EdgeRect | null) => boolean;

package/dist/mediaTypes/html/renderer/documents/wrapperVisibility.mjs

@@ -0,0 +1,8 @@
+//#region mediaTypes/html/renderer/documents/wrapperVisibility.ts
+var e = 2, t = (e, t) => e.right > t.left && e.left < t.right && e.bottom > t.top && e.top < t.bottom, n = (e) => {
+	if (!e) return !1;
+	let t = e.width ?? Math.abs(e.right - e.left), n = e.height ?? Math.abs(e.bottom - e.top);
+	return t > 2 && n > 2;
+};
+//#endregion
+export { e as SUBSTANTIAL_WRAPPER_PX, n as isSubstantialWrapperRect, t as rectsIntersect };