@foxycape/core 1.1.3

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

@@ -0,0 +1,22 @@
+import { ITextDocument } from '../../../kernal/ITextDocument';
+import { SpineFile, SymbolType, IFileDecrypter } from '../../../kernal';
+import { BaseFileParser } from '../../base/fileParser/BaseFileParser';
+import { FileUrlParserOptions, IFileUrlParser, UrlParseResult } from '../../../kernal/services/fileUrlParser/IFileUrlParser';
+import { IFileProvider } from '../../../kernal/services/file/IFileProvider';
+import { ICrypto } from '../../../kernal/crypto/ICrypto';
+import { IHttpClient } from '../../../kernal/network/IHttpClient';
+import { HtmlFileParserOptions, IHtmlFileParser } from './IHtmlFileParser';
+
+export declare class HtmlFileParser extends BaseFileParser implements IHtmlFileParser {
+    readonly options: HtmlFileParserOptions;
+    private data;
+    constructor(crypto: ICrypto, fileDecrypter: IFileDecrypter, fileProvider: IFileProvider, fileUrlParser: IFileUrlParser, httpClient: IHttpClient, url: any, extension: string, options: HtmlFileParserOptions);
+    protected parseUrl(url: any, options: FileUrlParserOptions): Promise<UrlParseResult>;
+    protected initializeDatas(result: UrlParseResult): Promise<void>;
+    getCover(width: number, height: number): Promise<Blob>;
+    getFileHash(algorithm?: 'MD5' | 'SHA-1'): Promise<string>;
+    private textDocuments;
+    getTextDocuments(): Promise<ITextDocument[]>;
+    protected calculateSymbolCount(spineFile: SpineFile, symbolType: SymbolType): Promise<number>;
+    dispose(): Promise<void>;
+}

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

@@ -0,0 +1,55 @@
+import { convertUint8ArrayToString as l } from "../../../kernal/common/encoding.mjs";
+import { HtmlTextDocument as c } from "./HtmlTextDocument.mjs";
+import { BaseFileParser as m } from "../../base/fileParser/BaseFileParser.mjs";
+import { getTotalSymbolCount as h } from "../../../kernal/html/position.mjs";
+import { SpineFile as u } from "../../../kernal/IFileParser.mjs";
+class d extends m {
+  constructor(t, s, e, i, a, o, n, r) {
+    super(t, s, e, i, a, o, n), this.options = r;
+  }
+  async parseUrl(t, s) {
+    const e = await super.parseUrl(t, s);
+    return e.isMultiFiles || (e.spineFiles = [new u(e.data, e.mainUrl, this.extension)]), e;
+  }
+  async initializeDatas(t) {
+    this.data = t.data, await super.initializeDatas(t);
+  }
+  async getCover(t, s) {
+    return null;
+  }
+  async getFileHash(t) {
+    return await this.computeFileHash(this.isMultiFiles, this.data, t);
+  }
+  async getTextDocuments() {
+    if (this.textDocuments)
+      return this.textDocuments;
+    this.textDocuments = [];
+    const t = await this.getSpineFiles();
+    for (let s = 0; s < t.length; s++) {
+      const e = t[s], i = new c(this, e);
+      this.textDocuments.push(i);
+    }
+    return this.textDocuments;
+  }
+  async calculateSymbolCount(t, s) {
+    let e;
+    t.data ? e = new Uint8Array(await this.getSpineFileData(t)) : e = (await this.getFileBytes(t.url)).data;
+    const i = l(e);
+    return h(i, s, {
+      removeHtmlWhitespace: this.options.removeHtmlWhitespace,
+      whitespaceRegex: this.options.whitespaceRegex,
+      nonWhiteSpaceSymbolTagNames: this.options.nonWhiteSpaceSymbolTagNames
+    });
+  }
+  async dispose() {
+    if (this.textDocuments) {
+      for (const t of this.textDocuments)
+        await t.dispose();
+      this.textDocuments.splice(0);
+    }
+    this.data = null, await super.dispose();
+  }
+}
+export {
+  d as HtmlFileParser
+};

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

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

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

@@ -0,0 +1,17 @@
+import { TextFormatOptions, SpineFile } from '../../../kernal';
+import { IHtmlTextDocument } from '../renderer/IHtmlTextDocument';
+import { IHtmlFileParser } from './IHtmlFileParser';
+
+export declare class HtmlTextDocument implements IHtmlTextDocument {
+    private readonly fileParser;
+    private readonly spineFile;
+    constructor(fileParser: IHtmlFileParser, spineFile: SpineFile);
+    get url(): string;
+    private texts;
+    getPlaintext(options?: TextFormatOptions): Promise<string>;
+    private docContent;
+    getContent(): Promise<string>;
+    private formattedDocument;
+    getFormattedDocument(): Promise<Document>;
+    dispose(): Promise<void>;
+}

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

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

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,9 @@
+import { IFileParser, TextSymbolOptions } from '../../../kernal';
+
+export interface IHtmlFileParser extends IFileParser {
+    options: HtmlFileParserOptions;
+}
+export type HtmlFileParserOptions = TextSymbolOptions & {
+    forceRemoveHtmlChar32BetweenTags?: boolean;
+    wrapFullTextNode?: boolean;
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../kernal/common/uuid.cjs"),g=require("../../../kernal/html/events.cjs"),c=require("../HtmlOptions.cjs"),d=require("./navigator/HtmlCoreNavigator.cjs"),m=require("./navigator/HtmlPagingNavigator.cjs"),u=require("./navigator/HtmlNavPointNavigator.cjs"),v=require("./navigator/HtmlNavPointProvider.cjs"),p=require("./progress/HtmlProgressTracker.cjs"),w=require("./documents/HtmlDocumentsProvider.cjs"),P=require("./layout/HtmlRendererLayout.cjs"),H=require("./style/HtmlStyleProvider.cjs"),y=require("./style/HtmlThemeApplier.cjs"),C=require("./documents/HtmlDocumentsResizeObserver.cjs"),f=require("./html/HtmlContentProcessor.cjs"),b=require("./image/HtmlImageLoader.cjs"),q=require("./image/HtmlImageObserver.cjs"),N=require("../../../kernal/Options.cjs"),T=require("../../../kernal/Theme.cjs"),i=require("../../../kernal/EventNames.cjs");class S extends w.HtmlDocumentsProvider{constructor(e,t,n,s){super(e,t,n,s),this.isInitRenderer=!1,this.injectProcessHandlers=()=>{this.addDocumentPreprocess(this.preprocessHandler)},this.preprocessHandler=async r=>{await this.contentProcessor.preprocess(r),await this.styleProvider.injectStyles(r);const o=await this.resolveCurrentTheme();o&&await this.themeApplier.applyToDocument(r,o),await this.rendererLayout.applyDocStyles(r),await this.imageLoader.preprocessImages(r)},this.onPageChange=async()=>{this.progressTracker.notifyProgressChange()},this.onOptionsChange=async r=>{const o=this.getRendererContainer();if(!(!o||!o.ownerDocument.defaultView)&&(N.isOptionKey(r)||c.isHtmlOptionKey(r))){const a=c.isHtmlOptionKey(r);if(a){if(!this.owner.context.currentLocation?.precise){const h=await this.progressTracker.getProgress(!0);h&&(this.owner.context.currentLocation=h.location)}this.owner.context.setUserChangedProgress(!1)}this.rendererViewport.applyCssVariables(),a&&(this.owner.context.userChangedProgress||await this.reload())}},this.progressTracker=new p.HtmlProgressTracker(e,this,s),this.rendererLayout=new P.HtmlRendererLayout(e,this,this.rendererViewport,this.progressTracker,s),this.navPointProvider=new v.HtmlNavPointProvider(this,s),this.navigator=new d.HtmlCoreNavigator(this,s),this.navPointNavigator=new u.HtmlNavPointNavigator(e.locale,e.notifier,this,this.navigator,this.navPointProvider),this.pagingNavigator=new m.HtmlPagingNavigator(this,this.navigator,s),this.styleProvider=new H.HtmlStyleProvider(this),this.currentInstanceId=l.getRandomId(!0),this.themeApplier=new y.HtmlThemeApplier(this),this.documentsResizeObserver=new C.HtmlDocumentsResizeObserver(this,this.rendererViewport,this.progressTracker,this.rendererLayout),this.contentProcessor=new f.HtmlContentProcessor(t),this.imageLoader=new b.HtmlImageLoader(this,this.rendererViewport,s),this.imageObserver=new q.HtmlImageObserver(this,s),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(i.EventNames.OptionsChange,this.onOptionsChange),this.owner.events.on(i.EventNames.PageChange,this.onPageChange)}unbindEvents(){this.owner.events.off(i.EventNames.OptionsChange,this.onOptionsChange),this.owner.events.off(i.EventNames.PageChange,this.onPageChange)}bindScrollWatch(){const e=this.getScrollElement();e&&(this.scrollWatchState=g.watchScroll(e,this.owner.options.calcScrollDirection,async(t,n)=>{this.owner.events.emit(i.EventNames.ReaderDebounceScroll,t,n),this.progressTracker.notifyProgressChange()},t=>{this.owner.onProgressChangeGuard&&this.owner.context?.progress?.current&&(this.owner.onProgressChangeGuard(this.owner.context.progress.current)||t.preventDefault()),this.owner.events.emit(i.EventNames.ReaderOriginalScroll,t)}))}async load(e,t){e||(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();const 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=S;

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

@@ -0,0 +1,43 @@
+import { FileLocation, ICoreNavigator, IFileParser, IPagingNavigator, WritingMode, IStyleProvider, INavPointNavigator, INavPointProvider, Theme, Direction } from '../../../kernal';
+import { Reader } from '../../../kernal/Reader';
+import { IHtmlRenderer } from './IHtmlRenderer';
+import { HtmlDocumentsProvider } from './documents/HtmlDocumentsProvider';
+import { HtmlOptions } from '../HtmlOptions';
+import { IHtmlProgressTracker } from './progress/IHtmlIProgressTracker';
+import { IHtmlRendererLayout } from './layout/IHtmlRendererLayout';
+import { IHtmlDocument } from './IHtmlDocument';
+
+export declare class HtmlRenderer extends HtmlDocumentsProvider implements IHtmlRenderer {
+    readonly progressTracker: IHtmlProgressTracker;
+    readonly navPointProvider: INavPointProvider;
+    readonly navigator: ICoreNavigator;
+    readonly navPointNavigator: INavPointNavigator;
+    readonly pagingNavigator: IPagingNavigator;
+    readonly styleProvider: IStyleProvider;
+    private isInitRenderer;
+    private readonly rendererLayout;
+    private currentInstanceId;
+    private readonly themeApplier;
+    private readonly documentsResizeObserver;
+    private readonly contentProcessor;
+    private readonly imageLoader;
+    private readonly imageObserver;
+    private scrollWatchState?;
+    constructor(owner: Reader, fileParser: IFileParser, readerContainer: HTMLElement, htmlOptions: HtmlOptions);
+    get id(): string;
+    private injectProcessHandlers;
+    private resolveCurrentTheme;
+    protected preprocessHandler: (doc: IHtmlDocument) => Promise<void>;
+    protected bindEvents(): void;
+    protected unbindEvents(): void;
+    private bindScrollWatch;
+    private onPageChange;
+    private onOptionsChange;
+    load(location?: FileLocation, isReload?: boolean): Promise<void>;
+    getFileParser(): IFileParser;
+    get writingMode(): WritingMode;
+    get direction(): Direction;
+    get layout(): IHtmlRendererLayout;
+    applyTheme(theme: Theme): Promise<void>;
+    dispose(): Promise<void>;
+}

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

@@ -0,0 +1,91 @@
+import { getRandomId as l } from "../../../kernal/common/uuid.mjs";
+import { watchScroll as m } from "../../../kernal/html/events.mjs";
+import { isHtmlOptionKey as c } from "../HtmlOptions.mjs";
+import { HtmlCoreNavigator as g } from "./navigator/HtmlCoreNavigator.mjs";
+import { HtmlPagingNavigator as p } from "./navigator/HtmlPagingNavigator.mjs";
+import { HtmlNavPointNavigator as d } from "./navigator/HtmlNavPointNavigator.mjs";
+import { HtmlNavPointProvider as w } from "./navigator/HtmlNavPointProvider.mjs";
+import { HtmlProgressTracker as v } from "./progress/HtmlProgressTracker.mjs";
+import { HtmlDocumentsProvider as u } from "./documents/HtmlDocumentsProvider.mjs";
+import { HtmlRendererLayout as f } from "./layout/HtmlRendererLayout.mjs";
+import { HtmlStyleProvider as P } from "./style/HtmlStyleProvider.mjs";
+import { HtmlThemeApplier as y } from "./style/HtmlThemeApplier.mjs";
+import { HtmlDocumentsResizeObserver as C } from "./documents/HtmlDocumentsResizeObserver.mjs";
+import { HtmlContentProcessor as H } from "./html/HtmlContentProcessor.mjs";
+import { HtmlImageLoader as b } from "./image/HtmlImageLoader.mjs";
+import { HtmlImageObserver as T } from "./image/HtmlImageObserver.mjs";
+import { isOptionKey as S } from "../../../kernal/Options.mjs";
+import { Theme as R } from "../../../kernal/Theme.mjs";
+import { EventNames as i } from "../../../kernal/EventNames.mjs";
+class B extends u {
+  constructor(e, t, o, s) {
+    super(e, t, o, s), this.isInitRenderer = !1, this.injectProcessHandlers = () => {
+      this.addDocumentPreprocess(this.preprocessHandler);
+    }, this.preprocessHandler = async (r) => {
+      await this.contentProcessor.preprocess(r), await this.styleProvider.injectStyles(r);
+      const n = await this.resolveCurrentTheme();
+      n && await this.themeApplier.applyToDocument(r, n), await this.rendererLayout.applyDocStyles(r), await this.imageLoader.preprocessImages(r);
+    }, this.onPageChange = async () => {
+      this.progressTracker.notifyProgressChange();
+    }, this.onOptionsChange = async (r) => {
+      const n = this.getRendererContainer();
+      if (!(!n || !n.ownerDocument.defaultView) && (S(r) || c(r))) {
+        const a = c(r);
+        if (a) {
+          if (!this.owner.context.currentLocation?.precise) {
+            const h = await this.progressTracker.getProgress(!0);
+            h && (this.owner.context.currentLocation = h.location);
+          }
+          this.owner.context.setUserChangedProgress(!1);
+        }
+        this.rendererViewport.applyCssVariables(), a && (this.owner.context.userChangedProgress || await this.reload());
+      }
+    }, this.progressTracker = new v(e, this, s), this.rendererLayout = new f(e, this, this.rendererViewport, this.progressTracker, s), this.navPointProvider = new w(this, s), this.navigator = new g(this, s), this.navPointNavigator = new d(e.locale, e.notifier, this, this.navigator, this.navPointProvider), this.pagingNavigator = new p(this, this.navigator, s), this.styleProvider = new P(this), this.currentInstanceId = l(!0), this.themeApplier = new y(this), this.documentsResizeObserver = new C(this, this.rendererViewport, this.progressTracker, this.rendererLayout), this.contentProcessor = new H(t), this.imageLoader = new b(this, this.rendererViewport, s), this.imageObserver = new T(this, s), this.bindEvents(), this.bindScrollWatch(), this.injectProcessHandlers();
+  }
+  get id() {
+    return this.currentInstanceId;
+  }
+  async resolveCurrentTheme() {
+    return (await this.owner.services.get("themeProvider"))?.getCurrentTheme() ?? new R();
+  }
+  bindEvents() {
+    this.owner.events.on(i.OptionsChange, this.onOptionsChange), this.owner.events.on(i.PageChange, this.onPageChange);
+  }
+  unbindEvents() {
+    this.owner.events.off(i.OptionsChange, this.onOptionsChange), this.owner.events.off(i.PageChange, this.onPageChange);
+  }
+  bindScrollWatch() {
+    const e = this.getScrollElement();
+    e && (this.scrollWatchState = m(e, this.owner.options.calcScrollDirection, async (t, o) => {
+      this.owner.events.emit(i.ReaderDebounceScroll, t, o), this.progressTracker.notifyProgressChange();
+    }, (t) => {
+      this.owner.onProgressChangeGuard && this.owner.context?.progress?.current && (this.owner.onProgressChangeGuard(this.owner.context.progress.current) || t.preventDefault()), this.owner.events.emit(i.ReaderOriginalScroll, t);
+    }));
+  }
+  async load(e, t) {
+    e || (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();
+    const 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();
+  }
+}
+export {
+  B as HtmlRenderer
+};

package/dist/mediaTypes/html/renderer/IHtmlDocument.cjs

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,9 @@
+import { IDocument } from '../../../kernal';
+
+export interface IHtmlDocument extends IDocument {
+    getContent(): Promise<string>;
+    getNumberOfPages(): Promise<number>;
+    getPageNumber(element: Element): Promise<number>;
+    getVirtualContentContainer(raw?: boolean): Promise<HTMLElement>;
+    getVisibleElements(fullVisibleInWindow?: boolean): Element[];
+}

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

@@ -0,0 +1 @@
+

package/dist/mediaTypes/html/renderer/IHtmlDocumentsProvider.cjs

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,6 @@
+import { IHtmlDocument } from './IHtmlDocument';
+import { IDocumentsProvider } from '../../../kernal';
+
+export interface IHtmlDocumentsProvider extends IDocumentsProvider<IHtmlDocument> {
+    getCurrentPageNumber(doc: IHtmlDocument): number;
+}

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

@@ -0,0 +1 @@
+

package/dist/mediaTypes/html/renderer/IHtmlRenderer.cjs

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,15 @@
+import { Direction, IFileParser, INavPointNavigator, INavPointProvider, IPagingNavigator, IRenderer, IStyleProvider, WritingMode } from '../../../kernal';
+import { IHtmlDocument } from './IHtmlDocument';
+import { IHtmlRendererLayout } from './layout/IHtmlRendererLayout';
+import { IHtmlProgressTracker } from './progress/IHtmlIProgressTracker';
+
+export interface IHtmlRenderer<T extends IHtmlDocument = IHtmlDocument, W extends IFileParser = IFileParser> extends IRenderer<T, W> {
+    get progressTracker(): IHtmlProgressTracker;
+    get writingMode(): WritingMode;
+    get direction(): Direction;
+    get navPointNavigator(): INavPointNavigator;
+    get navPointProvider(): INavPointProvider;
+    get pagingNavigator(): IPagingNavigator | undefined;
+    get styleProvider(): IStyleProvider;
+    get layout(): IHtmlRendererLayout;
+}

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

@@ -0,0 +1 @@
+

package/dist/mediaTypes/html/renderer/IHtmlTextDocument.cjs

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,6 @@
+import { ITextDocument } from '../../../kernal/ITextDocument';
+
+export interface IHtmlTextDocument extends ITextDocument {
+    getContent(): Promise<string>;
+    getFormattedDocument(): Promise<Document>;
+}

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../kernal/html/finder.cjs"),g=require("../../../../kernal/html/geometry.cjs"),w=require("../../../../kernal/common/uuid.cjs"),f=require("../../HtmlSettings.cjs"),C=require("../../../base/renderer/BaseDocument.cjs"),v=require("../../../base/renderer/eventKeys.cjs"),p=require("../html/template.cjs"),D=require("./HtmlPageCalculator.cjs"),b=require("./HtmlDocumentResizeObserver.cjs"),L=require("../visibilityCandidates.cjs"),h=require("../../../../kernal/web/BrowserCapabilities.cjs"),m=require("../../../../kernal/EventNames.cjs"),M=require("../../../../kernal/Constants.cjs");class P extends C.BaseDocument{constructor(t,e,i,n,a,l){super(t,i,n,a),this.options=l,this.eventKeyMap=v.getEventKeyMap(),this.visibilityCandidates=null,this.callbacks=[],this.buildLoadingContent=async()=>{const r=await this.getFormattedVirtualDocument(),s=this.owner.getRenderer()?.documentPreprocesses??[];for(const d of s)try{await d(this)}catch(y){this.logger.error("preprocess","function",d?.name,y)}let o=r.documentElement.outerHTML;return this.owner.onRenderingFileInject&&(o=await this.owner.onRenderingFileInject(this.extension,o,this.url)),o=o.replace(/<([^<]*)\?xml([^>]*)\?.*?>/i,""),o.match(/<!DOCTYPE[^>]*>/i)||(o="<!DOCTYPE html>"+o),o},this.processAfterLoaded=async()=>{const r=this.getContentContainer();if(!r)return;r.setAttribute("data-url",this.url),this.wrapperContainer.classList.remove(f.HtmlSettings.FileContentContainerHeightClassName);const s=this.owner.getRenderer()?.documentPostprocesses??[];for(const o of s)try{await o(this),await h.BrowserCapabilities.yieldToMain()}catch(u){this.logger.error("postprocess","function",o?.name,u)}this.loadingLayer?.removeLoadingLayer(),this.loadStatus="success",this.visibilityCandidates=null,this.bindDocumentEvents(),this.owner.events.emit(m.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=r=>{for(let s=0;s<this.callbacks.length;s++)try{r?this.callbacks[s].resolve():this.callbacks[s].reject()}catch{}this.callbacks=[]},this.internalResetSizes=async()=>{const r=this.getContentRootElement();if(!r)return;const s=this.getWritingMode();this.resetIframeMinWidthHeight(r,this.getFlipMode(),s)},this.capture=!0,this.eventListener=r=>{const s=this.eventKeyMap.get(r.type);s&&this.owner.events.emit(s,r,this)},this.pageCalculator=new D.HtmlPageCalculator(this,e,l),this.logger=this.owner.loggerFactory.getLogger(this.constructor.name),this.resizeObserver=new b.HtmlDocumentResizeObserver(this,this.owner.events)}get inIframe(){return!0}getWritingMode(){return this.options.writingMode??"horizontal-tb"}async load(){await new Promise(async(t,e)=>{if(this.loadStatus=="success"){t();return}if(this.callbacks.push({resolve:t,reject:e}),this.loadStatus!="loading"){this.loadStatus="loading",this.loadingLayer=await this.owner.services.get("loadLayer"),this.loadingLayer?.setDoc(this),this.wrapperContainer.innerHTML="",this.loadingLayer.removeLoadingLayer(),this.loadingLayer.loadLoadingLayer();try{if(this.inIframe){if(!this.iframe){const i=M.readerPrefixName+w.getUuid(!0);this.iframe=p.createIframe(this.wrapperContainer.ownerDocument,i,this.options.forceScroll),this.options.forceScroll?this.iframe.removeAttribute("scrolling"):this.iframe.setAttribute("scrolling","no");const n=await this.buildLoadingContent();await h.BrowserCapabilities.yieldToMain(),this.wrapperContainer.appendChild(this.iframe),await h.BrowserCapabilities.yieldToMain(),this.iframe.addEventListener("load",async()=>{await this.processAfterLoaded()},!1),this.iframe.addEventListener("error",l=>{this.loadingLayer?.removeLoadingLayer(),this.loadStatus="fail",this.iframe=void 0,this.loadingLayer?.setReloadButton(),this.logger.error(l),this.owner.events.emit(m.EventNames.DocumentLoadFailed,this,l),this.loadCompleted(!0)},!1);const a=this.iframe.contentDocument;this.options.preferSrcdoc&&"srcdoc"in this.iframe||!("write"in a)?this.iframe.srcdoc=n:(a.open(),a.write(n),a.close(),await h.BrowserCapabilities.yieldToMain())}}else{const i=await this.buildLoadingContent();this.wrapperContainer.innerHTML=i,await this.processAfterLoaded(),await h.BrowserCapabilities.yieldToMain()}}catch(i){this.logger.error(i),this.owner?.context?(this.loadingLayer?.removeLoadingLayer(),this.loadStatus="fail",this.iframe=void 0,this.loadingLayer?.setReloadButton(),this.owner.events.emit(m.EventNames.DocumentLoadFailed,this,i?.toString()),this.loadCompleted(!0)):this.loadCompleted(!0)}finally{await this.loadingLayer?.dispose(),this.loadingLayer=void 0}}})}resetIframeMinWidthHeight(t,e,i){if(t){if(e=="scroll"){if(this.iframe)if(this.isVerticalWriting(i)){let n=t.scrollHeight;this.iframe.style.willChange="transform",this.iframe.style.removeProperty("min-width"),this.iframe.style.minHeight=n+"px",this.iframe.style.removeProperty("will-change"),this.iframe.style.removeProperty("transform")}else{const n=t.getBoundingClientRect().height;this.iframe.style.willChange="transform",this.iframe.style.removeProperty("min-width"),this.iframe.style.minHeight=Math.round(n)+"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");const n=t.scrollWidth,a=c.getDocumentBody(t.ownerDocument).getBoundingClientRect().width,l=Math.min(n,a);this.iframe.style.minWidth=l+"px"}}}async getContent(){return this.docContent?this.docContent:(this.docContent=await(await this.fileParser.getTextDocument(this.url)).getPlaintext(),this.docContent.length>this.options.singleDocMaxSize?p.getTooBigHtmlTemplate(this.docContent.length):this.docContent)}async getFormattedVirtualDocument(){if(this.formattedVirtualDocument)return this.formattedVirtualDocument;const t=await this.fileParser.getTextDocument(this.url);return this.formattedVirtualDocument=await t.getFormattedDocument(),this.formattedVirtualDocument}async getText(t){return await(await this.fileParser.getTextDocument(this.url)).getPlaintext(t)}internalGetNumberOfPages(){let t=1;return this.getFlipMode()=="page"&&(t=this.pageCalculator.calcNumberOfPages()),t}async getNumberOfPages(){return await this.load(),this.internalGetNumberOfPages()}async getPageNumber(t){return this.pageCalculator.getPageNumber(t)}getContentRootElement(){return this.inIframe?this.iframe?.contentDocument?.documentElement:this.wrapperContainer}getContentContainer(){return this.inIframe?c.getDocumentBody(this.iframe?.contentDocument):this.wrapperContainer}async getVirtualContentContainer(t){if(t){const i=await this.fileParser.getTextDocument(this.url);return c.getDocumentBody(await i.getFormattedDocument())}const e=await this.getFormattedVirtualDocument();return c.getDocumentBody(e)}getVisibleElements(t){if(this.loadStatus!="success")return[];const e=this.getContentContainer(),i=e?.ownerDocument?.defaultView;if(!e||!i)return[];this.visibilityCandidates||(this.visibilityCandidates=L.collectContentUnitElements(e,{htmlBlockTags:this.options.htmlBlockTags}));const n=this.getFlipMode()=="scroll"?this.owner.optionsProvider.getHeaderHeight():0,a=g.resolveVisibleViewportInContentWindow(i,{topInset:n});return a?g.getOrderedElementsIntersectingRect(this.visibilityCandidates,a,{writingMode:this.getWritingMode(),fullVisible:t}):[]}async dispose(){this.owner.events.emit(m.EventNames.DocumentDisposing,this),this.unbindDocumentEvents(),this.resizeObserver.unobserveIframeSize(),this.callbacks?.splice(0),this.visibilityCandidates=null;const t=this.getWrapperContainer();t.classList.add(f.HtmlSettings.FileContentContainerHeightClassName),t.removeChild(this.iframe),this.wrapperContainer.innerHTML="",this.iframe=void 0,this.formattedVirtualDocument=null,await super.dispose()}bindDocumentEvents(){const t=this.inIframe?this.getContentContainer().ownerDocument:this.getContentRootElement();for(const e of this.eventKeyMap.keys())t.addEventListener(e,this.eventListener,this.capture)}unbindDocumentEvents(){const t=this.inIframe?this.getContentContainer().ownerDocument:this.getContentRootElement();for(const e of this.eventKeyMap.keys())t.removeEventListener(e,this.eventListener,this.capture)}isVerticalWriting(t){return t=="vertical-lr"||t=="vertical-rl"}getFlipMode(){return this.options.forceScroll?"scroll":this.options.flipMode}}exports.HtmlDocument=P;

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

@@ -0,0 +1,47 @@
+import { IFileParser, 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';
+
+export declare class HtmlDocument extends BaseDocument implements IHtmlDocument {
+    private readonly options;
+    private docContent;
+    private logger;
+    private iframe;
+    private loadingLayer;
+    private readonly pageCalculator;
+    private readonly eventKeyMap;
+    private readonly resizeObserver;
+    private visibilityCandidates;
+    constructor(owner: Reader, viewport: IRendererViewport<HtmlLayoutMetrics>, fileParser: IFileParser, wrapperContainer: HTMLElement, spineFile: SpineFile, options: HtmlOptions);
+    get inIframe(): boolean;
+    private getWritingMode;
+    private callbacks;
+    load(): Promise<void>;
+    private buildLoadingContent;
+    private processAfterLoaded;
+    private loadCompleted;
+    private internalResetSizes;
+    private resetIframeMinWidthHeight;
+    getContent(): Promise<string>;
+    private formattedVirtualDocument;
+    private getFormattedVirtualDocument;
+    getText(options?: TextFormatOptions): Promise<string>;
+    private internalGetNumberOfPages;
+    getNumberOfPages(): Promise<number>;
+    getPageNumber(element: Element): Promise<number>;
+    private getContentRootElement;
+    getContentContainer(): HTMLElement;
+    getVirtualContentContainer(raw?: boolean): Promise<HTMLElement>;
+    getVisibleElements(fullVisibleInWindow?: boolean): Element[];
+    dispose(): Promise<void>;
+    private capture;
+    private bindDocumentEvents;
+    private unbindDocumentEvents;
+    private eventListener;
+    private isVerticalWriting;
+    private getFlipMode;
+}