@foxycape/core 1.1.5 → 1.1.7

package/dist/mediaTypes/html/renderer/document/HtmlPageCalculator.mjs

@@ -1,78 +1,41 @@
 import { parseNumber as e } from "../../../../kernal/common/number.mjs";
 import { compareTagName as t, getDocumentBody as n } from "../../../../kernal/html/finder.mjs";
 import { getTransformLength as r } from "../../../../kernal/html/style.mjs";
-import { HtmlSettings as i } from "../../HtmlSettings.mjs";
+import { getLocateClientRect as i, isDomRange as a } from "../../../../kernal/html/geometry.mjs";
+import { HtmlSettings as o } from "../../HtmlSettings.mjs";
+import { getLayoutGeometry as s } from "../layout/resolveLayoutRoute.mjs";
 //#region mediaTypes/html/renderer/document/HtmlPageCalculator.ts
-var a = class {
+var c = class {
 	constructor(e, t, n) {
 		this.doc = e, this.layout = t, this.options = n;
 	}
 	calcNumberOfPages(t) {
-		let n = 1;
-		if (this.options.flipMode == "scroll") return n;
+		let n = 1, i = s(this.options);
+		if (i.flipMode == "scroll") return n;
 		let a = this.doc.getContentContainer()?.ownerDocument?.documentElement;
 		if (!a || !a.firstElementChild) return 1;
-		if (!t && (n = e(a.getAttribute(i.HtmlDocumentNumperOfPagesPropertyName), 0, "parseInt"), n > 1)) return n;
-		let o = this.layout.getLayoutMetrics(), s = this.options.writingMode ?? "horizontal-tb", c = this.getIframe();
-		if (this.isVerticalWriting(s)) {
-			let e = 0, t = a.scrollHeight;
-			t < 1 && (t = 1);
-			let i = r(a, "y");
-			if (Math.abs(i) > 0 && c) {
-				let e = c.scrollHeight;
-				if (t == e) {
-					this.transformCurrentDocument(this.getContentRootElement(), i - 2, "y");
-					let e = a.scrollHeight;
-					t == e ? (this.transformCurrentDocument(this.getContentRootElement(), 0, "y"), i = 0, t = a.scrollHeight) : this.transformCurrentDocument(this.getContentRootElement(), i, "y");
-				}
-			}
-			e = t + i, n = Math.floor(e / o.pageMoveLength), e % o.pageMoveLength > o.columnGap && (n += 1);
-		} else {
-			let e = 0, t = a.scrollWidth;
-			t < 1 && (t = 1);
-			let i = r(a, "x");
-			if (Math.abs(i) > 0 && c) {
-				let e = c.scrollWidth;
-				if (t == e) {
-					this.transformCurrentDocument(this.getContentRootElement(), i - 2, "x");
-					let e = a.scrollWidth;
-					t == e ? (this.transformCurrentDocument(this.getContentRootElement(), 0, "x"), i = 0, t = a.scrollWidth) : this.transformCurrentDocument(this.getContentRootElement(), i, "x");
-				}
-			}
-			e = i + t, n = Math.floor(e / o.pageMoveLength), e % o.pageMoveLength > o.columnGap && (n += 1);
-		}
-		return a.setAttribute(i.HtmlDocumentNumperOfPagesPropertyName, n.toString()), n;
+		if (!t && (n = e(a.getAttribute(o.HtmlDocumentNumperOfPagesPropertyName), 0, "parseInt"), n > 1)) return n;
+		let c = this.layout.getLayoutMetrics(), l = this.getIframe(), u = i.getOccupiedLength(l, a), d = Math.max(1, u), f = r(a, i.pageAxis);
+		return Math.abs(f) > 0 && (d = f + d), n = Math.floor(d / c.pageMoveLength), d % c.pageMoveLength > c.columnGap && (n += 1), a.setAttribute(o.HtmlDocumentNumperOfPagesPropertyName, n.toString()), n;
 	}
 	getPageNumber(e) {
 		if (!e) return 1;
-		let i = this.doc.getContentContainer()?.ownerDocument;
-		if (!n(i) || t("BODY", e.tagName)) return 1;
-		let a = this.layout.getLayoutMetrics(), o = e.getBoundingClientRect(), s = 1, c = this.options.writingMode ?? "horizontal-tb", l = this.isVerticalWriting(c);
-		if (l) {
-			let e = r(i.documentElement, "y"), t = (o?.top ?? 0) + e;
-			s = Math.floor(t / a.pageMoveLength), t % a.pageMoveLength >= 0 && (s += 1);
-		} else {
-			let e = r(i.documentElement, "x"), t = (o?.left ?? 0) + e;
-			s = Math.floor(t / a.pageMoveLength), t > a.pageWidth && t % a.pageMoveLength >= 0 && (s += 1);
-		}
-		if (s == 0 && (s = 1), !l && this.options.direction == "rtl") {
-			let e = this.calcNumberOfPages();
-			s = Math.max(1, e - s + 1);
-		}
-		return s;
+		let o = this.doc.getContentContainer()?.ownerDocument;
+		if (!n(o) || !a(e) && t("BODY", e.tagName)) return 1;
+		let c = this.layout.getLayoutMetrics(), l = s(this.options), u = i(e), d = r(o.documentElement, "x"), f = r(o.documentElement, "y"), p = l.getLocateAxisOffset({
+			left: u?.left ?? 0,
+			top: u?.top ?? 0
+		}, d, f);
+		return l.getPageNumberFromPoint({
+			axisOffset: p,
+			pageMoveLength: c.pageMoveLength,
+			pageLength: l.getPageBoxLength(c),
+			numberOfPages: this.calcNumberOfPages()
+		});
 	}
 	getIframe() {
 		return this.doc.getContentContainer()?.ownerDocument?.defaultView?.frameElement;
 	}
-	getContentRootElement() {
-		return this.doc.inIframe ? this.doc.getContentContainer()?.ownerDocument?.documentElement : this.doc.getWrapperContainer();
-	}
-	transformCurrentDocument(e, t, n) {
-		!n || !e || (n == "x" ? e.style.transform = "translateX(-" + parseFloat(t.toFixed(10)) + "px)" : e.style.transform = "translateY(-" + parseFloat(t.toFixed(10)) + "px)");
-	}
-	isVerticalWriting(e) {
-		return e == "vertical-lr" || e == "vertical-rl";
-	}
 };
 //#endregion
-export { a as HtmlPageCalculator };
+export { c as HtmlPageCalculator };

package/dist/mediaTypes/html/renderer/document/HtmlSymbolCalclator.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/Constants.cjs"),t=require("../../../../kernal/common/number.cjs"),n=require("../../../../kernal/html/finder.cjs"),r=require("../../../../kernal/html/text.cjs"),i=require("../../../../kernal/html/position.cjs");var a=class{constructor(e,t){this.doc=e,this.options=t,this.totalTotalSymbolCountMap=new Map}get textSymbolOptions(){return{removeHtmlWhitespace:this.options.removeHtmlWhitespace,whitespaceRegex:this.options.whitespaceRegex,nonWhiteSpaceSymbolTagNames:this.options.nonWhiteSpaceSymbolTagNames}}async getElementByPosition(e,t,n){let r=await this.getFormatVirtualContentContainer();return i.getElementByPosition(r,e,t,n,this.textSymbolOptions)}async getFormatVirtualContentContainer(){return this.formatVirtualContentContainer||=await this.doc.getVirtualContentContainer(),this.formatVirtualContentContainer}getOtherNonWhiteSpaceSymbolCount(e){let t=0;if(this.options?.nonWhiteSpaceSymbolTagNames)for(let n of this.options.nonWhiteSpaceSymbolTagNames)t+=e.getElementsByTagName(n).length;return t}async getElementByProgress(e,t){e??=0;let n=await this.getTotalSymbolCount(t),r=Math.ceil(n*e);return this.getElementByPosition(r,t)}async getProgressByElement(e,t,n){let r=await this.getTotalSymbolCount(t);if(r==1)return 1;let i=await this.getPositionByElement(e,t,n)/r;return i<0&&(i=0),i>1&&(i=1),i}async getPositionByElement(e,t,r){let a=await this.getFormatVirtualContentContainer(),o=null;if(this.isTagDescriptor(e)){if(n.compareTagName(e.tagName,`BODY`))return r??-2;o=n.getElementByNameAndIndex(a,e.tagName,e.tagIndex)}else{let t=e;if(this.isBodyElement(t,a))return r??-2;o=t.ownerDocument==a.ownerDocument?t:this.resolveElementInVirtualDocument(a,t)}return o?this.isBodyElement(o,a)?r??-2:i.getPositionByElement(a,o,t,r,this.textSymbolOptions):-1}isTagDescriptor(e){return typeof e?.tagIndex==`number`&&typeof e?.tagName==`string`&&e?.nodeType!==1}isBodyElement(e,t){return e==t||n.compareTagName(e.tagName,`BODY`)}resolveElementInVirtualDocument(r,i){let a=t.parseNumber(i.getAttribute(e.ElementInitialNumberName),-1,`parseInt`);if(a>=0){let e=n.getElementByElementNumber(r,a);if(e)return e}let o=n.getDocumentBody(i.ownerDocument);if(!o)return null;if(o.getElementsByTagName(i.tagName).length==r.getElementsByTagName(i.tagName).length){let e=n.getElementIndex(o,i);if(e>=0)return n.getElementByNameAndIndex(r,i.tagName,e)}return null}async getTotalSymbolCount(e){let t=this.totalTotalSymbolCountMap.get(e);if(t>=0)return t;let n=await this.getFormatVirtualContentContainer(),i=r.getPureInnerTextLength(n,this.options.removeHtmlWhitespace,this.options.whitespaceRegex);if(e==`custom`){let e=this.getOtherNonWhiteSpaceSymbolCount(n);i+=e}return t=i,this.totalTotalSymbolCountMap.set(e,t),t}async dispose(){this.totalTotalSymbolCountMap.clear(),this.formatVirtualContentContainer&&=null}};exports.HtmlSymbolCalclator=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/Constants.cjs"),t=require("../../../../kernal/common/number.cjs"),n=require("../../../../kernal/html/finder.cjs");var r=class{constructor(e,t){this.doc=e,this.measure=t,this.totalTotalSymbolCountMap=new Map}async getElementByPosition(e,t,n){let r=await this.getFormatVirtualContentContainer();return this.measure.getElementByPosition(r,e,t,n)}async getFormatVirtualContentContainer(){return this.formatVirtualContentContainer||=await this.doc.getVirtualContentContainer(),this.formatVirtualContentContainer}async getElementByProgress(e,t){e??=0;let n=await this.getTotalSymbolCount(t),r=Math.ceil(n*e);return this.getElementByPosition(r,t)}async getProgressByElement(e,t,n){let r=await this.getTotalSymbolCount(t);if(r==1)return 1;let i=await this.getPositionByElement(e,t,n)/r;return i<0&&(i=0),i>1&&(i=1),i}async getPositionByElement(e,t,r){let i=await this.getFormatVirtualContentContainer(),a=null;if(this.isTagDescriptor(e)){if(n.compareTagName(e.tagName,`BODY`))return r??-2;a=n.getElementByNameAndIndex(i,e.tagName,e.tagIndex)}else{let t=e;if(this.isBodyElement(t,i))return r??-2;a=t.ownerDocument==i.ownerDocument?t:this.resolveElementInVirtualDocument(i,t)}return a?this.isBodyElement(a,i)?r??-2:this.measure.getPositionByElement(i,a,t,r):-1}isTagDescriptor(e){return typeof e?.tagIndex==`number`&&typeof e?.tagName==`string`&&e?.nodeType!==1}isBodyElement(e,t){return e==t||n.compareTagName(e.tagName,`BODY`)}resolveElementInVirtualDocument(r,i){let a=t.parseNumber(i.getAttribute(e.ElementInitialNumberName),-1,`parseInt`);if(a>=0){let e=n.getElementByElementNumber(r,a);if(e)return e}let o=n.getDocumentBody(i.ownerDocument);if(!o)return null;if(o.getElementsByTagName(i.tagName).length==r.getElementsByTagName(i.tagName).length){let e=n.getElementIndex(o,i);if(e>=0)return n.getElementByNameAndIndex(r,i.tagName,e)}return null}async getTotalSymbolCount(e){let t=this.totalTotalSymbolCountMap.get(e);if(t>=0)return t;let n=await this.getFormatVirtualContentContainer();return t=this.measure.count(n,e),this.totalTotalSymbolCountMap.set(e,t),t}async dispose(){this.totalTotalSymbolCountMap.clear(),this.formatVirtualContentContainer&&=null}};exports.HtmlSymbolCalclator=r;

package/dist/mediaTypes/html/renderer/document/HtmlSymbolCalclator.d.ts

@@ -2,17 +2,15 @@ import { ElementPositionResult } from '../../../../kernal/html/position';
 import { ISymbolCalclator, SymbolType } from '../../../../kernal';
 import { TagDescriptor } from '../../../../kernal/types';
 import { IHtmlDocument } from '../IHtmlDocument';
-import { HtmlOptions } from '../../HtmlOptions';
+import { IHtmlSymbolMeasure } from '../../IHtmlSymbolMeasure';
 
 export declare class HtmlSymbolCalclator implements ISymbolCalclator {
     readonly doc: IHtmlDocument;
-    private readonly options;
-    constructor(doc: IHtmlDocument, options: HtmlOptions);
-    private get textSymbolOptions();
+    private readonly measure;
+    constructor(doc: IHtmlDocument, measure: IHtmlSymbolMeasure);
     getElementByPosition(symbolPosition: number, symbolType: SymbolType, preferEnd?: boolean): Promise<ElementPositionResult>;
     private formatVirtualContentContainer;
     private getFormatVirtualContentContainer;
-    private getOtherNonWhiteSpaceSymbolCount;
     getElementByProgress(progress: number, symbolType: SymbolType): Promise<ElementPositionResult>;
     getProgressByElement(element: TagDescriptor | Element, symbolType: SymbolType, internalSymbolOffset?: number): Promise<number>;
     getPositionByElement(element: TagDescriptor | Element, symbolType: SymbolType, internalSymbolOffset?: number): Promise<number>;

package/dist/mediaTypes/html/renderer/document/HtmlSymbolCalclator.mjs

@@ -1,32 +1,18 @@
 import { ElementInitialNumberName as e } from "../../../../kernal/Constants.mjs";
 import { parseNumber as t } from "../../../../kernal/common/number.mjs";
 import { compareTagName as n, getDocumentBody as r, getElementByElementNumber as i, getElementByNameAndIndex as a, getElementIndex as o } from "../../../../kernal/html/finder.mjs";
-import { getPureInnerTextLength as s } from "../../../../kernal/html/text.mjs";
-import { getElementByPosition as c, getPositionByElement as l } from "../../../../kernal/html/position.mjs";
 //#region mediaTypes/html/renderer/document/HtmlSymbolCalclator.ts
-var u = class {
+var s = class {
 	constructor(e, t) {
-		this.doc = e, this.options = t, this.totalTotalSymbolCountMap = /* @__PURE__ */ new Map();
-	}
-	get textSymbolOptions() {
-		return {
-			removeHtmlWhitespace: this.options.removeHtmlWhitespace,
-			whitespaceRegex: this.options.whitespaceRegex,
-			nonWhiteSpaceSymbolTagNames: this.options.nonWhiteSpaceSymbolTagNames
-		};
+		this.doc = e, this.measure = t, this.totalTotalSymbolCountMap = /* @__PURE__ */ new Map();
 	}
 	async getElementByPosition(e, t, n) {
 		let r = await this.getFormatVirtualContentContainer();
-		return c(r, e, t, n, this.textSymbolOptions);
+		return this.measure.getElementByPosition(r, e, t, n);
 	}
 	async getFormatVirtualContentContainer() {
 		return this.formatVirtualContentContainer ||= await this.doc.getVirtualContentContainer(), this.formatVirtualContentContainer;
 	}
-	getOtherNonWhiteSpaceSymbolCount(e) {
-		let t = 0;
-		if (this.options?.nonWhiteSpaceSymbolTagNames) for (let n of this.options.nonWhiteSpaceSymbolTagNames) t += e.getElementsByTagName(n).length;
-		return t;
-	}
 	async getElementByProgress(e, t) {
 		e ??= 0;
 		let n = await this.getTotalSymbolCount(t), r = Math.ceil(n * e);
@@ -48,7 +34,7 @@ var u = class {
 			if (this.isBodyElement(t, i)) return r ?? -2;
 			o = t.ownerDocument == i.ownerDocument ? t : this.resolveElementInVirtualDocument(i, t);
 		}
-		return o ? this.isBodyElement(o, i) ? r ?? -2 : l(i, o, t, r, this.textSymbolOptions) : -1;
+		return o ? this.isBodyElement(o, i) ? r ?? -2 : this.measure.getPositionByElement(i, o, t, r) : -1;
 	}
 	isTagDescriptor(e) {
 		return typeof e?.tagIndex == "number" && typeof e?.tagName == "string" && e?.nodeType !== 1;
@@ -73,16 +59,12 @@ var u = class {
 	async getTotalSymbolCount(e) {
 		let t = this.totalTotalSymbolCountMap.get(e);
 		if (t >= 0) return t;
-		let n = await this.getFormatVirtualContentContainer(), r = s(n, this.options.removeHtmlWhitespace, this.options.whitespaceRegex);
-		if (e == "custom") {
-			let e = this.getOtherNonWhiteSpaceSymbolCount(n);
-			r += e;
-		}
-		return t = r, this.totalTotalSymbolCountMap.set(e, t), t;
+		let n = await this.getFormatVirtualContentContainer();
+		return t = this.measure.count(n, e), this.totalTotalSymbolCountMap.set(e, t), t;
 	}
 	async dispose() {
 		this.totalTotalSymbolCountMap.clear(), this.formatVirtualContentContainer &&= null;
 	}
 };
 //#endregion
-export { u as HtmlSymbolCalclator };
+export { s as HtmlSymbolCalclator };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/Options.cjs"),t=require("../../../../kernal/Theme.cjs"),n=require("../../../../kernal/common/uuid.cjs"),r=require("../../../../kernal/html/injector.cjs"),i=require("../../HtmlSettings.cjs"),a=require("../layout/ViewportCssVariableNames.cjs");var o=class{constructor(e){this.htmlOptions=e}createContainers(){let{rendererCss:e,rendererContainer:t}=this.createRendererContainer(),{contentsContainer:n,transformContainer:r,contentsContainerCss:i,transformContainerCss:a,contentContainerCss:o}=this.createOtherContainers();return t.appendChild(n),{rendererContainer:t,rendererCss:e,otherCss:i+a+o,contentsContainer:n,transformContainer:r}}createRendererContainer(){let i=`renderer`,o=`.${i}{margin-block-start:var(${e.Options.HeaderHeight});`;o+=`margin-block-end:var(${e.Options.FooterHeight});`,o+=`overflow:auto;outline:none;width:100%;`,o+=`height:calc(100% - var(${e.Options.HeaderHeight}) - var(${e.Options.FooterHeight}));`,o+=`overflow-y:var(${a.ViewportCssVariableNames.ScrollElementOverflow});`,o+=`overflow-x:hidden;`,o+=`}`;let s=r.createElement(document,`div`,n.getRandomId(!0),i);return s.classList.add(t.Theme.customScrollerClassName),s.setAttribute(`data-role`,`renderer-container`),{rendererCss:o,rendererContainer:s}}createOtherContainers(){let e=i.HtmlSettings.ContentsContainerCssName,o=`.${e}{width:var(${a.ViewportCssVariableNames.ContentsContainerWidth});`;o+=`margin:0 auto;`,o+=`padding:var(${a.ViewportCssVariableNames.ContentsContainerPadding});`,o+=`}`;let s=r.createElement(document,`div`,n.getRandomId(!0),e);s.setAttribute(`data-role`,`contents-container`);let c=r.createElement(document,`div`,n.getRandomId(!0),i.HtmlSettings.ContentsShadowContainerCssName),l=r.createElement(document,`div`,n.getRandomId(!0),i.HtmlSettings.TransformContainerCssName);this.htmlOptions.flipPageStyle==`slide`&&l.classList.add(`slide`),c.appendChild(l),s.appendChild(c);let u=`.`+i.HtmlSettings.FileContentContainerClassName+`{`;u+=`position:relative;`,u+=`width:auto;`,u+=`min-width:var(`+a.ViewportCssVariableNames.ContentWrapperMinWidth+`);`,u+=`overflow:hidden;height:var(`+a.ViewportCssVariableNames.ContentWrapperHeight+`);`,u+=`padding:var(`+a.ViewportCssVariableNames.ContentWrapperPadding+`);`,u+=`margin-block-end: var(`+a.ViewportCssVariableNames.ContentWrapperMarginBottom+`);`,this.htmlOptions.enableContentWrapperBorderRadius&&this.htmlOptions.flipMode==`scroll`&&(u+=`border-radius: var(`+a.ViewportCssVariableNames.ContentWrapperBorderRadius+`);`),u+=`background:var(`+t.Theme.ContentBackground+`);`,u+=`}`,u+=`.`+i.HtmlSettings.FileContentContainerClassName+`:first-child{`,u+=`margin-block-start: var(`+a.ViewportCssVariableNames.ContentWrapperMarginTop+`);`,u+=`}`,u+=`.`+i.HtmlSettings.FileContentContainerClassName+`.`+i.HtmlSettings.FileContentContainerHeightClassName+`{`,u+=`min-height:var(`+a.ViewportCssVariableNames.ContentWrapperMinHeight+`);`,u+=`max-height:var(`+a.ViewportCssVariableNames.ContentWrapperMaxHeight+`);`,u+=`}`;let d=``;return d+=`.`+i.HtmlSettings.TransformPagesClassName+` .`+i.HtmlSettings.ContentsContainerCssName+`{`,d+=`overflow:hidden;background-color:var(${t.Theme.ContentBackground})`,d+=`}`,d+=`.`+i.HtmlSettings.TransformPagesClassName+` .`+i.HtmlSettings.TransformContainerCssName+`{`,d+=`display:flex;flex-wrap:nowrap;position: relative;transition-property:transform;`,d+=`}`,d+=`.`+i.HtmlSettings.TransformPagesClassName+` .`+i.HtmlSettings.TransformContainerCssName+`.slide{`,d+=`transition-property:transform;`,d+=`}`,d+=`.`+i.HtmlSettings.TransformPagesClassName+` .`+i.HtmlSettings.FileContentContainerClassName+`{`,d+=`flex-shrink: 0;padding-inline-end:calc(var(${a.ViewportCssVariableNames.ContentColumnGap}) / 2 - 1px);margin-inline-end:calc(var(${a.ViewportCssVariableNames.ContentColumnGap}) / 2);`,d+=`border-right: 1px solid var(${t.Theme.ColumnRuleColor});transition-property: transform;`,d+=`}`,d+=`.`+i.HtmlSettings.TransformPagesClassName+` .`+i.HtmlSettings.FileContentContainerClassName+`:last-child{`,d+=`border-right:none;`,d+=`}`,d+=`.`+i.HtmlSettings.TransformPagesClassName+` .`+i.HtmlSettings.ContentsShadowContainerCssName+`{`,d+=`overflow:hidden;margin:0 ${this.htmlOptions.contentsShadowMargin??20}px`,d+=`}`,d+=`.`+i.HtmlSettings.TransformContainerCssName+`{`,d+=`}`,{contentsContainer:s,transformContainer:l,contentsContainerCss:o,transformContainerCss:d,contentContainerCss:u}}};exports.HtmlContainerBuilder=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/common/uuid.cjs"),t=require("../../../../kernal/html/injector.cjs"),n=require("../../../../kernal/Theme.cjs"),r=require("../../HtmlSettings.cjs"),i=require("../layout/css/hostLayoutCss.cjs");var a=class{constructor(e){this.htmlOptions=e}createContainers(){let a=t.createElement(document,`div`,e.getRandomId(!0),`renderer`);a.classList.add(n.Theme.customScrollerClassName),a.setAttribute(`data-role`,`renderer-container`);let o=t.createElement(document,`div`,e.getRandomId(!0),r.HtmlSettings.ContentsContainerCssName);o.setAttribute(`data-role`,`contents-container`);let s=t.createElement(document,`div`,e.getRandomId(!0),r.HtmlSettings.ContentsShadowContainerCssName),c=t.createElement(document,`div`,e.getRandomId(!0),r.HtmlSettings.TransformContainerCssName);return this.htmlOptions.flipPageStyle==`slide`&&c.classList.add(`slide`),s.appendChild(c),o.appendChild(s),a.appendChild(o),{rendererContainer:a,rendererCss:i.HOST_LAYOUT_CSS,otherCss:``,contentsContainer:o,transformContainer:c}}};exports.HtmlContainerBuilder=a;

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

@@ -10,6 +10,4 @@ export declare class HtmlContainerBuilder {
         contentsContainer: HTMLDivElement;
         transformContainer: HTMLDivElement;
     };
-    private createRendererContainer;
-    private createOtherContainers;
 }

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

@@ -1,51 +1,27 @@
-import { Options as e } from "../../../../kernal/Options.mjs";
-import { Theme as t } from "../../../../kernal/Theme.mjs";
-import { getRandomId as n } from "../../../../kernal/common/uuid.mjs";
-import { createElement as r } from "../../../../kernal/html/injector.mjs";
-import { HtmlSettings as i } from "../../HtmlSettings.mjs";
-import { ViewportCssVariableNames as a } from "../layout/ViewportCssVariableNames.mjs";
+import { getRandomId as e } from "../../../../kernal/common/uuid.mjs";
+import { createElement as t } from "../../../../kernal/html/injector.mjs";
+import { Theme as n } from "../../../../kernal/Theme.mjs";
+import { HtmlSettings as r } from "../../HtmlSettings.mjs";
+import { HOST_LAYOUT_CSS as i } from "../layout/css/hostLayoutCss.mjs";
 //#region mediaTypes/html/renderer/documents/HtmlContainerBuilder.ts
-var o = class {
+var a = class {
 	constructor(e) {
 		this.htmlOptions = e;
 	}
 	createContainers() {
-		let { rendererCss: e, rendererContainer: t } = this.createRendererContainer(), { contentsContainer: n, transformContainer: r, contentsContainerCss: i, transformContainerCss: a, contentContainerCss: o } = this.createOtherContainers();
-		return t.appendChild(n), {
-			rendererContainer: t,
-			rendererCss: e,
-			otherCss: i + a + o,
-			contentsContainer: n,
-			transformContainer: r
-		};
-	}
-	createRendererContainer() {
-		let i = "renderer", o = `.${i}{margin-block-start:var(${e.HeaderHeight});`;
-		o += `margin-block-end:var(${e.FooterHeight});`, o += "overflow:auto;outline:none;width:100%;", o += `height:calc(100% - var(${e.HeaderHeight}) - var(${e.FooterHeight}));`, o += `overflow-y:var(${a.ScrollElementOverflow});`, o += "overflow-x:hidden;", o += "}";
-		let s = r(document, "div", n(!0), i);
-		return s.classList.add(t.customScrollerClassName), s.setAttribute("data-role", "renderer-container"), {
-			rendererCss: o,
-			rendererContainer: s
-		};
-	}
-	createOtherContainers() {
-		let e = i.ContentsContainerCssName, o = `.${e}{width:var(${a.ContentsContainerWidth});`;
-		o += "margin:0 auto;", o += `padding:var(${a.ContentsContainerPadding});`, o += "}";
-		let s = r(document, "div", n(!0), e);
-		s.setAttribute("data-role", "contents-container");
-		let c = r(document, "div", n(!0), i.ContentsShadowContainerCssName), l = r(document, "div", n(!0), i.TransformContainerCssName);
-		this.htmlOptions.flipPageStyle == "slide" && l.classList.add("slide"), c.appendChild(l), s.appendChild(c);
-		let u = "." + i.FileContentContainerClassName + "{";
-		u += "position:relative;", u += "width:auto;", u += "min-width:var(" + a.ContentWrapperMinWidth + ");", u += "overflow:hidden;height:var(" + a.ContentWrapperHeight + ");", u += "padding:var(" + a.ContentWrapperPadding + ");", u += "margin-block-end: var(" + a.ContentWrapperMarginBottom + ");", this.htmlOptions.enableContentWrapperBorderRadius && this.htmlOptions.flipMode == "scroll" && (u += "border-radius: var(" + a.ContentWrapperBorderRadius + ");"), u += "background:var(" + t.ContentBackground + ");", u += "}", u += "." + i.FileContentContainerClassName + ":first-child{", u += "margin-block-start: var(" + a.ContentWrapperMarginTop + ");", u += "}", u += "." + i.FileContentContainerClassName + "." + i.FileContentContainerHeightClassName + "{", u += "min-height:var(" + a.ContentWrapperMinHeight + ");", u += "max-height:var(" + a.ContentWrapperMaxHeight + ");", u += "}";
-		let d = "";
-		return d += "." + i.TransformPagesClassName + " ." + i.ContentsContainerCssName + "{", d += `overflow:hidden;background-color:var(${t.ContentBackground})`, d += "}", d += "." + i.TransformPagesClassName + " ." + i.TransformContainerCssName + "{", d += "display:flex;flex-wrap:nowrap;position: relative;transition-property:transform;", d += "}", d += "." + i.TransformPagesClassName + " ." + i.TransformContainerCssName + ".slide{", d += "transition-property:transform;", d += "}", d += "." + i.TransformPagesClassName + " ." + i.FileContentContainerClassName + "{", d += `flex-shrink: 0;padding-inline-end:calc(var(${a.ContentColumnGap}) / 2 - 1px);margin-inline-end:calc(var(${a.ContentColumnGap}) / 2);`, d += `border-right: 1px solid var(${t.ColumnRuleColor});transition-property: transform;`, d += "}", d += "." + i.TransformPagesClassName + " ." + i.FileContentContainerClassName + ":last-child{", d += "border-right:none;", d += "}", d += "." + i.TransformPagesClassName + " ." + i.ContentsShadowContainerCssName + "{", d += `overflow:hidden;margin:0 ${this.htmlOptions.contentsShadowMargin ?? 20}px`, d += "}", d += "." + i.TransformContainerCssName + "{", d += "}", {
-			contentsContainer: s,
-			transformContainer: l,
-			contentsContainerCss: o,
-			transformContainerCss: d,
-			contentContainerCss: u
+		let a = t(document, "div", e(!0), "renderer");
+		a.classList.add(n.customScrollerClassName), a.setAttribute("data-role", "renderer-container");
+		let o = t(document, "div", e(!0), r.ContentsContainerCssName);
+		o.setAttribute("data-role", "contents-container");
+		let s = t(document, "div", e(!0), r.ContentsShadowContainerCssName), c = t(document, "div", e(!0), r.TransformContainerCssName);
+		return this.htmlOptions.flipPageStyle == "slide" && c.classList.add("slide"), s.appendChild(c), o.appendChild(s), a.appendChild(o), {
+			rendererContainer: a,
+			rendererCss: i,
+			otherCss: "",
+			contentsContainer: o,
+			transformContainer: c
 		};
 	}
 };
 //#endregion
-export { o as HtmlContainerBuilder };
+export { a as HtmlContainerBuilder };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/EventNames.cjs");var t=class{constructor(e){this.documentsProvider=e,this.documentMap=new Map,this.setDocumentVisible=(e,t)=>{e.isVisible=t},this.events=this.documentsProvider.owner.events}register(){this.contentContainerIntersectionObserver=new IntersectionObserver(t=>{for(let n=0;n<t.length;n++){let r=t[n],i=r.isIntersecting||r.intersectionRatio>0;this.setDocumentVisible(r.target,i);let a=this.documentMap.get(r.target);a&&this.events.emit(e.EventNames.DocumentVisibleChange,a,i)}},{rootMargin:`-2px`}),this.observeContainers()}unregister(){this.contentContainerIntersectionObserver?.disconnect(),this.contentContainerIntersectionObserver=void 0,this.documentMap.clear()}observeContainers(){for(let e of this.documentsProvider.getDocuments())this.documentMap.set(e.getWrapperContainer(),e),this.contentContainerIntersectionObserver.observe(e.getWrapperContainer())}async dispose(){this.unregister()}};exports.HtmlDocumentsIntersectionObserver=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/EventNames.cjs"),t=require("./documentHiddenState.cjs");var n=(e,t)=>e===t.scrollingElement||e===t.documentElement||e===t.body,r=class{constructor(e){this.documentsProvider=e,this.documentMap=new Map,this.setDocumentVisible=(e,t)=>{e.isVisible=t},this.events=this.documentsProvider.owner.events}register(){this.contentContainerIntersectionObserver=new IntersectionObserver(t=>{if(!this.isRendererCollapsed())for(let n=0;n<t.length;n++){let r=t[n],i=r.isIntersecting||r.intersectionRatio>0;this.setDocumentVisible(r.target,i);let a=this.documentMap.get(r.target);a&&this.events.emit(e.EventNames.DocumentVisibleChange,a,i)}},{root:this.resolveObserverRoot(),rootMargin:`0px`,threshold:0}),this.observeContainers()}unregister(){this.contentContainerIntersectionObserver?.disconnect(),this.contentContainerIntersectionObserver=void 0,this.documentMap.clear()}resolveObserverRoot(){let e=this.documentsProvider.getScrollElement(),t=e?.ownerDocument;return!e||!t||n(e,t)?null:e}observeContainers(){for(let e of this.documentsProvider.getDocuments())this.documentMap.set(e.getWrapperContainer(),e),this.contentContainerIntersectionObserver.observe(e.getWrapperContainer())}isRendererCollapsed(){let e=this.documentsProvider.getRendererContainer(),n=this.documentsProvider.owner.getHostViewport().mode!=`window`;return t.isHostContainerCollapsed(e,n)}async dispose(){this.unregister()}};exports.HtmlDocumentsIntersectionObserver=r;

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

@@ -8,7 +8,9 @@ export declare class HtmlDocumentsIntersectionObserver implements IDisposable {
     constructor(documentsProvider: IDocumentsProvider);
     register(): void;
     unregister(): void;
+    private resolveObserverRoot;
     private observeContainers;
+    private isRendererCollapsed;
     private setDocumentVisible;
     dispose(): Promise<void>;
 }

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

@@ -1,6 +1,7 @@
 import { EventNames as e } from "../../../../kernal/EventNames.mjs";
+import { isHostContainerCollapsed as t } from "./documentHiddenState.mjs";
 //#region mediaTypes/html/renderer/documents/HtmlDocumentsIntersectionObserver.ts
-var t = class {
+var n = (e, t) => e === t.scrollingElement || e === t.documentElement || e === t.body, r = class {
 	constructor(e) {
 		this.documentsProvider = e, this.documentMap = /* @__PURE__ */ new Map(), this.setDocumentVisible = (e, t) => {
 			e.isVisible = t;
@@ -8,23 +9,35 @@ var t = class {
 	}
 	register() {
 		this.contentContainerIntersectionObserver = new IntersectionObserver((t) => {
-			for (let n = 0; n < t.length; n++) {
+			if (!this.isRendererCollapsed()) for (let n = 0; n < t.length; n++) {
 				let r = t[n], i = r.isIntersecting || r.intersectionRatio > 0;
 				this.setDocumentVisible(r.target, i);
 				let a = this.documentMap.get(r.target);
 				a && this.events.emit(e.DocumentVisibleChange, a, i);
 			}
-		}, { rootMargin: "-2px" }), this.observeContainers();
+		}, {
+			root: this.resolveObserverRoot(),
+			rootMargin: "0px",
+			threshold: 0
+		}), this.observeContainers();
 	}
 	unregister() {
 		this.contentContainerIntersectionObserver?.disconnect(), this.contentContainerIntersectionObserver = void 0, this.documentMap.clear();
 	}
+	resolveObserverRoot() {
+		let e = this.documentsProvider.getScrollElement(), t = e?.ownerDocument;
+		return !e || !t || n(e, t) ? null : e;
+	}
 	observeContainers() {
 		for (let e of this.documentsProvider.getDocuments()) this.documentMap.set(e.getWrapperContainer(), e), this.contentContainerIntersectionObserver.observe(e.getWrapperContainer());
 	}
+	isRendererCollapsed() {
+		let e = this.documentsProvider.getRendererContainer(), n = this.documentsProvider.owner.getHostViewport().mode != "window";
+		return t(e, n);
+	}
 	async dispose() {
 		this.unregister();
 	}
 };
 //#endregion
-export { t as HtmlDocumentsIntersectionObserver };
+export { r as HtmlDocumentsIntersectionObserver };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/web/BrowserCapabilities.cjs"),t=require("../../../../kernal/EventNames.cjs");let n=require("perfect-debounce");var r=class{constructor(e,t,r,i){this.events=e,this.documentsProvider=t,this.getLoadingDocument=r,this.htmlOptions=i,this.onDocumentVisibleChange=async(e,t)=>{await this.delayPreloadDocuments()},this.delayPreloadDocuments=(0,n.debounce)(this.preloadDocuments,500),this.checkContainFullscreenElement=e=>!!e?.getContentContainer()?.ownerDocument?.fullscreenElement,this.bindEvents()}bindEvents(){this.events.on(t.EventNames.DocumentVisibleChange,this.onDocumentVisibleChange)}unbindEvents(){this.events.off(t.EventNames.DocumentVisibleChange,this.onDocumentVisibleChange)}async dispose(){this.unbindEvents()}async preloadDocuments(){try{let e=this.documentsProvider.getVisibleDocuments();if(!e||e.length==0)return;for(let t of e)await t.load();await this.preloadRelatedDocuments(e[0],e[e.length-1])}catch{}}async preloadRelatedDocuments(t,n){let r=this.documentsProvider.getDocuments(),i=r.indexOf(t),a=r.indexOf(n),o=r.length,s=[];for(let e=i;e<=a;e++){let t=r[e];t&&!s.includes(t)&&s.push(t)}let c=[],l=this.htmlOptions.preloadFileCount;l>10&&(l=10),l<1&&(l=1);for(let e=1;e<=l;e++){let t=a+e;t>0&&t<=o-1&&c.push(r[t]);let n=i-e;n>=0&&c.push(r[n])}for(let t=0;t<c.length;t++){let n=c[t];await n.load(),n&&!s.includes(n)&&s.push(n),await e.BrowserCapabilities.yieldToMain()}let u=this.documentsProvider.getRendererContainer().clientWidth;if(this.htmlOptions.flipMode==`page`){let t=0;for(let n=i-1;n>=0;n--){let i=r[n];if(await i.load(),i&&!s.includes(i)&&s.push(i),t+=i.getWrapperContainer().clientWidth,t>=u)break;await e.BrowserCapabilities.yieldToMain()}let n=0;for(let t=a+1;t<o-1;t++){let i=r[t];if(await i.load(),i&&!s.includes(i)&&s.push(i),n+=i.getWrapperContainer().clientWidth,n>=u)break;await e.BrowserCapabilities.yieldToMain()}}let d=this.getLoadingDocument();d&&!s.includes(d)&&s.push(d);let f=this.documentsProvider.getVisibleDocuments();for(let e of f)s.includes(e)||s.push(e);await this.removeUnnecessaryDocuments(s),s.splice(0)}async removeUnnecessaryDocuments(t){if(!t)return;let n=this.documentsProvider.getLoadedDocuments();for(let r of n)t.includes(r)||(await this.disposeDocument(r),await e.BrowserCapabilities.yieldToMain())}async disposeDocument(e){this.checkContainFullscreenElement(e)||await e.dispose()}};exports.HtmlDocumentsPreloader=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("../layout/geometry/restoreLayoutState.cjs"),i=require("../layout/resolveLayoutRoute.cjs"),a=require("../location/scrollActivity.cjs"),o=require("./preloadNeighbors.cjs"),s=require("./wrapperVisibility.cjs");let c=require("perfect-debounce");var l=160,u=(e,t)=>e===t.scrollingElement||e===t.documentElement||e===t.body,d=class{constructor(e,t,r,o){this.events=e,this.documentsProvider=t,this.getLoadingDocument=r,this.htmlOptions=o,this.preloadToken=0,this.onDocumentVisibleChange=()=>{a.isProgrammaticScroll()||this.schedulePreload()},this.onReaderScroll=(e,t)=>{a.isProgrammaticScroll()||t&&!t.isTrusted||(a.markUserScroll(),a.releaseAbsoluteLocate(),this.schedulePreload())},this.onPageChange=()=>{this.schedulePreload()},this.preloadDocuments=async()=>{if(this.isPageMoving()){this.preloadToken++,this.delayPreloadAfterMove();return}let e=++this.preloadToken;try{let t=this.resolveVisibleDocuments(),n=i.getLayoutGeometry(this.htmlOptions).preloadRangeMode==`visual-edge`,r=n?this.resolvePreloadAnchor(t):t[0],a=n?r:t[t.length-1];if(!r||!a)return;let o=t.length>0?t:[r];for(let t of o){if(this.shouldAbortPreload(e))return;await t.load()}if(this.shouldAbortPreload(e))return;await this.preloadRelatedDocuments(r,a,e)}catch{}},this.delayPreloadDocuments=(0,c.debounce)(()=>this.preloadDocuments(),500),this.delayPreloadAfterMove=(0,c.debounce)(()=>this.preloadDocuments(),80),this.schedulePreload=()=>{if(this.abortPreloadIfPageMoving(),this.isPageMoving()){this.delayPreloadAfterMove();return}this.delayPreloadDocuments()},this.shouldPreloadPreviousFirst=()=>{let e=this.documentsProvider.owner?.context?.currentLocation?.direction;return i.getLayoutGeometry(this.htmlOptions).preloadRangeMode==`page-fill`?e!=`next`:e==`previous`},this.isPageMoving=()=>!!(this.documentsProvider.getRendererContainer()?.querySelector?.(`.${n.HtmlSettings.TransformContainerCssName}`))?.hasAttribute(n.HtmlSettings.PageMovingAttributeName),this.isScrollSettling=()=>i.getLayoutGeometry(this.htmlOptions).flipMode==`scroll`&&a.isUserScrollSettling(),this.abortPreloadIfPageMoving=()=>{this.isPageMoving()&&this.preloadToken++},this.shouldAbortPreload=e=>e===this.preloadToken?this.isPageMoving()?(this.preloadToken++,!0):!1:!0,this.checkContainFullscreenElement=e=>!!e?.getContentContainer()?.ownerDocument?.fullscreenElement,this.bindEvents()}bindEvents(){this.events.on(e.EventNames.DocumentVisibleChange,this.onDocumentVisibleChange),this.events.on(e.EventNames.ReaderDebounceScroll,this.onReaderScroll),this.events.on(e.EventNames.PageChange,this.onPageChange)}unbindEvents(){this.events.off(e.EventNames.DocumentVisibleChange,this.onDocumentVisibleChange),this.events.off(e.EventNames.ReaderDebounceScroll,this.onReaderScroll),this.events.off(e.EventNames.PageChange,this.onPageChange)}async dispose(){this.preloadToken++,this.unbindEvents()}resolveVisibleDocuments(){let e=i.getLayoutGeometry(this.htmlOptions);return e.preloadRangeMode==`visible-span`?this.resolveIntersectingDocuments(!1):e.rewritesWrapperVisibility?this.resolveIntersectingDocuments(!0):this.documentsProvider.getVisibleDocuments()}resolveIntersectingDocuments(e){let t=this.getViewportRect();if(!t){let t=this.documentsProvider.getVisibleDocuments();return e?t.filter(e=>s.isSubstantialWrapperRect(e.getWrapperContainer()?.getBoundingClientRect())):t}let n=[];for(let r of this.documentsProvider.getDocuments()){let i=r.getWrapperContainer();if(!i)continue;let a=i.getBoundingClientRect(),o=s.rectsIntersect(a,t)&&(!e||s.isSubstantialWrapperRect(a));i.isVisible=o,o&&n.push(r)}return n}resolvePreloadAnchor(e){let t=i.getLayoutGeometry(this.htmlOptions);return r.pickVisibleCompensationDocument(e,t.compensationAnchorEdge,e=>{let n=e.getWrapperContainer()?.getBoundingClientRect();if(!(!n||!s.isSubstantialWrapperRect(n)))return t.getCompensationRect(n)})??this.documentsProvider.getDocuments()[0]}getViewportRect(){let e=this.documentsProvider.getScrollElement(),t=this.documentsProvider.getRendererContainer(),n=(e??t)?.ownerDocument;if(e&&n&&u(e,n)){let e=n.defaultView;return e?{left:0,top:0,right:e.innerWidth,bottom:e.innerHeight}:void 0}return(e??t)?.getBoundingClientRect()}async preloadRelatedDocuments(e,n,r){let a=this.documentsProvider.getDocuments(),c=a.indexOf(e),l=a.indexOf(n),u=a.length,d=[];for(let e=c;e<=l;e++){let t=a[e];t&&!d.includes(t)&&d.push(t)}let f=o.collectPreloadNeighbors(a,c,l,this.htmlOptions.preloadFileCount,this.shouldPreloadPreviousFirst());for(let e=0;e<f.length;e++){if(this.shouldAbortPreload(r))return;let n=f[e];await n.load(),n&&!d.includes(n)&&d.push(n),await t.yieldToMain()}let p=this.documentsProvider.getRendererContainer().clientWidth;if(i.getLayoutGeometry(this.htmlOptions).preloadRangeMode==`page-fill`){let e=0;for(let n=c-1;n>=0;n--){if(this.shouldAbortPreload(r))return;let i=a[n];if(await i.load(),i&&!d.includes(i)&&d.push(i),e+=i.getWrapperContainer().clientWidth,e>=p)break;await t.yieldToMain()}let n=0;for(let e=l+1;e<u;e++){if(this.shouldAbortPreload(r))return;let i=a[e];if(await i.load(),i&&!d.includes(i)&&d.push(i),n+=i.getWrapperContainer().clientWidth,n>=p)break;await t.yieldToMain()}}let m=this.getLoadingDocument();m&&!d.includes(m)&&d.push(m),d.includes(e)||d.push(e);let h=i.getLayoutGeometry(this.htmlOptions).preloadRangeMode==`visual-edge`?this.documentsProvider.getVisibleDocuments().filter(e=>s.isSubstantialWrapperRect(e.getWrapperContainer()?.getBoundingClientRect())):this.documentsProvider.getVisibleDocuments();for(let e of h)d.includes(e)||d.push(e);if(!this.shouldAbortPreload(r)){if(this.isScrollSettling()){this.delayPreloadAfterMove();return}await this.removeUnnecessaryDocuments(d,r),d.splice(0)}}async removeUnnecessaryDocuments(e,n){if(!e)return;let r=this.documentsProvider.getLoadedDocuments();for(let i of r){if(this.shouldAbortPreload(n))return;e.includes(i)||(await this.disposeDocument(i),await t.yieldToMain())}}async disposeDocument(e){this.checkContainFullscreenElement(e)||await e.dispose()}};exports.HtmlDocumentsPreloader=d,exports.SCROLL_PRELOAD_SETTLE_MS=l;

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

@@ -2,20 +2,35 @@ import { HtmlOptions } from '../../HtmlOptions';
 import { IDocument, IDocumentsProvider, IEventEmitter } from '../../../../kernal';
 import { IHtmlDocumentsPreloader } from './IHtmlDocumentsPreloader';
 
+export declare const SCROLL_PRELOAD_SETTLE_MS = 160;
 export declare class HtmlDocumentsPreloader implements IHtmlDocumentsPreloader {
     private readonly events;
     private readonly documentsProvider;
     private readonly getLoadingDocument;
     private readonly htmlOptions;
+    private preloadToken;
     constructor(events: IEventEmitter, documentsProvider: IDocumentsProvider, getLoadingDocument: () => IDocument, htmlOptions: HtmlOptions);
     private bindEvents;
     private unbindEvents;
     private onDocumentVisibleChange;
+    private onReaderScroll;
+    private onPageChange;
     dispose(): Promise<void>;
-    preloadDocuments(): Promise<void>;
+    preloadDocuments: () => Promise<void>;
     private delayPreloadDocuments;
+    private delayPreloadAfterMove;
+    private schedulePreload;
+    private resolveVisibleDocuments;
+    private resolveIntersectingDocuments;
+    private resolvePreloadAnchor;
+    private getViewportRect;
     private preloadRelatedDocuments;
     private removeUnnecessaryDocuments;
+    private shouldPreloadPreviousFirst;
+    private isPageMoving;
+    private isScrollSettling;
+    private abortPreloadIfPageMoving;
+    private shouldAbortPreload;
     private checkContainFullscreenElement;
     private disposeDocument;
 }