@foxycape/core 1.1.5 → 1.1.7

package/dist/mediaTypes/html/fileParser/HtmlFileParser.mjs

@@ -1,12 +1,13 @@
 import { SpineFile as e } from "../../../kernal/IFileParser.mjs";
-import { getTotalSymbolCount as t } from "../../../kernal/html/position.mjs";
-import { convertUint8ArrayToString as n } from "../../../kernal/common/encoding.mjs";
-import { BaseFileParser as r } from "../../base/fileParser/BaseFileParser.mjs";
-import { HtmlTextDocument as i } from "./HtmlTextDocument.mjs";
+import { getDocumentBody as t } from "../../../kernal/html/finder.mjs";
+import { BaseFileParser as n } from "../../base/fileParser/BaseFileParser.mjs";
+import { NoopHtmlContentNormalizer as r } from "../NoopHtmlContentNormalizer.mjs";
+import { DefaultHtmlSymbolMeasure as i } from "../DefaultHtmlSymbolMeasure.mjs";
+import { HtmlTextDocument as a } from "./HtmlTextDocument.mjs";
 //#region mediaTypes/html/fileParser/HtmlFileParser.ts
-var a = class extends r {
-	constructor(e, t, n, r, i, a, o, s) {
-		super(e, t, n, r, i, a, o), this.options = s;
+var o = class extends n {
+	constructor(e, t, n, a, o, s, c, l, u, d) {
+		super(e, t, n, a, o, s, c), this.options = l, this.contentNormalizer = u ?? new r(), this.symbolMeasure = d ?? new i();
 	}
 	async parseUrl(t, n) {
 		let r = await super.parseUrl(t, n);
@@ -26,20 +27,16 @@ var a = class extends r {
 		this.textDocuments = [];
 		let e = await this.getSpineFiles();
 		for (let t = 0; t < e.length; t++) {
-			let n = e[t], r = new i(this, n);
+			let n = e[t], r = new a(this, n);
 			this.textDocuments.push(r);
 		}
 		return this.textDocuments;
 	}
-	async calculateSymbolCount(e, r) {
-		let i;
-		i = e.data ? new Uint8Array(await this.getSpineFileData(e)) : (await this.getFileBytes(e.url)).data;
-		let a = n(i);
-		return t(a, r, {
-			removeHtmlWhitespace: this.options.removeHtmlWhitespace,
-			whitespaceRegex: this.options.whitespaceRegex,
-			nonWhiteSpaceSymbolTagNames: this.options.nonWhiteSpaceSymbolTagNames
-		});
+	async calculateSymbolCount(e, n) {
+		let r = await this.getTextDocument(e.url);
+		if (!r) return 1;
+		let i = await r.getFormattedDocument();
+		return this.symbolMeasure.count(t(i), n);
 	}
 	async dispose() {
 		if (this.textDocuments) {
@@ -50,4 +47,4 @@ var a = class extends r {
 	}
 };
 //#endregion
-export { a as HtmlFileParser };
+export { o as HtmlFileParser };

package/dist/mediaTypes/html/fileParser/HtmlTextDocument.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../kernal/common/uuid.cjs"),t=require("../../../kernal/common/text.cjs"),n=require("../../../kernal/Constants.cjs"),r=require("../../../kernal/html/finder.cjs"),i=require("../../../kernal/html/text.cjs"),a=require("../../../kernal/html/parser.cjs"),o=require("../../../kernal/html/manipulator.cjs"),s=require("../../../kernal/common/encoding.cjs");var c=class{constructor(e,t){this.texts=new Map,this.fileParser=e,this.spineFile=t}get url(){return this.spineFile.url}async getPlaintext(n){let a=e.computeUniqueId(JSON.stringify(n??{}));if(this.texts.has(a))return this.texts.get(a);let o=await this.getFormattedDocument(),s=i.getPureTextContent(r.getDocumentBody(o),void 0,void 0,n?.convertLFToWhitespace);return n&&(s=t.formatText(s,n)),this.texts.set(a,s),s}async getContent(){if(this.docContent)return this.docContent;let e=``;if(this.spineFile.data){if(this.spineFile.data instanceof ArrayBuffer)e=s.convertArrayBufferToString(this.spineFile.data);else if(this.spineFile.data instanceof Blob){let t=await this.spineFile.data.arrayBuffer();e=s.convertArrayBufferToString(t)}}else{let t=await this.fileParser.getFile(this.url);e=s.convertUint8ArrayToString(t)}return this.fileParser.options.removeHtmlWhitespace&&this.fileParser.options.whitespaceRegex&&(e=e.replace(this.fileParser.options.whitespaceRegex,``),this.fileParser.options.forceRemoveHtmlChar32BetweenTags&&(e=i.removeWhiteSpaceBetweenTags(e,this.fileParser.options.removeHtmlWhitespace))),e=s.removeBomHeader(e??``),this.docContent=e,e}async getFormattedDocument(){if(!this.formattedDocument){let e=await this.getContent(),t=await a.getFormatDocumentAsync(e,!0);o.wrapFloatingTextNodes(t,this.fileParser.options.wrapFullTextNode);let r=t.getElementsByTagName(`*`);for(let e=r.length-1;e>=0;e--)r[e].setAttribute(n.ElementInitialNumberName,e.toString());this.formattedDocument=t}return this.formattedDocument.cloneNode(!0)}async dispose(){this.texts&&this.texts.clear(),this.docContent=null,this.formattedDocument=null}};exports.HtmlTextDocument=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../kernal/common/encoding.cjs"),t=require("../../../kernal/common/uuid.cjs"),n=require("../../../kernal/common/text.cjs"),r=require("../../../kernal/Constants.cjs"),i=require("../../../kernal/html/finder.cjs"),a=require("../../../kernal/html/text.cjs"),o=require("../../../kernal/html/parser.cjs"),s=require("../../../kernal/html/manipulator.cjs");var c=class{constructor(e,t){this.texts=new Map,this.fileParser=e,this.spineFile=t}get url(){return this.spineFile.url}async getPlaintext(e){let r=t.computeUniqueId(JSON.stringify(e??{}));if(this.texts.has(r))return this.texts.get(r);let o=await this.getFormattedDocument(),s=a.getPureTextContent(i.getDocumentBody(o),e?.convertLFToWhitespace);return e&&(s=n.formatText(s,e)),this.texts.set(r,s),s}async getContent(){if(this.docContent)return this.docContent;let t=``;if(this.spineFile.data){if(this.spineFile.data instanceof ArrayBuffer)t=e.convertArrayBufferToString(this.spineFile.data);else if(this.spineFile.data instanceof Blob){let n=await this.spineFile.data.arrayBuffer();t=e.convertArrayBufferToString(n)}}else{let n=await this.fileParser.getFile(this.url);t=e.convertUint8ArrayToString(n)}return t=e.removeBomHeader(t??``),this.docContent=this.fileParser.contentNormalizer.normalize(t),this.docContent}async getFormattedDocument(){if(!this.formattedDocument){let e=await this.getContent(),t=await o.getFormatDocumentAsync(e,!0);s.wrapFloatingTextNodes(t,this.fileParser.options.wrapFullTextNode);let n=t.getElementsByTagName(`*`);for(let e=n.length-1;e>=0;e--)n[e].setAttribute(r.ElementInitialNumberName,e.toString());this.formattedDocument=t}return this.formattedDocument.cloneNode(!0)}async dispose(){this.texts&&this.texts.clear(),this.docContent=null,this.formattedDocument=null}};exports.HtmlTextDocument=c;

package/dist/mediaTypes/html/fileParser/HtmlTextDocument.mjs

@@ -1,46 +1,46 @@
-import { computeUniqueId as e } from "../../../kernal/common/uuid.mjs";
-import { formatText as t } from "../../../kernal/common/text.mjs";
-import { ElementInitialNumberName as n } from "../../../kernal/Constants.mjs";
-import { getDocumentBody as r } from "../../../kernal/html/finder.mjs";
-import { getPureTextContent as i, removeWhiteSpaceBetweenTags as a } from "../../../kernal/html/text.mjs";
-import { getFormatDocumentAsync as o } from "../../../kernal/html/parser.mjs";
-import { wrapFloatingTextNodes as s } from "../../../kernal/html/manipulator.mjs";
-import { convertArrayBufferToString as c, convertUint8ArrayToString as l, removeBomHeader as u } from "../../../kernal/common/encoding.mjs";
+import { convertArrayBufferToString as e, convertUint8ArrayToString as t, removeBomHeader as n } from "../../../kernal/common/encoding.mjs";
+import { computeUniqueId as r } from "../../../kernal/common/uuid.mjs";
+import { formatText as i } from "../../../kernal/common/text.mjs";
+import { ElementInitialNumberName as a } from "../../../kernal/Constants.mjs";
+import { getDocumentBody as o } from "../../../kernal/html/finder.mjs";
+import { getPureTextContent as s } from "../../../kernal/html/text.mjs";
+import { getFormatDocumentAsync as c } from "../../../kernal/html/parser.mjs";
+import { wrapFloatingTextNodes as l } from "../../../kernal/html/manipulator.mjs";
 //#region mediaTypes/html/fileParser/HtmlTextDocument.ts
-var d = class {
+var u = class {
 	constructor(e, t) {
 		this.texts = /* @__PURE__ */ new Map(), this.fileParser = e, this.spineFile = t;
 	}
 	get url() {
 		return this.spineFile.url;
 	}
-	async getPlaintext(n) {
-		let a = e(JSON.stringify(n ?? {}));
-		if (this.texts.has(a)) return this.texts.get(a);
-		let o = await this.getFormattedDocument(), s = i(r(o), void 0, void 0, n?.convertLFToWhitespace);
-		return n && (s = t(s, n)), this.texts.set(a, s), s;
+	async getPlaintext(e) {
+		let t = r(JSON.stringify(e ?? {}));
+		if (this.texts.has(t)) return this.texts.get(t);
+		let n = await this.getFormattedDocument(), a = s(o(n), e?.convertLFToWhitespace);
+		return e && (a = i(a, e)), this.texts.set(t, a), a;
 	}
 	async getContent() {
 		if (this.docContent) return this.docContent;
-		let e = "";
+		let r = "";
 		if (this.spineFile.data) {
-			if (this.spineFile.data instanceof ArrayBuffer) e = c(this.spineFile.data);
+			if (this.spineFile.data instanceof ArrayBuffer) r = e(this.spineFile.data);
 			else if (this.spineFile.data instanceof Blob) {
 				let t = await this.spineFile.data.arrayBuffer();
-				e = c(t);
+				r = e(t);
 			}
 		} else {
-			let t = await this.fileParser.getFile(this.url);
-			e = l(t);
+			let e = await this.fileParser.getFile(this.url);
+			r = t(e);
 		}
-		return this.fileParser.options.removeHtmlWhitespace && this.fileParser.options.whitespaceRegex && (e = e.replace(this.fileParser.options.whitespaceRegex, ""), this.fileParser.options.forceRemoveHtmlChar32BetweenTags && (e = a(e, this.fileParser.options.removeHtmlWhitespace))), e = u(e ?? ""), this.docContent = e, e;
+		return r = n(r ?? ""), this.docContent = this.fileParser.contentNormalizer.normalize(r), this.docContent;
 	}
 	async getFormattedDocument() {
 		if (!this.formattedDocument) {
-			let e = await this.getContent(), t = await o(e, !0);
-			s(t, this.fileParser.options.wrapFullTextNode);
-			let r = t.getElementsByTagName("*");
-			for (let e = r.length - 1; e >= 0; e--) r[e].setAttribute(n, e.toString());
+			let e = await this.getContent(), t = await c(e, !0);
+			l(t, this.fileParser.options.wrapFullTextNode);
+			let n = t.getElementsByTagName("*");
+			for (let e = n.length - 1; e >= 0; e--) n[e].setAttribute(a, e.toString());
 			this.formattedDocument = t;
 		}
 		return this.formattedDocument.cloneNode(!0);
@@ -50,4 +50,4 @@ var d = class {
 	}
 };
 //#endregion
-export { d as HtmlTextDocument };
+export { u as HtmlTextDocument };

package/dist/mediaTypes/html/fileParser/IHtmlFileParser.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=e=>e;exports.asHtmlFileParser=e;

package/dist/mediaTypes/html/fileParser/IHtmlFileParser.d.ts

@@ -1,9 +1,13 @@
-import { IFileParser, TextSymbolOptions } from '../../../kernal';
+import { IFileParser } from '../../../kernal';
+import { IHtmlContentNormalizer } from '../IHtmlContentNormalizer';
+import { IHtmlSymbolMeasure } from '../IHtmlSymbolMeasure';
 
 export interface IHtmlFileParser extends IFileParser {
     options: HtmlFileParserOptions;
+    readonly contentNormalizer: IHtmlContentNormalizer;
+    readonly symbolMeasure: IHtmlSymbolMeasure;
 }
-export type HtmlFileParserOptions = TextSymbolOptions & {
-    forceRemoveHtmlChar32BetweenTags?: boolean;
+export declare const asHtmlFileParser: (fileParser: IFileParser) => IHtmlFileParser;
+export type HtmlFileParserOptions = {
     wrapFullTextNode?: boolean;
 };

package/dist/mediaTypes/html/fileParser/IHtmlFileParser.mjs

@@ -0,0 +1,4 @@
+//#region mediaTypes/html/fileParser/IHtmlFileParser.ts
+var e = (e) => e;
+//#endregion
+export { e as asHtmlFileParser };

package/dist/mediaTypes/html/renderer/HtmlRenderer.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/EventNames.cjs"),i=require("../../../kernal/html/events.cjs"),a=require("../HtmlOptions.cjs"),o=require("./navigator/HtmlCoreNavigator.cjs"),s=require("./navigator/HtmlPagingNavigator.cjs"),c=require("./navigator/HtmlNavPointNavigator.cjs"),l=require("./navigator/HtmlNavPointProvider.cjs"),u=require("./progress/HtmlProgressTracker.cjs"),d=require("./documents/HtmlDocumentsProvider.cjs"),f=require("./layout/HtmlRendererLayout.cjs"),p=require("./style/HtmlStyleProvider.cjs"),m=require("./style/HtmlThemeApplier.cjs"),h=require("./documents/HtmlDocumentsResizeObserver.cjs"),g=require("./html/HtmlContentProcessor.cjs"),_=require("./image/HtmlImageLoader.cjs"),v=require("./image/HtmlImageObserver.cjs");var y=class extends d.HtmlDocumentsProvider{constructor(t,r,i,d){super(t,r,i,d),this.isInitRenderer=!1,this.injectProcessHandlers=()=>{this.addDocumentPreprocess(this.preprocessHandler)},this.preprocessHandler=async e=>{await this.contentProcessor.preprocess(e),await this.styleProvider.injectStyles(e);let t=await this.resolveCurrentTheme();t&&await this.themeApplier.applyToDocument(e,t),await this.rendererLayout.applyDocStyles(e),await this.imageLoader.preprocessImages(e)},this.onPageChange=async()=>{this.progressTracker.notifyProgressChange()},this.onOptionsChange=async t=>{let n=this.getRendererContainer();if(!(!n||!n.ownerDocument.defaultView)&&(e.isOptionKey(t)||a.isHtmlOptionKey(t))){let e=a.isHtmlOptionKey(t);if(e){if(!this.owner.context.currentLocation?.precise){let e=await this.progressTracker.getProgress(!0);e&&(this.owner.context.currentLocation=e.location)}this.owner.context.setUserChangedProgress(!1)}this.rendererViewport.applyCssVariables(),e&&(this.owner.context.userChangedProgress||await this.reload())}},this.progressTracker=new u.HtmlProgressTracker(t,this,d),this.rendererLayout=new f.HtmlRendererLayout(t,this,this.rendererViewport,this.progressTracker,d),this.navPointProvider=new l.HtmlNavPointProvider(this,d),this.navigator=new o.HtmlCoreNavigator(this,d),this.navPointNavigator=new c.HtmlNavPointNavigator(t.locale,t.notifier,this,this.navigator,this.navPointProvider),this.pagingNavigator=new s.HtmlPagingNavigator(this,this.navigator,d),this.styleProvider=new p.HtmlStyleProvider(this),this.currentInstanceId=n.getRandomId(!0),this.themeApplier=new m.HtmlThemeApplier(this),this.documentsResizeObserver=new h.HtmlDocumentsResizeObserver(this,this.rendererViewport,this.progressTracker,this.rendererLayout),this.contentProcessor=new g.HtmlContentProcessor(r),this.imageLoader=new _.HtmlImageLoader(this,this.rendererViewport,d),this.imageObserver=new v.HtmlImageObserver(this,d),this.bindEvents(),this.bindScrollWatch(),this.injectProcessHandlers()}get id(){return this.currentInstanceId}async resolveCurrentTheme(){return(await this.owner.services.get(`themeProvider`))?.getCurrentTheme()??new t.Theme}bindEvents(){this.owner.events.on(r.EventNames.OptionsChange,this.onOptionsChange),this.owner.events.on(r.EventNames.PageChange,this.onPageChange)}unbindEvents(){this.owner.events.off(r.EventNames.OptionsChange,this.onOptionsChange),this.owner.events.off(r.EventNames.PageChange,this.onPageChange)}bindScrollWatch(){let e=this.getScrollElement();e&&(this.scrollWatchState=i.watchScroll(e,this.owner.options.calcScrollDirection,async(e,t)=>{this.owner.events.emit(r.EventNames.ReaderDebounceScroll,e,t),this.progressTracker.notifyProgressChange()},e=>{this.owner.onProgressChangeGuard&&this.owner.context?.progress?.current&&(this.owner.onProgressChangeGuard(this.owner.context.progress.current)||e.preventDefault()),this.owner.events.emit(r.EventNames.ReaderOriginalScroll,e)}))}async load(e,t){e||=this.owner.context.progress?.location,this.isInitRenderer||(this.isInitRenderer=!0,this.documentsResizeObserver.register(),this.imageObserver.register()),await super.load(e,t)}getFileParser(){return this.fileParser}get writingMode(){return this.htmlOptions.writingMode??`horizontal-tb`}get direction(){return this.htmlOptions.direction??`ltr`}get layout(){return this.rendererLayout}async applyTheme(e){await this.themeApplier.applyTheme(e)}async dispose(){this.unbindEvents();let e=this.getScrollElement();e&&this.scrollWatchState?._eventHandler&&(e.removeEventListener(`scroll`,this.scrollWatchState._eventHandler,!0),this.scrollWatchState=void 0),await this.progressTracker.dispose(),await this.imageObserver.dispose(),await this.imageLoader.dispose(),await super.dispose(),await this.styleProvider?.dispose(),await this.navPointProvider?.dispose(),await this.pagingNavigator?.dispose(),await this.documentsResizeObserver.dispose(),await this.contentProcessor.dispose()}};exports.HtmlRenderer=y;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../kernal/EventNames.cjs"),t=require("../../../kernal/common/uuid.cjs"),n=require("../../../kernal/Options.cjs"),r=require("../../../kernal/Theme.cjs"),i=require("../../../kernal/web/scheduler.cjs"),a=require("../../../kernal/html/events.cjs"),o=require("../HtmlOptions.cjs"),s=require("./navigator/HtmlCoreNavigator.cjs"),c=require("./layout/resolveLayoutRoute.cjs"),l=require("./navigator/HtmlPagingNavigator.cjs"),u=require("./navigator/HtmlNavPointNavigator.cjs"),d=require("./navigator/HtmlNavPointProvider.cjs"),f=require("./progress/HtmlProgressTracker.cjs"),p=require("./location/scrollActivity.cjs"),m=require("./documents/HtmlDocumentsProvider.cjs"),h=require("./layout/HtmlRendererLayout.cjs"),g=require("./style/HtmlStyleProvider.cjs"),_=require("./style/HtmlThemeApplier.cjs"),v=require("./documents/HtmlDocumentsResizeObserver.cjs"),y=require("./html/HtmlContentProcessor.cjs"),b=require("./image/HtmlImageLoader.cjs"),x=require("./image/HtmlImageObserver.cjs");var S=class extends m.HtmlDocumentsProvider{constructor(e,r,a,c){super(e,r,a,c),this.isInitRenderer=!1,this.injectProcessHandlers=()=>{this.addDocumentPreprocess(this.preprocessHandler)},this.preprocessHandler=async e=>{await this.contentProcessor.preprocess(e),await this.styleProvider.injectStyles(e);let t=await this.resolveCurrentTheme();t&&await this.themeApplier.applyToDocument(e,t),await this.rendererLayout.applyDocStyles(e),await this.imageLoader.preprocessImages(e);let n=await this.getHighlighter();n&&await n.highlight(e)},this.onPageChange=async()=>{this.progressTracker.notifyProgressChange()},this.onDocumentSizeChange=async()=>{this.owner.context.userChangedProgress||p.isProgrammaticScroll()||p.isUserScrollSettling()||await this.delayRestoreReadingPosition()},this.onOptionsChange=async e=>{let t=this.getRendererContainer();if(!(!t||!t.ownerDocument.defaultView)&&(n.isOptionKey(e)||o.isHtmlOptionKey(e))){let t=o.isHtmlOptionKey(e);if(t){if(!this.owner.context.currentLocation?.precise){let e=await this.progressTracker.getProgress(!0);e&&(this.owner.context.currentLocation=e.location)}this.owner.context.setUserChangedProgress(!1)}if(this.rendererViewport.applyCssVariables(),await i.yieldToMain(),t){for(let e of this.getLoadedDocuments())await this.rendererLayout.applyDocStyles(e);this.owner.context.userChangedProgress||await this.reload()}}},this.progressTracker=new f.HtmlProgressTracker(e,this,c),this.rendererLayout=new h.HtmlRendererLayout(e,this,this.rendererViewport,this.progressTracker,c),this.navPointProvider=new d.HtmlNavPointProvider(this,c),this.navigator=new s.HtmlCoreNavigator(this,c),this.navPointNavigator=new u.HtmlNavPointNavigator(e.locale,e.notifier,this,this.navigator,this.navPointProvider),this.pagingNavigator=new l.HtmlPagingNavigator(this,this.navigator,c),this.styleProvider=new g.HtmlStyleProvider(this),this.currentInstanceId=t.getRandomId(!0),this.themeApplier=new _.HtmlThemeApplier(this),this.documentsResizeObserver=new v.HtmlDocumentsResizeObserver(this,this.rendererViewport,this.progressTracker,this.rendererLayout),this.contentProcessor=new y.HtmlContentProcessor(r),this.imageLoader=this.createImageLoader(),this.imageObserver=new x.HtmlImageObserver(this,c),this.bindEvents(),this.bindScrollWatch(),this.injectProcessHandlers()}get id(){return this.currentInstanceId}createImageLoader(){return new b.HtmlImageLoader(this,this.rendererViewport,this.htmlOptions)}async resolveCurrentTheme(){return(await this.owner.services.get(`themeProvider`))?.getCurrentTheme()??new r.Theme}async getHighlighter(){if(this.htmlOptions.enableFormatCodeBlock){if(!this.languageHighlighter){let{LanguageHighlighter:e}=await Promise.resolve().then(()=>require("./style/LanguageHighlighter.cjs"));this.languageHighlighter=new e(this)}return this.languageHighlighter}}bindEvents(){this.owner.events.on(e.EventNames.OptionsChange,this.onOptionsChange),this.owner.events.on(e.EventNames.PageChange,this.onPageChange),this.owner.events.on(e.EventNames.DocumentSizeChange,this.onDocumentSizeChange)}unbindEvents(){this.owner.events.off(e.EventNames.OptionsChange,this.onOptionsChange),this.owner.events.off(e.EventNames.PageChange,this.onPageChange),this.owner.events.off(e.EventNames.DocumentSizeChange,this.onDocumentSizeChange)}bindScrollWatch(){let t=this.owner.getHostViewport();this.scrollWatchTarget=t.mode==`window`?t.scrollWatchTarget:this.getScrollElement(),this.scrollWatchTarget&&(this.scrollWatchState=a.watchScroll(this.scrollWatchTarget,this.owner.options.calcScrollDirection,async(t,n)=>{this.owner.events.emit(e.EventNames.ReaderDebounceScroll,t,n),this.progressTracker.notifyProgressChange()},t=>{p.isProgrammaticScroll()||!t.isTrusted||(this.owner.onProgressChangeGuard&&this.owner.context?.progress?.current&&(this.owner.onProgressChangeGuard(this.owner.context.progress.current)||t.preventDefault()),p.markUserScroll(),p.releaseAbsoluteLocate(),this.owner.events.emit(e.EventNames.ReaderOriginalScroll,t))}))}async load(e,t){e||=this.owner.context.progress?.location,this.isInitRenderer||(this.isInitRenderer=!0,this.documentsResizeObserver.register(),this.imageObserver.register()),await super.load(e,t)}getFileParser(){return this.fileParser}get writingMode(){return this.htmlOptions.writingMode??`horizontal-tb`}get direction(){return c.resolveHtmlTextDirection(this.htmlOptions)}get layout(){return this.rendererLayout}async applyTheme(e){await this.themeApplier.applyTheme(e);let t=await this.getHighlighter();t&&await t.applyTheme(e)}async dispose(){this.unbindEvents();let e=this.scrollWatchTarget??this.getScrollElement();e&&this.scrollWatchState?._eventHandler&&(e.removeEventListener(`scroll`,this.scrollWatchState._eventHandler,!0),this.scrollWatchState=void 0,this.scrollWatchTarget=void 0),await this.progressTracker.dispose(),await this.imageObserver.dispose(),await this.imageLoader.dispose(),await super.dispose(),await this.styleProvider?.dispose(),await this.languageHighlighter?.dispose(),this.languageHighlighter=void 0,await this.navPointProvider?.dispose(),await this.pagingNavigator?.dispose(),await this.documentsResizeObserver.dispose(),await this.contentProcessor.dispose()}};exports.HtmlRenderer=S;

package/dist/mediaTypes/html/renderer/HtmlRenderer.d.ts

@@ -6,6 +6,7 @@ import { HtmlOptions } from '../HtmlOptions';
 import { IHtmlProgressTracker } from './progress/IHtmlIProgressTracker';
 import { IHtmlRendererLayout } from './layout/IHtmlRendererLayout';
 import { IHtmlDocument } from './IHtmlDocument';
+import { IHtmlImageLoader } from './image/IHtmlImageLoader';
 
 export declare class HtmlRenderer extends HtmlDocumentsProvider implements IHtmlRenderer {
     readonly progressTracker: IHtmlProgressTracker;
@@ -20,18 +21,23 @@ export declare class HtmlRenderer extends HtmlDocumentsProvider implements IHtml
     private readonly themeApplier;
     private readonly documentsResizeObserver;
     private readonly contentProcessor;
-    private readonly imageLoader;
+    protected imageLoader: IHtmlImageLoader;
     private readonly imageObserver;
+    private scrollWatchTarget?;
     private scrollWatchState?;
     constructor(owner: Reader, fileParser: IFileParser, readerContainer: HTMLElement, htmlOptions: HtmlOptions);
     get id(): string;
+    protected createImageLoader(): IHtmlImageLoader;
     private injectProcessHandlers;
     private resolveCurrentTheme;
     protected preprocessHandler: (doc: IHtmlDocument) => Promise<void>;
+    private languageHighlighter?;
+    private getHighlighter;
     protected bindEvents(): void;
     protected unbindEvents(): void;
     private bindScrollWatch;
     private onPageChange;
+    private onDocumentSizeChange;
     private onOptionsChange;
     load(location?: FileLocation, isReload?: boolean): Promise<void>;
     getFileParser(): IFileParser;

package/dist/mediaTypes/html/renderer/HtmlRenderer.mjs

@@ -1,66 +1,88 @@
-import { isOptionKey as e } from "../../../kernal/Options.mjs";
-import { Theme as t } from "../../../kernal/Theme.mjs";
-import { getRandomId as n } from "../../../kernal/common/uuid.mjs";
-import { EventNames as r } from "../../../kernal/EventNames.mjs";
-import { watchScroll as i } from "../../../kernal/html/events.mjs";
-import { isHtmlOptionKey as a } from "../HtmlOptions.mjs";
-import { HtmlCoreNavigator as o } from "./navigator/HtmlCoreNavigator.mjs";
-import { HtmlPagingNavigator as s } from "./navigator/HtmlPagingNavigator.mjs";
-import { HtmlNavPointNavigator as c } from "./navigator/HtmlNavPointNavigator.mjs";
-import { HtmlNavPointProvider as l } from "./navigator/HtmlNavPointProvider.mjs";
-import { HtmlProgressTracker as u } from "./progress/HtmlProgressTracker.mjs";
-import { HtmlDocumentsProvider as d } from "./documents/HtmlDocumentsProvider.mjs";
-import { HtmlRendererLayout as f } from "./layout/HtmlRendererLayout.mjs";
-import { HtmlStyleProvider as p } from "./style/HtmlStyleProvider.mjs";
-import { HtmlThemeApplier as m } from "./style/HtmlThemeApplier.mjs";
-import { HtmlDocumentsResizeObserver as h } from "./documents/HtmlDocumentsResizeObserver.mjs";
-import { HtmlContentProcessor as g } from "./html/HtmlContentProcessor.mjs";
-import { HtmlImageLoader as _ } from "./image/HtmlImageLoader.mjs";
-import { HtmlImageObserver as v } from "./image/HtmlImageObserver.mjs";
+import { EventNames as e } from "../../../kernal/EventNames.mjs";
+import { getRandomId as t } from "../../../kernal/common/uuid.mjs";
+import { isOptionKey as n } from "../../../kernal/Options.mjs";
+import { Theme as r } from "../../../kernal/Theme.mjs";
+import { yieldToMain as i } from "../../../kernal/web/scheduler.mjs";
+import { watchScroll as a } from "../../../kernal/html/events.mjs";
+import { isHtmlOptionKey as o } from "../HtmlOptions.mjs";
+import { HtmlCoreNavigator as s } from "./navigator/HtmlCoreNavigator.mjs";
+import { resolveHtmlTextDirection as c } from "./layout/resolveLayoutRoute.mjs";
+import { HtmlPagingNavigator as l } from "./navigator/HtmlPagingNavigator.mjs";
+import { HtmlNavPointNavigator as u } from "./navigator/HtmlNavPointNavigator.mjs";
+import { HtmlNavPointProvider as d } from "./navigator/HtmlNavPointProvider.mjs";
+import { HtmlProgressTracker as f } from "./progress/HtmlProgressTracker.mjs";
+import { isProgrammaticScroll as p, isUserScrollSettling as m, markUserScroll as h, releaseAbsoluteLocate as g } from "./location/scrollActivity.mjs";
+import { HtmlDocumentsProvider as _ } from "./documents/HtmlDocumentsProvider.mjs";
+import { HtmlRendererLayout as v } from "./layout/HtmlRendererLayout.mjs";
+import { HtmlStyleProvider as y } from "./style/HtmlStyleProvider.mjs";
+import { HtmlThemeApplier as b } from "./style/HtmlThemeApplier.mjs";
+import { HtmlDocumentsResizeObserver as x } from "./documents/HtmlDocumentsResizeObserver.mjs";
+import { HtmlContentProcessor as S } from "./html/HtmlContentProcessor.mjs";
+import { HtmlImageLoader as C } from "./image/HtmlImageLoader.mjs";
+import { HtmlImageObserver as w } from "./image/HtmlImageObserver.mjs";
 //#region mediaTypes/html/renderer/HtmlRenderer.ts
-var y = class extends d {
-	constructor(t, r, i, d) {
-		super(t, r, i, d), this.isInitRenderer = !1, this.injectProcessHandlers = () => {
+var T = class extends _ {
+	constructor(e, r, a, c) {
+		super(e, r, a, c), this.isInitRenderer = !1, this.injectProcessHandlers = () => {
 			this.addDocumentPreprocess(this.preprocessHandler);
 		}, this.preprocessHandler = async (e) => {
 			await this.contentProcessor.preprocess(e), await this.styleProvider.injectStyles(e);
 			let t = await this.resolveCurrentTheme();
 			t && await this.themeApplier.applyToDocument(e, t), await this.rendererLayout.applyDocStyles(e), await this.imageLoader.preprocessImages(e);
+			let n = await this.getHighlighter();
+			n && await n.highlight(e);
 		}, this.onPageChange = async () => {
 			this.progressTracker.notifyProgressChange();
-		}, this.onOptionsChange = async (t) => {
-			let n = this.getRendererContainer();
-			if (!(!n || !n.ownerDocument.defaultView) && (e(t) || a(t))) {
-				let e = a(t);
-				if (e) {
+		}, this.onDocumentSizeChange = async () => {
+			this.owner.context.userChangedProgress || p() || m() || await this.delayRestoreReadingPosition();
+		}, this.onOptionsChange = async (e) => {
+			let t = this.getRendererContainer();
+			if (!(!t || !t.ownerDocument.defaultView) && (n(e) || o(e))) {
+				let t = o(e);
+				if (t) {
 					if (!this.owner.context.currentLocation?.precise) {
 						let e = await this.progressTracker.getProgress(!0);
 						e && (this.owner.context.currentLocation = e.location);
 					}
 					this.owner.context.setUserChangedProgress(!1);
 				}
-				this.rendererViewport.applyCssVariables(), e && (this.owner.context.userChangedProgress || await this.reload());
+				if (this.rendererViewport.applyCssVariables(), await i(), t) {
+					for (let e of this.getLoadedDocuments()) await this.rendererLayout.applyDocStyles(e);
+					this.owner.context.userChangedProgress || await this.reload();
+				}
 			}
-		}, this.progressTracker = new u(t, this, d), this.rendererLayout = new f(t, this, this.rendererViewport, this.progressTracker, d), this.navPointProvider = new l(this, d), this.navigator = new o(this, d), this.navPointNavigator = new c(t.locale, t.notifier, this, this.navigator, this.navPointProvider), this.pagingNavigator = new s(this, this.navigator, d), this.styleProvider = new p(this), this.currentInstanceId = n(!0), this.themeApplier = new m(this), this.documentsResizeObserver = new h(this, this.rendererViewport, this.progressTracker, this.rendererLayout), this.contentProcessor = new g(r), this.imageLoader = new _(this, this.rendererViewport, d), this.imageObserver = new v(this, d), this.bindEvents(), this.bindScrollWatch(), this.injectProcessHandlers();
+		}, this.progressTracker = new f(e, this, c), this.rendererLayout = new v(e, this, this.rendererViewport, this.progressTracker, c), this.navPointProvider = new d(this, c), this.navigator = new s(this, c), this.navPointNavigator = new u(e.locale, e.notifier, this, this.navigator, this.navPointProvider), this.pagingNavigator = new l(this, this.navigator, c), this.styleProvider = new y(this), this.currentInstanceId = t(!0), this.themeApplier = new b(this), this.documentsResizeObserver = new x(this, this.rendererViewport, this.progressTracker, this.rendererLayout), this.contentProcessor = new S(r), this.imageLoader = this.createImageLoader(), this.imageObserver = new w(this, c), this.bindEvents(), this.bindScrollWatch(), this.injectProcessHandlers();
 	}
 	get id() {
 		return this.currentInstanceId;
 	}
+	createImageLoader() {
+		return new C(this, this.rendererViewport, this.htmlOptions);
+	}
 	async resolveCurrentTheme() {
-		return (await this.owner.services.get("themeProvider"))?.getCurrentTheme() ?? new t();
+		return (await this.owner.services.get("themeProvider"))?.getCurrentTheme() ?? new r();
+	}
+	async getHighlighter() {
+		if (this.htmlOptions.enableFormatCodeBlock) {
+			if (!this.languageHighlighter) {
+				let { LanguageHighlighter: e } = await import("./style/LanguageHighlighter.mjs");
+				this.languageHighlighter = new e(this);
+			}
+			return this.languageHighlighter;
+		}
 	}
 	bindEvents() {
-		this.owner.events.on(r.OptionsChange, this.onOptionsChange), this.owner.events.on(r.PageChange, this.onPageChange);
+		this.owner.events.on(e.OptionsChange, this.onOptionsChange), this.owner.events.on(e.PageChange, this.onPageChange), this.owner.events.on(e.DocumentSizeChange, this.onDocumentSizeChange);
 	}
 	unbindEvents() {
-		this.owner.events.off(r.OptionsChange, this.onOptionsChange), this.owner.events.off(r.PageChange, this.onPageChange);
+		this.owner.events.off(e.OptionsChange, this.onOptionsChange), this.owner.events.off(e.PageChange, this.onPageChange), this.owner.events.off(e.DocumentSizeChange, this.onDocumentSizeChange);
 	}
 	bindScrollWatch() {
-		let e = this.getScrollElement();
-		e && (this.scrollWatchState = i(e, this.owner.options.calcScrollDirection, async (e, t) => {
-			this.owner.events.emit(r.ReaderDebounceScroll, e, t), this.progressTracker.notifyProgressChange();
-		}, (e) => {
-			this.owner.onProgressChangeGuard && this.owner.context?.progress?.current && (this.owner.onProgressChangeGuard(this.owner.context.progress.current) || e.preventDefault()), this.owner.events.emit(r.ReaderOriginalScroll, e);
+		let t = this.owner.getHostViewport();
+		this.scrollWatchTarget = t.mode == "window" ? t.scrollWatchTarget : this.getScrollElement(), this.scrollWatchTarget && (this.scrollWatchState = a(this.scrollWatchTarget, this.owner.options.calcScrollDirection, async (t, n) => {
+			this.owner.events.emit(e.ReaderDebounceScroll, t, n), this.progressTracker.notifyProgressChange();
+		}, (t) => {
+			p() || !t.isTrusted || (this.owner.onProgressChangeGuard && this.owner.context?.progress?.current && (this.owner.onProgressChangeGuard(this.owner.context.progress.current) || t.preventDefault()), h(), g(), this.owner.events.emit(e.ReaderOriginalScroll, t));
 		}));
 	}
 	async load(e, t) {
@@ -73,19 +95,21 @@ var y = class extends d {
 		return this.htmlOptions.writingMode ?? "horizontal-tb";
 	}
 	get direction() {
-		return this.htmlOptions.direction ?? "ltr";
+		return c(this.htmlOptions);
 	}
 	get layout() {
 		return this.rendererLayout;
 	}
 	async applyTheme(e) {
 		await this.themeApplier.applyTheme(e);
+		let t = await this.getHighlighter();
+		t && await t.applyTheme(e);
 	}
 	async dispose() {
 		this.unbindEvents();
-		let e = this.getScrollElement();
-		e && this.scrollWatchState?._eventHandler && (e.removeEventListener("scroll", this.scrollWatchState._eventHandler, !0), this.scrollWatchState = void 0), await this.progressTracker.dispose(), await this.imageObserver.dispose(), await this.imageLoader.dispose(), await super.dispose(), await this.styleProvider?.dispose(), await this.navPointProvider?.dispose(), await this.pagingNavigator?.dispose(), await this.documentsResizeObserver.dispose(), await this.contentProcessor.dispose();
+		let e = this.scrollWatchTarget ?? this.getScrollElement();
+		e && this.scrollWatchState?._eventHandler && (e.removeEventListener("scroll", this.scrollWatchState._eventHandler, !0), this.scrollWatchState = void 0, this.scrollWatchTarget = void 0), await this.progressTracker.dispose(), await this.imageObserver.dispose(), await this.imageLoader.dispose(), await super.dispose(), await this.styleProvider?.dispose(), await this.languageHighlighter?.dispose(), this.languageHighlighter = void 0, await this.navPointProvider?.dispose(), await this.pagingNavigator?.dispose(), await this.documentsResizeObserver.dispose(), await this.contentProcessor.dispose();
 	}
 };
 //#endregion
-export { y as HtmlRenderer };
+export { T as HtmlRenderer };

package/dist/mediaTypes/html/renderer/IHtmlDocument.d.ts

@@ -1,9 +1,13 @@
-import { IDocument } from '../../../kernal';
+import { IDocument, ISymbolCalclator, LocationState } from '../../../kernal';
 
 export interface IHtmlDocument extends IDocument {
     getContent(): Promise<string>;
     getNumberOfPages(): Promise<number>;
-    getPageNumber(element: Element): Promise<number>;
+    getPageNumber(target: Element | Range): Promise<number>;
+    readonly symbolCalclator: ISymbolCalclator;
     getVirtualContentContainer(raw?: boolean): Promise<HTMLElement>;
     getVisibleElements(fullVisibleInWindow?: boolean): Element[];
+    resetLayoutSizes(): void;
+    captureLayoutState(): LocationState;
+    restoreLayoutState(locationState: LocationState): Promise<void>;
 }

package/dist/mediaTypes/html/renderer/IHtmlDocumentsProvider.d.ts

@@ -3,4 +3,9 @@ import { IDocumentsProvider } from '../../../kernal';
 
 export interface IHtmlDocumentsProvider extends IDocumentsProvider<IHtmlDocument> {
     getCurrentPageNumber(doc: IHtmlDocument): number;
+    syncPageState(doc: IHtmlDocument): Promise<{
+        current: number;
+        total: number;
+    }>;
+    canAdvancePageTransform(doc: IHtmlDocument): boolean;
 }

package/dist/mediaTypes/html/renderer/IHtmlRenderer.d.ts

@@ -1,4 +1,5 @@
 import { Direction, IFileParser, INavPointNavigator, INavPointProvider, IPagingNavigator, IRenderer, IStyleProvider, WritingMode } from '../../../kernal';
+import { HtmlOptions } from '../HtmlOptions';
 import { IHtmlDocument } from './IHtmlDocument';
 import { IHtmlRendererLayout } from './layout/IHtmlRendererLayout';
 import { IHtmlProgressTracker } from './progress/IHtmlIProgressTracker';
@@ -12,4 +13,6 @@ export interface IHtmlRenderer<T extends IHtmlDocument = IHtmlDocument, W extend
     get pagingNavigator(): IPagingNavigator | undefined;
     get styleProvider(): IStyleProvider;
     get layout(): IHtmlRendererLayout;
+    readonly htmlOptions: HtmlOptions;
+    getCurrentPageNumber(doc: IHtmlDocument): number;
 }

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/web/BrowserCapabilities.cjs"),t=require("../../../../kernal/common/uuid.cjs"),n=require("../../../../kernal/EventNames.cjs"),r=require("../../../../kernal/Constants.cjs"),i=require("../../../../kernal/html/finder.cjs"),a=require("../../../../kernal/html/dom.cjs"),o=require("../../../../kernal/html/geometry.cjs"),s=require("../../HtmlSettings.cjs"),c=require("../../../base/renderer/BaseDocument.cjs"),l=require("../../../base/renderer/eventKeys.cjs"),u=require("../visibilityCandidates.cjs"),d=require("../html/template.cjs"),f=require("./HtmlPageCalculator.cjs"),p=require("./HtmlDocumentResizeObserver.cjs");var m=class extends c.BaseDocument{constructor(t,r,i,a,o,c){super(t,i,a,o),this.options=c,this.eventKeyMap=l.getEventKeyMap(),this.visibilityCandidates=null,this.callbacks=[],this.buildLoadingContent=async()=>{let e=await this.getFormattedVirtualDocument(),t=this.owner.getRenderer()?.documentPreprocesses??[];for(let e of t)try{await e(this)}catch(t){this.logger.error(`preprocess`,`function`,e?.name,t)}let n=e.documentElement.outerHTML;return this.owner.onRenderingFileInject&&(n=await this.owner.onRenderingFileInject(this.extension,n,this.url)),n=n.replace(/<([^<]*)\?xml([^>]*)\?.*?>/i,``),n.match(/<!DOCTYPE[^>]*>/i)||(n=`<!DOCTYPE html>`+n),n},this.processAfterLoaded=async()=>{let t=this.getContentContainer();if(!t)return;t.setAttribute(`data-url`,this.url),this.wrapperContainer.classList.remove(s.HtmlSettings.FileContentContainerHeightClassName);let r=this.owner.getRenderer()?.documentPostprocesses??[];for(let t of r)try{await t(this),await e.BrowserCapabilities.yieldToMain()}catch(e){this.logger.error(`postprocess`,`function`,t?.name,e)}this.loadingLayer?.removeLoadingLayer(),this.loadStatus=`success`,this.visibilityCandidates=null,this.bindDocumentEvents(),this.owner.events.emit(n.EventNames.DocumentLoad,this),await this.internalResetSizes(),this.resizeObserver.observeIframeSize(async()=>{await this.internalResetSizes(),this.getFlipMode()==`page`&&this.pageCalculator.calcNumberOfPages(!0)}),this.loadCompleted(!0)},this.loadCompleted=e=>{for(let t=0;t<this.callbacks.length;t++)try{e?this.callbacks[t].resolve():this.callbacks[t].reject()}catch{}this.callbacks=[]},this.internalResetSizes=async()=>{let e=this.getContentRootElement();if(!e)return;let t=this.getWritingMode();this.resetIframeMinWidthHeight(e,this.getFlipMode(),t)},this.capture=!0,this.eventListener=e=>{let t=this.eventKeyMap.get(e.type);t&&this.owner.events.emit(t,e,this)},this.pageCalculator=new f.HtmlPageCalculator(this,r,c),this.logger=this.owner.loggerFactory.getLogger(this.constructor.name),this.resizeObserver=new p.HtmlDocumentResizeObserver(this,this.owner.events)}get inIframe(){return!0}getWritingMode(){return this.options.writingMode??`horizontal-tb`}async load(){await new Promise(async(i,o)=>{if(this.loadStatus==`success`){i();return}if(this.callbacks.push({resolve:i,reject:o}),this.loadStatus!=`loading`){this.loadStatus=`loading`,this.loadingLayer=await this.owner.services.get(`loadLayer`),this.loadingLayer?.setDoc(this),a.emptyElement(this.wrapperContainer),this.loadingLayer.removeLoadingLayer(),this.loadingLayer.loadLoadingLayer();try{if(this.inIframe){if(!this.iframe){let i=r.readerPrefixName+t.getUuid(!0);this.iframe=d.createIframe(this.wrapperContainer.ownerDocument,i,this.options.forceScroll),this.options.forceScroll?this.iframe.removeAttribute(`scrolling`):this.iframe.setAttribute(`scrolling`,`no`);let a=await this.buildLoadingContent();await e.BrowserCapabilities.yieldToMain(),this.wrapperContainer.appendChild(this.iframe),await e.BrowserCapabilities.yieldToMain(),this.iframe.addEventListener(`load`,async()=>{await this.processAfterLoaded()},!1),this.iframe.addEventListener(`error`,e=>{this.loadingLayer?.removeLoadingLayer(),this.loadStatus=`fail`,this.iframe=void 0,this.loadingLayer?.setReloadButton(),this.logger.error(e),this.owner.events.emit(n.EventNames.DocumentLoadFailed,this,e),this.loadCompleted(!0)},!1);let o=this.iframe.contentDocument;this.options.preferSrcdoc&&`srcdoc`in this.iframe||!(`write`in o)?this.iframe.srcdoc=a:(o.open(),o.write(a),o.close(),await e.BrowserCapabilities.yieldToMain())}}else{let t=await this.buildLoadingContent();a.setElementHtml(this.wrapperContainer,t),await this.processAfterLoaded(),await e.BrowserCapabilities.yieldToMain()}}catch(e){this.logger.error(e),this.owner?.context?(this.loadingLayer?.removeLoadingLayer(),this.loadStatus=`fail`,this.iframe=void 0,this.loadingLayer?.setReloadButton(),this.owner.events.emit(n.EventNames.DocumentLoadFailed,this,e?.toString()),this.loadCompleted(!0)):this.loadCompleted(!0)}finally{await this.loadingLayer?.dispose(),this.loadingLayer=void 0}}})}resetIframeMinWidthHeight(e,t,n){if(e){if(t==`scroll`){if(this.iframe){if(this.isVerticalWriting(n)){let t=e.scrollHeight;this.iframe.style.willChange=`transform`,this.iframe.style.removeProperty(`min-width`),this.iframe.style.minHeight=t+`px`,this.iframe.style.removeProperty(`will-change`),this.iframe.style.removeProperty(`transform`)}else{let t=e.getBoundingClientRect().height;this.iframe.style.willChange=`transform`,this.iframe.style.removeProperty(`min-width`),this.iframe.style.minHeight=Math.round(t)+`px`,this.iframe.style.removeProperty(`will-change`),this.iframe.style.removeProperty(`transform`)}}}else if(this.iframe){this.iframe.style.removeProperty(`min-height`),this.iframe.style.removeProperty(`min-width`);let t=e.scrollWidth,n=i.getDocumentBody(e.ownerDocument).getBoundingClientRect().width,r=Math.min(t,n);this.iframe.style.minWidth=r+`px`}}}async getContent(){return this.docContent?this.docContent:(this.docContent=await(await this.fileParser.getTextDocument(this.url)).getPlaintext(),this.docContent.length>this.options.singleDocMaxSize?d.getTooBigHtmlTemplate(this.docContent.length):this.docContent)}async getFormattedVirtualDocument(){if(this.formattedVirtualDocument)return this.formattedVirtualDocument;let e=await this.fileParser.getTextDocument(this.url);return this.formattedVirtualDocument=await e.getFormattedDocument(),this.formattedVirtualDocument}async getText(e){return await(await this.fileParser.getTextDocument(this.url)).getPlaintext(e)}internalGetNumberOfPages(){let e=1;return this.getFlipMode()==`page`&&(e=this.pageCalculator.calcNumberOfPages()),e}async getNumberOfPages(){return await this.load(),this.internalGetNumberOfPages()}async getPageNumber(e){return this.pageCalculator.getPageNumber(e)}getContentRootElement(){return this.inIframe?this.iframe?.contentDocument?.documentElement:this.wrapperContainer}getContentContainer(){return this.inIframe?i.getDocumentBody(this.iframe?.contentDocument):this.wrapperContainer}async getVirtualContentContainer(e){if(e){let e=await this.fileParser.getTextDocument(this.url);return i.getDocumentBody(await e.getFormattedDocument())}let t=await this.getFormattedVirtualDocument();return i.getDocumentBody(t)}getVisibleElements(e){if(this.loadStatus!=`success`)return[];let t=this.getContentContainer(),n=t?.ownerDocument?.defaultView;if(!t||!n)return[];this.visibilityCandidates||=u.collectContentUnitElements(t,{htmlBlockTags:this.options.htmlBlockTags});let r=this.getFlipMode()==`scroll`?this.owner.optionsProvider.getHeaderHeight():0,i=o.resolveVisibleViewportInContentWindow(n,{topInset:r});return i?o.getOrderedElementsIntersectingRect(this.visibilityCandidates,i,{writingMode:this.getWritingMode(),fullVisible:e}):[]}async dispose(){this.owner.events.emit(n.EventNames.DocumentDisposing,this),this.unbindDocumentEvents(),this.resizeObserver.unobserveIframeSize(),this.callbacks?.splice(0),this.visibilityCandidates=null;let e=this.getWrapperContainer();e.classList.add(s.HtmlSettings.FileContentContainerHeightClassName),e.removeChild(this.iframe),a.emptyElement(this.wrapperContainer),this.iframe=void 0,this.formattedVirtualDocument=null,await super.dispose()}bindDocumentEvents(){let e=this.inIframe?this.getContentContainer().ownerDocument:this.getContentRootElement();for(let t of this.eventKeyMap.keys())e.addEventListener(t,this.eventListener,this.capture)}unbindDocumentEvents(){let e=this.inIframe?this.getContentContainer().ownerDocument:this.getContentRootElement();for(let t of this.eventKeyMap.keys())e.removeEventListener(t,this.eventListener,this.capture)}isVerticalWriting(e){return e==`vertical-lr`||e==`vertical-rl`}getFlipMode(){return this.options.forceScroll?`scroll`:this.options.flipMode}};exports.HtmlDocument=m;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/EventNames.cjs"),t=require("../../../../kernal/common/uuid.cjs"),n=require("../../../../kernal/web/BrowserCapabilities.cjs"),r=require("../../../../kernal/Constants.cjs"),i=require("../../../../kernal/html/finder.cjs"),a=require("../../../../kernal/html/dom.cjs"),o=require("../../../../kernal/web/scheduler.cjs"),s=require("../../../../kernal/html/geometry.cjs"),c=require("../../../base/renderer/BaseDocument.cjs"),l=require("../../HtmlSettings.cjs"),u=require("../../../base/renderer/eventKeys.cjs"),d=require("../visibilityCandidates.cjs"),f=require("../layout/resolveLayoutRoute.cjs"),p=require("../../fileParser/IHtmlFileParser.cjs"),m=require("../layout/ViewportCssVariableNames.cjs"),h=require("../html/template.cjs"),g=require("./HtmlPageCalculator.cjs"),_=require("./HtmlSymbolCalclator.cjs"),v=require("./HtmlDocumentResizeObserver.cjs"),y=require("../location/HtmlLayoutStatePreserver.cjs"),b=require("../location/remapStoredPageNumber.cjs");var x=class extends c.BaseDocument{constructor(t,n,r,i,a,s){super(t,r,i,a),this.options=s,this.eventKeyMap=u.getEventKeyMap(),this.visibilityCandidates=null,this.callbacks=[],this.retainLoadingLayer=!1,this.waitForRevealPaint=async()=>{await o.yieldToMain(),await new Promise(e=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>e())})}),await new Promise(e=>{window.setTimeout(e,120)}),await this.waitForVisibleImagesReady()},this.waitForVisibleImagesReady=async()=>{let e=this.getContentContainer(),t=e?.ownerDocument?.defaultView;if(!e||!t)return;let n=[...e.querySelectorAll(`img`),...e.getElementsByTagName(`image`)];if(n.length==0)return;let r=t.innerHeight||e.clientHeight,i=n.filter(e=>{let t=e.getBoundingClientRect();return t.bottom>-200&&t.top<r+200});i.length!=0&&await Promise.race([Promise.all(i.map(e=>this.waitForImageReady(e))),new Promise(e=>{window.setTimeout(e,800)})])},this.waitForImageReady=e=>this.isImageReady(e)?Promise.resolve():new Promise(t=>{let n=!1,r=()=>{n||(n=!0,e.removeEventListener(`load`,r),e.removeEventListener(`error`,r),i.disconnect(),t())},i=new MutationObserver(()=>{this.isImageReady(e)&&r()});i.observe(e,{attributes:!0,attributeFilter:[`src`,`href`,`data-load-state`]}),e.addEventListener(`load`,r),e.addEventListener(`error`,r),window.setTimeout(r,800)}),this.isImageReady=e=>{let t=e.getAttribute(`data-load-state`);if(t==`loaded`||t==`fail`)return!0;let n=e.ownerDocument.defaultView?.window.HTMLImageElement;if(!n||!(e instanceof n))return!1;let r=e.currentSrc||e.src;return!r||r.startsWith(`data:image/svg+xml`)?!1:e.complete&&e.naturalWidth>0},this.bringLoadingLayerToFront=()=>{let e=this.wrapperContainer.querySelector(`div[data-type='loading-layer']`);e&&this.wrapperContainer.appendChild(e)},this.fadeOutCover=async(e=200)=>{let t=this.wrapperContainer.querySelector(`div[data-type='loading-layer']`);if(!t)return;let n=Math.max(0,e);t.style.pointerEvents=`none`,t.style.transition=`opacity ${n}ms ease`,t.style.opacity=`0`,await new Promise(e=>{let r=!1,i=()=>{r||(r=!0,t.removeEventListener(`transitionend`,i),e())};t.addEventListener(`transitionend`,i),window.setTimeout(i,n+50)})},this.releaseLoadingLayer=async()=>{this.loadingLayer?.removeLoadingLayer(),await this.loadingLayer?.dispose(),this.loadingLayer=void 0},this.buildLoadingContent=async()=>{let e=await this.getFormattedVirtualDocument(),t=this.owner.getRenderer()?.documentPreprocesses??[];for(let e of t)try{await e(this)}catch(t){this.logger.error(`preprocess`,`function`,e?.name,t)}let n=e.documentElement.outerHTML.replace(/<([^<]*)\?xml([^>]*)\?.*?>/i,``);return n.match(/<!DOCTYPE[^>]*>/i)||(n=`<!DOCTYPE html>`+n),n},this.processAfterLoaded=async()=>{let t=this.getContentContainer();if(!t)return;t.setAttribute(`data-url`,this.url);let n=this.captureLayoutState(),r=f.getLayoutGeometry(this.options).iframeGrow==`width`;r||this.wrapperContainer.classList.remove(l.HtmlSettings.FileContentContainerHeightClassName);let i=this.owner.getRenderer()?.documentPostprocesses??[];for(let e of i)try{await e(this),await o.yieldToMain()}catch(t){this.logger.error(`postprocess`,`function`,e?.name,t)}await this.layoutStatePreserver.waitUntilPageTransformStable(),this.resetLayoutSizes(),r&&this.wrapperContainer.classList.remove(l.HtmlSettings.FileContentContainerHeightClassName),await this.restoreLayoutState(n),this.retainLoadingLayer||await this.releaseLoadingLayer(),this.loadStatus=`success`,this.visibilityCandidates=null,this.bindDocumentEvents(),this.owner.events.emit(e.EventNames.DocumentLoad,this),this.resizeObserver.observeIframeSize(async()=>{let e=b.shouldKeepPageEndOnContentGrow(this.owner.context.currentLocation,this.url),t=e?this.captureLayoutState():null;if(this.resetLayoutSizes(),this.getFlipMode()==`page`&&this.pageCalculator.calcNumberOfPages(!0),e&&t){await this.restoreLayoutState(t);let e=this.internalGetNumberOfPages(),n=this.owner.context.currentLocation;n?.url==this.url&&(n.current=e,n.total=e)}}),this.loadCompleted(!0)},this.loadCompleted=e=>{for(let t=0;t<this.callbacks.length;t++)try{e?this.callbacks[t].resolve():this.callbacks[t].reject()}catch{}this.callbacks=[]},this.capture=!0,this.eventListener=e=>{let t=this.eventKeyMap.get(e.type);t&&this.owner.events.emit(t,e,this)},this.pageCalculator=new g.HtmlPageCalculator(this,n,s),this.symbolCalclator=new _.HtmlSymbolCalclator(this,p.asHtmlFileParser(r).symbolMeasure),this.layoutStatePreserver=new y.HtmlLayoutStatePreserver(this,n,s),this.logger=this.owner.loggerFactory.getLogger(this.constructor.name),this.resizeObserver=new v.HtmlDocumentResizeObserver(this,this.owner.events)}get inIframe(){return!0}async load(){await new Promise(async(i,s)=>{if(this.loadStatus==`success`){i();return}if(this.callbacks.push({resolve:i,reject:s}),this.loadStatus!=`loading`){this.loadStatus=`loading`,this.loadingLayer=await this.owner.services.get(`loadLayer`),this.loadingLayer?.setDoc(this),a.emptyElement(this.wrapperContainer),this.loadingLayer.removeLoadingLayer(),this.loadingLayer.loadLoadingLayer(),await o.yieldToMain();try{if(this.inIframe){if(!this.iframe){let i=r.readerPrefixName+t.getUuid(!0);this.iframe=h.createIframe(this.wrapperContainer.ownerDocument,i,this.options.forceScroll,f.getLayoutGeometry(this.options)),this.options.forceScroll?this.iframe.removeAttribute(`scrolling`):this.iframe.setAttribute(`scrolling`,`no`);let a=await this.buildLoadingContent();await o.yieldToMain(),this.wrapperContainer.appendChild(this.iframe),this.bringLoadingLayerToFront(),await o.yieldToMain(),this.iframe.addEventListener(`load`,async()=>{await this.processAfterLoaded()},!1),this.iframe.addEventListener(`error`,t=>{this.retainLoadingLayer=!1,this.loadingLayer?.removeLoadingLayer(),this.loadStatus=`fail`,this.iframe=void 0,this.loadingLayer?.setReloadButton(),this.logger.error(t),this.owner.events.emit(e.EventNames.DocumentLoadFailed,this,t),this.loadCompleted(!0)},!1),n.BrowserCapabilities.isFirefox()&&(this.iframe.srcdoc=`<!DOCTYPE html><html><head></head><body></body></html>`);let s=this.iframe.contentDocument;this.options.preferSrcdoc&&`srcdoc`in this.iframe||!(`write`in s)?this.iframe.srcdoc=a:(s.open(),s.write(a),s.close(),await o.yieldToMain())}}else{let e=await this.buildLoadingContent();a.setElementHtml(this.wrapperContainer,e),await this.processAfterLoaded(),await o.yieldToMain()}}catch(t){this.logger.error(t),this.retainLoadingLayer=!1,this.owner?.context?(this.loadingLayer?.removeLoadingLayer(),this.loadStatus=`fail`,this.iframe=void 0,this.loadingLayer?.setReloadButton(),this.owner.events.emit(e.EventNames.DocumentLoadFailed,this,t?.toString()),this.loadCompleted(!0)):(await this.releaseLoadingLayer(),this.loadCompleted(!0))}}})}prepareCoveredLoad(){this.retainLoadingLayer=!0}async revealCoveredLoad(){this.retainLoadingLayer=!1;try{await this.waitForRevealPaint(),await this.fadeOutCover()}finally{await this.releaseLoadingLayer()}}resetLayoutSizes(){this.resetIframeMinSize()}captureLayoutState(){return this.layoutStatePreserver.capture()}async restoreLayoutState(e){await this.layoutStatePreserver.restore(e)}resetIframeMinSize(){let e=this.getContentRootElement();if(!e||!this.iframe)return;let t=f.getLayoutGeometry(this.options),n=i.getDocumentBody(e.ownerDocument);if(this.iframe.style.removeProperty(`transform`),this.iframe.style.removeProperty(`will-change`),t.useColumnLayout){this.growIframeToColumnOverflow(e,n,t.pageAxis),this.pageCalculator.calcNumberOfPages(!0);return}if(t.iframeGrow==`width`){this.iframe.style.removeProperty(`min-height`),this.iframe.style.removeProperty(`min-width`);let t=this.getParentContentHeight(this.iframe.parentElement)||this.iframe.clientHeight;this.iframe.style.height=t?t+`px`:`var(${m.ViewportCssVariableNames.ContentContainerHeight})`,this.iframe.style.width=`auto`,t&&(e.style.height=t+`px`,e.style.maxHeight=t+`px`,n&&(n.style.height=t+`px`,n.style.maxHeight=t+`px`)),this.iframe.offsetWidth,this.iframe.style.minWidth=Math.max(1,e.scrollWidth)+`px`;return}this.clearInlineContentBox(e,n),this.iframe.style.removeProperty(`min-width`),this.iframe.style.removeProperty(`min-height`),this.iframe.style.setProperty(`width`,this.options.forceScroll?`100%`:`var(${m.ViewportCssVariableNames.ContentContainerWidth})`),this.iframe.style.height=`auto`,this.iframe.offsetHeight;let r=Math.max(1,e.scrollHeight,n?.scrollHeight??0);this.iframe.style.setProperty(`height`,`var(${m.ViewportCssVariableNames.ContentContainerHeight})`),this.iframe.style.minHeight=Math.round(r)+`px`}growIframeToColumnOverflow(e,t,n){this.clearInlineContentBox(e,t),this.iframe.style.removeProperty(`min-width`),this.iframe.style.removeProperty(`min-height`);let r=this.getPageBoxSize();this.lockIframeToPageBox(r);let i=this.iframe.parentElement,a=i?.style.width??``,o=i?.style.minWidth??``,s=r.width;i&&n==`x`&&s>0&&(i.style.width=`${s}px`,i.style.minWidth=`${s}px`);let c=this.beginColumnOverflowMeasure(e,t,n);try{if(n==`y`){this.iframe.offsetHeight,e.offsetHeight;let n=this.measureOccupiedColumnLength(e,t,`y`,r.height);this.iframe.style.setProperty(`height`,`var(${m.ViewportCssVariableNames.ContentContainerHeight})`),this.iframe.style.minHeight=n+`px`;return}this.iframe.offsetWidth,e.offsetWidth;let i=this.measureOccupiedColumnLength(e,t,`x`,r.width);this.iframe.style.setProperty(`width`,`var(${m.ViewportCssVariableNames.ContentContainerWidth})`),this.iframe.style.minWidth=i+`px`}finally{c(),i&&(a?i.style.width=a:i.style.removeProperty(`width`),o?i.style.minWidth=o:i.style.removeProperty(`min-width`))}}measureOccupiedColumnLength(e,t,n,r){let i=r>0?r:1,a=this.getColumnGap(),o=i+a,s=this.measureContentExtent(e,t,n),c=Math.max(1,Math.floor(((s>1?s:i)-1)/o)+1);return Math.round(c*i+Math.max(0,c-1)*a)}measureContentExtent(e,t,n){let r=e.getBoundingClientRect(),i=this.getLastContentElement(t);if(i){let e=i.getBoundingClientRect(),t=n==`y`?e.bottom-r.top:e.right-r.left;if(t>1)return t}if(t){let e=t.getBoundingClientRect();return n==`y`?e.height:e.width}return n==`y`?e.scrollHeight:e.scrollWidth}getLastContentElement(e){if(!e)return null;let t=e.querySelector(`[${r.LastElementAttributeName}="true"]`);return t instanceof HTMLElement?t:e.lastElementChild instanceof HTMLElement?e.lastElementChild:null}getColumnGap(){let e=this.owner.getRenderer()?.getRendererContainer(),t=parseFloat(e?.getAttribute(`data-column-gap`)??``);return Number.isFinite(t)&&t>0?t:0}getPageBoxSize(){let e=this.owner.getRenderer()?.getRendererContainer(),t=parseFloat(e?.getAttribute(`data-column-width`)??``)||Math.round(this.iframe.getBoundingClientRect().width),n=parseFloat(e?.getAttribute(`data-page-height`)??``)||Math.round(this.iframe.getBoundingClientRect().height);return{width:Number.isFinite(t)?Math.round(t):0,height:Number.isFinite(n)?Math.round(n):0}}lockIframeToPageBox(e=this.getPageBoxSize()){e.width>0?this.iframe.style.width=`${e.width}px`:this.iframe.style.setProperty(`width`,`var(${m.ViewportCssVariableNames.ContentContainerWidth})`),e.height>0?this.iframe.style.height=`${e.height}px`:this.iframe.style.setProperty(`height`,`var(${m.ViewportCssVariableNames.ContentContainerHeight})`),this.iframe.offsetWidth}beginColumnOverflowMeasure(e,t,n){let r=e.style.minWidth,i=e.style.direction,a=t?.style.direction??``,o=e.classList.contains(l.HtmlSettings.RtlProgressionClassName),s=f.getLayoutGeometry(this.options).measureColumnsAsLtr;return e.style.setProperty(`min-width`,`0`,`important`),s&&(e.style.setProperty(`direction`,`ltr`,`important`),t?.style.setProperty(`direction`,`ltr`,`important`),e.classList.remove(l.HtmlSettings.RtlProgressionClassName)),()=>{r?e.style.minWidth=r:e.style.removeProperty(`min-width`),s&&(i?e.style.direction=i:e.style.removeProperty(`direction`),t&&(a?t.style.direction=a:t.style.removeProperty(`direction`)),o&&e.classList.add(l.HtmlSettings.RtlProgressionClassName))}}clearInlineContentBox(e,t){e.style.removeProperty(`height`),e.style.removeProperty(`max-height`),e.style.removeProperty(`width`),t&&(t.style.removeProperty(`height`),t.style.removeProperty(`max-height`),t.style.removeProperty(`width`))}getParentContentHeight(e){if(!e)return 0;let t=e.ownerDocument.defaultView?.getComputedStyle(e),n=parseFloat(t?.paddingTop??`0`)||0,r=parseFloat(t?.paddingBottom??`0`)||0;return Math.max(0,Math.round(e.clientHeight-n-r))}async getContent(){return this.docContent?this.docContent:(this.docContent=await(await this.fileParser.getTextDocument(this.url)).getPlaintext(),this.docContent.length>this.options.singleDocMaxSize?h.getTooBigHtmlTemplate(this.docContent.length):this.docContent)}async getFormattedVirtualDocument(){if(this.formattedVirtualDocument)return this.formattedVirtualDocument;let e=await this.fileParser.getTextDocument(this.url);return this.formattedVirtualDocument=await e.getFormattedDocument(),this.formattedVirtualDocument}async getText(e){return await(await this.fileParser.getTextDocument(this.url)).getPlaintext(e)}internalGetNumberOfPages(){let e=1;return this.getFlipMode()==`page`&&(e=this.pageCalculator.calcNumberOfPages()),e}async getNumberOfPages(){return await this.load(),this.internalGetNumberOfPages()}async getPageNumber(e){return this.pageCalculator.getPageNumber(e)}getContentRootElement(){return this.inIframe?this.iframe?.contentDocument?.documentElement:this.wrapperContainer}getContentContainer(){return this.inIframe?i.getDocumentBody(this.iframe?.contentDocument):this.wrapperContainer}async getVirtualContentContainer(e){if(e){let e=await this.fileParser.getTextDocument(this.url);return i.getDocumentBody(await e.getFormattedDocument())}let t=await this.getFormattedVirtualDocument();return i.getDocumentBody(t)}getVisibleElements(e){if(this.loadStatus!=`success`)return[];let t=this.getContentContainer(),n=t?.ownerDocument?.defaultView;if(!t||!n)return[];this.visibilityCandidates||=d.collectContentUnitElements(t,{htmlBlockTags:this.options.htmlBlockTags});let r=this.owner.getRenderer()?.getRendererContainer().getBoundingClientRect().top,i=s.resolveVisibleViewportInContentWindow(n,{topInset:r});return i?s.getOrderedElementsIntersectingRect(this.visibilityCandidates,i,{writingMode:f.getLayoutGeometry(this.options).writingMode,fullVisible:e}):[]}async dispose(){let t=this.captureLayoutState();this.owner.events.emit(e.EventNames.DocumentDisposing,this),this.unbindDocumentEvents(),this.resizeObserver.unobserveIframeSize(),this.callbacks?.splice(0),this.visibilityCandidates=null,this.retainLoadingLayer=!1,await this.releaseLoadingLayer();let n=this.getWrapperContainer();n.classList.add(l.HtmlSettings.FileContentContainerHeightClassName),this.iframe&&n.contains(this.iframe)&&n.removeChild(this.iframe),a.emptyElement(this.wrapperContainer),this.iframe=void 0,this.formattedVirtualDocument=null,await this.symbolCalclator.dispose(),await this.restoreLayoutState(t),await super.dispose()}bindDocumentEvents(){let e=this.inIframe?this.getContentContainer().ownerDocument:this.getContentRootElement();for(let t of this.eventKeyMap.keys())e.addEventListener(t,this.eventListener,this.capture)}unbindDocumentEvents(){let e=this.inIframe?this.getContentContainer()?.ownerDocument:this.getContentRootElement();if(e)for(let t of this.eventKeyMap.keys())e?.removeEventListener(t,this.eventListener,this.capture)}getFlipMode(){return this.options.forceScroll?`scroll`:this.options.flipMode}};exports.HtmlDocument=x;

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

@@ -1,10 +1,11 @@
-import { IFileParser, TextFormatOptions, SpineFile } from '../../../../kernal';
+import { IFileParser, LocationState, TextFormatOptions, SpineFile } from '../../../../kernal';
 import { Reader } from '../../../../kernal/Reader';
 import { IHtmlDocument } from '../IHtmlDocument';
 import { IRendererViewport } from '../../../../kernal/IRendererViewport';
 import { BaseDocument } from '../../../base/renderer/BaseDocument';
 import { HtmlOptions } from '../../HtmlOptions';
 import { HtmlLayoutMetrics } from '../layout/HtmlLayoutMetrics';
+import { HtmlSymbolCalclator } from './HtmlSymbolCalclator';
 
 export declare class HtmlDocument extends BaseDocument implements IHtmlDocument {
     private readonly options;
@@ -13,26 +14,49 @@ export declare class HtmlDocument extends BaseDocument implements IHtmlDocument
     private iframe;
     private loadingLayer;
     private readonly pageCalculator;
+    readonly symbolCalclator: HtmlSymbolCalclator;
     private readonly eventKeyMap;
     private readonly resizeObserver;
+    private readonly layoutStatePreserver;
     private visibilityCandidates;
     constructor(owner: Reader, viewport: IRendererViewport<HtmlLayoutMetrics>, fileParser: IFileParser, wrapperContainer: HTMLElement, spineFile: SpineFile, options: HtmlOptions);
     get inIframe(): boolean;
-    private getWritingMode;
     private callbacks;
+    private retainLoadingLayer;
     load(): Promise<void>;
+    prepareCoveredLoad(): void;
+    revealCoveredLoad(): Promise<void>;
+    private waitForRevealPaint;
+    private waitForVisibleImagesReady;
+    private waitForImageReady;
+    private isImageReady;
+    private bringLoadingLayerToFront;
+    private fadeOutCover;
+    private releaseLoadingLayer;
     private buildLoadingContent;
     private processAfterLoaded;
     private loadCompleted;
-    private internalResetSizes;
-    private resetIframeMinWidthHeight;
+    resetLayoutSizes(): void;
+    captureLayoutState(): LocationState;
+    restoreLayoutState(locationState: LocationState): Promise<void>;
+    private resetIframeMinSize;
+    private growIframeToColumnOverflow;
+    private measureOccupiedColumnLength;
+    private measureContentExtent;
+    private getLastContentElement;
+    private getColumnGap;
+    private getPageBoxSize;
+    private lockIframeToPageBox;
+    private beginColumnOverflowMeasure;
+    private clearInlineContentBox;
+    private getParentContentHeight;
     getContent(): Promise<string>;
     private formattedVirtualDocument;
     private getFormattedVirtualDocument;
     getText(options?: TextFormatOptions): Promise<string>;
     private internalGetNumberOfPages;
     getNumberOfPages(): Promise<number>;
-    getPageNumber(element: Element): Promise<number>;
+    getPageNumber(target: Element | Range): Promise<number>;
     private getContentRootElement;
     getContentContainer(): HTMLElement;
     getVirtualContentContainer(raw?: boolean): Promise<HTMLElement>;
@@ -42,6 +66,5 @@ export declare class HtmlDocument extends BaseDocument implements IHtmlDocument
     private bindDocumentEvents;
     private unbindDocumentEvents;
     private eventListener;
-    private isVerticalWriting;
     private getFlipMode;
 }