@foxycape/core 1.1.3

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("../../../../kernal/EventNames.cjs"),h=require("../../../../kernal/web/BrowserCapabilities.cjs"),b=require("perfect-debounce");class v{constructor(t,a,s,l){this.events=t,this.documentsProvider=a,this.getLoadingDocument=s,this.htmlOptions=l,this.onDocumentVisibleChange=async(r,m)=>{await this.delayPreloadDocuments()},this.delayPreloadDocuments=b.debounce(this.preloadDocuments,500),this.checkContainFullscreenElement=r=>!!r?.getContentContainer()?.ownerDocument?.fullscreenElement,this.bindEvents()}bindEvents(){this.events.on(D.EventNames.DocumentVisibleChange,this.onDocumentVisibleChange)}unbindEvents(){this.events.off(D.EventNames.DocumentVisibleChange,this.onDocumentVisibleChange)}async dispose(){this.unbindEvents()}async preloadDocuments(){try{const t=this.documentsProvider.getVisibleDocuments();if(!t||t.length==0)return;for(const a of t)await a.load();await this.preloadRelatedDocuments(t[0],t[t.length-1])}catch{}}async preloadRelatedDocuments(t,a){const s=this.documentsProvider.getDocuments(),l=s.indexOf(t),r=s.indexOf(a),m=s.length,i=[];for(let e=l;e<=r;e++){const n=s[e];n&&!i.includes(n)&&i.push(n)}const u=[];let d=this.htmlOptions.preloadFileCount;d>10&&(d=10),d<1&&(d=1);for(let e=1;e<=d;e++){const n=r+e;n>0&&n<=m-1&&u.push(s[n]);const c=l-e;c>=0&&u.push(s[c])}for(let e=0;e<u.length;e++){const n=u[e];await n.load(),n&&!i.includes(n)&&i.push(n),await h.BrowserCapabilities.yieldToMain()}const f=this.documentsProvider.getRendererContainer().clientWidth;if(this.htmlOptions.flipMode=="page"){let e=0;for(let c=l-1;c>=0;c--){const o=s[c];if(await o.load(),o&&!i.includes(o)&&i.push(o),e+=o.getWrapperContainer().clientWidth,e>=f)break;await h.BrowserCapabilities.yieldToMain()}let n=0;for(let c=r+1;c<m-1;c++){const o=s[c];if(await o.load(),o&&!i.includes(o)&&i.push(o),n+=o.getWrapperContainer().clientWidth,n>=f)break;await h.BrowserCapabilities.yieldToMain()}}const p=this.getLoadingDocument();p&&!i.includes(p)&&i.push(p);const g=this.documentsProvider.getVisibleDocuments();for(const e of g)i.includes(e)||i.push(e);await this.removeUnnecessaryDocuments(i),i.splice(0)}async removeUnnecessaryDocuments(t){if(!t)return;const a=this.documentsProvider.getLoadedDocuments();for(const s of a)t.includes(s)||(await this.disposeDocument(s),await h.BrowserCapabilities.yieldToMain())}async disposeDocument(t){this.checkContainFullscreenElement(t)||await t.dispose()}}exports.HtmlDocumentsPreloader=v;

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

@@ -0,0 +1,21 @@
+import { HtmlOptions } from '../../HtmlOptions';
+import { IDocument, IDocumentsProvider, IEventEmitter } from '../../../../kernal';
+import { IHtmlDocumentsPreloader } from './IHtmlDocumentsPreloader';
+
+export declare class HtmlDocumentsPreloader implements IHtmlDocumentsPreloader {
+    private readonly events;
+    private readonly documentsProvider;
+    private readonly getLoadingDocument;
+    private readonly htmlOptions;
+    constructor(events: IEventEmitter, documentsProvider: IDocumentsProvider, getLoadingDocument: () => IDocument, htmlOptions: HtmlOptions);
+    private bindEvents;
+    private unbindEvents;
+    private onDocumentVisibleChange;
+    dispose(): Promise<void>;
+    preloadDocuments(): Promise<void>;
+    private delayPreloadDocuments;
+    private preloadRelatedDocuments;
+    private removeUnnecessaryDocuments;
+    private checkContainFullscreenElement;
+    private disposeDocument;
+}

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

@@ -0,0 +1,85 @@
+import { EventNames as D } from "../../../../kernal/EventNames.mjs";
+import { BrowserCapabilities as h } from "../../../../kernal/web/BrowserCapabilities.mjs";
+import { debounce as v } from "perfect-debounce";
+class x {
+  constructor(t, a, o, d) {
+    this.events = t, this.documentsProvider = a, this.getLoadingDocument = o, this.htmlOptions = d, this.onDocumentVisibleChange = async (r, m) => {
+      await this.delayPreloadDocuments();
+    }, this.delayPreloadDocuments = v(this.preloadDocuments, 500), this.checkContainFullscreenElement = (r) => !!r?.getContentContainer()?.ownerDocument?.fullscreenElement, this.bindEvents();
+  }
+  bindEvents() {
+    this.events.on(D.DocumentVisibleChange, this.onDocumentVisibleChange);
+  }
+  unbindEvents() {
+    this.events.off(D.DocumentVisibleChange, this.onDocumentVisibleChange);
+  }
+  async dispose() {
+    this.unbindEvents();
+  }
+  async preloadDocuments() {
+    try {
+      const t = this.documentsProvider.getVisibleDocuments();
+      if (!t || t.length == 0) return;
+      for (const a of t)
+        await a.load();
+      await this.preloadRelatedDocuments(t[0], t[t.length - 1]);
+    } catch {
+    }
+  }
+  async preloadRelatedDocuments(t, a) {
+    const o = this.documentsProvider.getDocuments(), d = o.indexOf(t), r = o.indexOf(a), m = o.length, i = [];
+    for (let e = d; e <= r; e++) {
+      const n = o[e];
+      n && !i.includes(n) && i.push(n);
+    }
+    const u = [];
+    let l = this.htmlOptions.preloadFileCount;
+    l > 10 && (l = 10), l < 1 && (l = 1);
+    for (let e = 1; e <= l; e++) {
+      const n = r + e;
+      n > 0 && n <= m - 1 && u.push(o[n]);
+      const c = d - e;
+      c >= 0 && u.push(o[c]);
+    }
+    for (let e = 0; e < u.length; e++) {
+      const n = u[e];
+      await n.load(), n && !i.includes(n) && i.push(n), await h.yieldToMain();
+    }
+    const p = this.documentsProvider.getRendererContainer().clientWidth;
+    if (this.htmlOptions.flipMode == "page") {
+      let e = 0;
+      for (let c = d - 1; c >= 0; c--) {
+        const s = o[c];
+        if (await s.load(), s && !i.includes(s) && i.push(s), e += s.getWrapperContainer().clientWidth, e >= p)
+          break;
+        await h.yieldToMain();
+      }
+      let n = 0;
+      for (let c = r + 1; c < m - 1; c++) {
+        const s = o[c];
+        if (await s.load(), s && !i.includes(s) && i.push(s), n += s.getWrapperContainer().clientWidth, n >= p)
+          break;
+        await h.yieldToMain();
+      }
+    }
+    const f = this.getLoadingDocument();
+    f && !i.includes(f) && i.push(f);
+    const g = this.documentsProvider.getVisibleDocuments();
+    for (const e of g)
+      i.includes(e) || i.push(e);
+    await this.removeUnnecessaryDocuments(i), i.splice(0);
+  }
+  async removeUnnecessaryDocuments(t) {
+    if (!t)
+      return;
+    const a = this.documentsProvider.getLoadedDocuments();
+    for (const o of a)
+      t.includes(o) || (await this.disposeDocument(o), await h.yieldToMain());
+  }
+  async disposeDocument(t) {
+    this.checkContainFullscreenElement(t) || await t.dispose();
+  }
+}
+export {
+  x as HtmlDocumentsPreloader
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../../../kernal/common/text.cjs"),y=require("../../../../kernal/common/number.cjs"),L=require("../../../../kernal/html/finder.cjs"),T=require("../../../../kernal/html/manipulator.cjs"),C=require("../../../../kernal/html/style.cjs"),f=require("../../HtmlSettings.cjs"),D=require("../../../base/renderer/BaseDocumentsProvider.cjs"),P=require("../document/HtmlDocument.cjs"),b=require("./HtmlDocumentsPreloader.cjs"),H=require("./HtmlDocumentsIntersectionObserver.cjs"),S=require("../location/HtmlElementLocator.cjs"),E=require("../layout/HtmlRendererViewport.cjs"),x=require("perfect-debounce"),V=require("../../../../kernal/progress/Progress.cjs"),O=require("../../../../kernal/Constants.cjs"),N=require("../../../../kernal/web/BrowserCapabilities.cjs");class I extends D.BaseDocumentsProvider{constructor(t,e,i,o){super(t,e),this.readerContainer=i,this.htmlOptions=o,this.isInit=!1,this.isFirstLoad=!0,this.hangTasks=[],this.resetTransformContainer=()=>{const s=this.getTransformContainer();s&&(s.style.removeProperty("transition"),s.style.transform="translate3d(0px,0,0)",s.setAttribute("data-target-transform","0"),s.offsetWidth)},this.removeElementTransitionEvent=async s=>{const n=s.target;for(n.style.removeProperty("transition"),n.style.removeProperty("will-change"),n.removeAttribute(f.HtmlSettings.PageMovingAttributeName),n.removeEventListener("transitionend",this.removeElementTransitionEvent);this.hangTasks.length>0;)await this.hangTasks.shift()()},this.scrollWrapperIntoView=(s,n)=>{const r=s.getWrapperContainer();if(this.htmlOptions.flipMode=="page"){const l=r.offsetLeft,a=this.getTransformContainer();a.style.transform="translateX("+-l+"px)"}else(!r.isVisible||n)&&C.scrollElementIntoView(r,void 0,void 0,this.owner.getRootContainer()?.ownerDocument);this.setDocumentVisible(r,!0)},this.setDocumentVisible=(s,n)=>{s.isVisible=n},this.reload=async()=>{const s=this.owner.context.currentLocation;w.isNullOrWhiteSpace(s?.url)||(s.scrollBehavior="smooth",await this.load(s,!0),s.scrollBehavior=void 0)},this.delayReloadTime=300,this.delayReload=x.debounce(this.reload,this.delayReloadTime),this.logger=this.owner.loggerFactory.getLogger(this.constructor.name),this.elementLocator=new S.HtmlElementLocator(this),this.rendererViewport=new E.HtmlRendererViewport(t,this.readerContainer,this.owner.optionsProvider,o),this.documentsIntersectionObserver=new H.HtmlDocumentsIntersectionObserver(this),this.documentPreloader=new b.HtmlDocumentsPreloader(this.owner.events,this,()=>this.loadingDoc,o)}getTransformContainer(){return this.getRendererContainer().querySelector("."+f.HtmlSettings.TransformContainerCssName)}getRendererContainer(){return this.rendererViewport.getRendererContainer()}getScrollElement(){return this.rendererViewport.getScrollElement()}getLoadingDocument(){return this.loadingDoc}async createDocument(t,e,i){return new P.HtmlDocument(this.owner,this.rendererViewport,this.fileParser,t,e,this.htmlOptions)}async initialize(t){this.rendererViewport.applyCssVariables(),await super.initialize(t);const e=this.getDocuments();for(const i of e)i.getWrapperContainer().classList.add(f.HtmlSettings.FileContentContainerClassName,f.HtmlSettings.FileContentContainerHeightClassName)}async load(t,e){this.isInit||(await this.initialize(this.getTransformContainer()),this.documentsIntersectionObserver.register(),this.isInit=!0),t?.storeCurrent&&await this.owner.onBeforeRedirect?.(this),e=e??!1;const i=t?.url;let o=this.getDocument(i);if(!o){const s=this.getDocuments();o=s[0],(s.length>1||!t)&&(t=new V.FileLocation(o.url,1,"ratio"),t.current=0)}this.htmlOptions.flipMode=="page"?this.appendPageStyles():this.removePageStyles(),this.loadingDoc=o,this.owner.context.redirectingDocUrl=o.url;try{this.delayHideLoadingLayerTimer=setTimeout(async()=>{await this.owner.loading?.hide()},2e3),this.owner.context.setUserChangedProgress(!e,t?.from),await this.gotoDoc(o,t,e),this.isFirstLoad&&!e&&(this.isFirstLoad=!1),await this.documentPreloader.preloadDocuments()}finally{setTimeout(()=>{this.loadingDoc=null,this.owner.context.redirectingDocUrl=void 0},166)}}async gotoDoc(t,e,i){if(!e||(await t.load(),!t.getContentContainer()))return;i=i??!1;const s=this.htmlOptions.flipMode;let n,r;try{const l=await this.findTarget(t,e);r=l?.target;let a=l?.pageNumber;const u=l?.isDocumentStart;if(!r&&!a)return;if(r&&e?.textOffset>=0){const m=r.textContent;if(e?.textOffset<m.length&&m.length<3e3){T.wrapperCharacters(r,"m");const h=r.querySelectorAll("m");L.compareTagName(r.firstElementChild?.tagName,O.STTAG)&&r.firstElementChild.getBoundingClientRect().width==0?n=h.item(r.firstElementChild.textContent.length):n=h.item(e.textOffset)}}if(n=n??r,s=="scroll")await this.gotoScroll(t,e,n,u);else{if(i&&n&&!w.isNullOrWhiteSpace(e.tagName))this.resetTransformContainer(),a=await t.getPageNumber(n);else if(e.unit==="page"&&e.current!=null&&e.current>0){a=e.current;const m=await t.getNumberOfPages();e.total>1&&e.total!=m&&(a=Math.ceil(m*(e.current/e.total)))}else a||(a=await t.getPageNumber(n));await this.transformPage(t,a,i?void 0:e.direction)}}finally{r&&T.recoverWrapperCharacters(r)}}async gotoScroll(t,e,i,o){const s=i.getBoundingClientRect();let n=0;e?.ignoreOverlayHeader||(n=this.owner.optionsProvider.getHeaderHeight()+this.owner.options.redirectPositionOffset,i.clientHeight==0&&s.height==0&&(n+=50)),e.offsetTop&&(n+=e.offsetTop);const r=this.getScrollElement(),l=s.y,a=t.getContentContainer().ownerDocument.defaultView?.frameElement;let u=a?.getBoundingClientRect()?.y??0,m=l+u,h=r.scrollTop;if(e.useAbsoluteScrollTop){const c=h+m-n;r.scrollTo(0,c)}else if(o)this.scrollWrapperIntoView(t,!0);else{if(N.BrowserCapabilities.isSafari()){C.scrollElementIntoView(t.getWrapperContainer(),void 0,void 0,this.owner.getRootContainer()?.ownerDocument),h=r.scrollTop;const c=a?.offsetTop??0;if(Math.abs(c+l-h)>5){const g=h+t.getWrapperContainer().getBoundingClientRect().y+l;r.scrollTo(0,g)}u=a?.getBoundingClientRect()?.y??0,m=l+u}else n=m-n-r.getBoundingClientRect().top;n>0?r.scrollHeight-r.scrollTop-r.clientHeight>0?r.scrollBy(0,n):C.scrollElementIntoView(i,void 0,e?.scrollIntoViewIfNeeded,this.owner.getRootContainer()?.ownerDocument):r.scrollBy(0,n),this.setDocumentVisible(t.getWrapperContainer(),!0)}}async findTarget(t,e){return this.elementLocator.locateElement(t,e,this.htmlOptions)}async transformPage(t,e,i){const o=this.getTransformContainer(),s=o.getAttribute("data-target-transform");let n=0;s?n=y.parseNumber(s,0,"parseFloat"):n=C.getTransformLength(o,"x");const r=this.rendererViewport.getLayoutMetrics(),l=r.columnWidth+r.columnGap,u=t.getWrapperContainer().offsetLeft,m=Math.abs(u-n),h=m==0?0:m%l;let c=n;h>0&&(i=="previous"?c=n-h:c=n+l-h);let g=c;{if(i=="previous"){const d=c-r.pageMoveLength>=0,p=u+(e-1)*r.pageMoveLength;d?g=c-r.pageMoveLength:c<=r.pageMoveLength?g=0:g=p}else if(i=="next"){g=c+r.pageMoveLength;const d=this.getDocuments(),p=d[d.length-1];if(p.getWrapperContainer().offsetLeft+p.getWrapperContainer().scrollWidth-g<=0)return}else g=u+(e-1)*r.pageMoveLength;g<0&&(g=0);const v=this.htmlOptions.writingMode??"horizontal-tb";if((this.isVerticalWriting(v)?"y":"x")=="x")!o.style.transition&&this.htmlOptions.flipPageStyle=="slide"&&(i=="next"||i=="previous")&&(o.style.transition="transform 0.2s ease"),o.style.transition&&o.addEventListener("transitionend",this.removeElementTransitionEvent),o.setAttribute("data-target-transform",`${g}`),o.style.transform="translate3d(-"+parseFloat(g.toFixed(10))+"px,0,0)";else{o.style.transform="translateX("+-u+"px)";const d=t.getContentContainer().ownerDocument.documentElement,p=C.getTransformLength(d,"y")+(e-1)*r.columnWidth;d.style.transform="translateY(-"+parseFloat(p.toFixed(10))+"px)"}this.setCurrentPageNumber(t,e)}}setCurrentPageNumber(t,e){const i=t.getContentContainer()?.ownerDocument?.documentElement;i&&i.setAttribute(f.HtmlSettings.HtmlDocumentCurrentPagePropertyName,e.toFixed(0))}getCurrentPageNumber(t){const e=t.getContentContainer()?.ownerDocument?.documentElement;if(!e)return 1;const i=e.getAttribute(f.HtmlSettings.HtmlDocumentCurrentPagePropertyName);return y.parseNumber(i,1,"parseInt")}isVerticalWriting(t){return t=="vertical-lr"||t=="vertical-rl"}appendPageStyles(){this.getRendererContainer().classList.add(f.HtmlSettings.TransformPagesClassName)}removePageStyles(){this.getRendererContainer().classList.remove(f.HtmlSettings.TransformPagesClassName);const t=this.getTransformContainer();t&&t.style.removeProperty("transform")}async dispose(){this.delayHideLoadingLayerTimer&&(clearTimeout(this.delayHideLoadingLayerTimer),this.delayHideLoadingLayerTimer=null),await this.documentsIntersectionObserver.dispose(),await this.documentPreloader.dispose(),await super.dispose(),this.readerContainer&&(this.readerContainer.innerHTML=""),this.isInit=!1}}exports.HtmlDocumentsProvider=I;

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

@@ -0,0 +1,48 @@
+import { FileLocation, IFileParser, ILogger, SpineFile } from '../../../../kernal';
+import { Reader } from '../../../../kernal/Reader';
+import { BaseDocumentsProvider } from '../../../base/renderer/BaseDocumentsProvider';
+import { IHtmlDocument } from '../IHtmlDocument';
+import { HtmlOptions } from '../../HtmlOptions';
+import { IHtmlDocumentsProvider } from '../IHtmlDocumentsProvider';
+import { IRendererViewport } from '../../../../kernal/IRendererViewport';
+import { HtmlLayoutMetrics } from '../layout/HtmlLayoutMetrics';
+
+export declare class HtmlDocumentsProvider extends BaseDocumentsProvider<IHtmlDocument> implements IHtmlDocumentsProvider {
+    protected readonly readerContainer: HTMLElement;
+    protected readonly htmlOptions: HtmlOptions;
+    protected logger: ILogger;
+    private isInit;
+    private isFirstLoad;
+    private delayHideLoadingLayerTimer;
+    private loadingDoc;
+    private readonly documentsIntersectionObserver;
+    private readonly documentPreloader;
+    protected readonly rendererViewport: IRendererViewport<HtmlLayoutMetrics>;
+    private readonly elementLocator;
+    private hangTasks;
+    constructor(owner: Reader, fileParser: IFileParser, readerContainer: HTMLElement, htmlOptions: HtmlOptions);
+    private getTransformContainer;
+    getRendererContainer(): HTMLElement;
+    getScrollElement(): HTMLElement;
+    getLoadingDocument(): IHtmlDocument;
+    createDocument(documentContainer: HTMLElement, spineFile: SpineFile, fileIndex: number): Promise<IHtmlDocument>;
+    protected initialize(documentsWrapper: HTMLElement): Promise<void>;
+    load(location?: FileLocation, isReload?: boolean): Promise<void>;
+    private gotoDoc;
+    private gotoScroll;
+    private findTarget;
+    private transformPage;
+    private resetTransformContainer;
+    private removeElementTransitionEvent;
+    private setCurrentPageNumber;
+    private scrollWrapperIntoView;
+    getCurrentPageNumber(doc: IHtmlDocument): number;
+    private setDocumentVisible;
+    private isVerticalWriting;
+    reload: () => Promise<void>;
+    protected readonly delayReloadTime = 300;
+    protected delayReload: () => Promise<void>;
+    private appendPageStyles;
+    private removePageStyles;
+    dispose(): Promise<void>;
+}

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

@@ -0,0 +1,209 @@
+import { isNullOrWhiteSpace as w } from "../../../../kernal/common/text.mjs";
+import { parseNumber as y } from "../../../../kernal/common/number.mjs";
+import { compareTagName as L } from "../../../../kernal/html/finder.mjs";
+import { wrapperCharacters as D, recoverWrapperCharacters as P } from "../../../../kernal/html/manipulator.mjs";
+import { scrollElementIntoView as C, getTransformLength as T } from "../../../../kernal/html/style.mjs";
+import { HtmlSettings as u } from "../../HtmlSettings.mjs";
+import { BaseDocumentsProvider as b } from "../../../base/renderer/BaseDocumentsProvider.mjs";
+import { HtmlDocument as x } from "../document/HtmlDocument.mjs";
+import { HtmlDocumentsPreloader as E } from "./HtmlDocumentsPreloader.mjs";
+import { HtmlDocumentsIntersectionObserver as S } from "./HtmlDocumentsIntersectionObserver.mjs";
+import { HtmlElementLocator as H } from "../location/HtmlElementLocator.mjs";
+import { HtmlRendererViewport as V } from "../layout/HtmlRendererViewport.mjs";
+import { debounce as N } from "perfect-debounce";
+import { FileLocation as O } from "../../../../kernal/progress/Progress.mjs";
+import { STTAG as W } from "../../../../kernal/Constants.mjs";
+import { BrowserCapabilities as M } from "../../../../kernal/web/BrowserCapabilities.mjs";
+class _ extends b {
+  constructor(t, e, s, o) {
+    super(t, e), this.readerContainer = s, this.htmlOptions = o, this.isInit = !1, this.isFirstLoad = !0, this.hangTasks = [], this.resetTransformContainer = () => {
+      const i = this.getTransformContainer();
+      i && (i.style.removeProperty("transition"), i.style.transform = "translate3d(0px,0,0)", i.setAttribute("data-target-transform", "0"), i.offsetWidth);
+    }, this.removeElementTransitionEvent = async (i) => {
+      const n = i.target;
+      for (n.style.removeProperty("transition"), n.style.removeProperty("will-change"), n.removeAttribute(u.PageMovingAttributeName), n.removeEventListener("transitionend", this.removeElementTransitionEvent); this.hangTasks.length > 0; )
+        await this.hangTasks.shift()();
+    }, this.scrollWrapperIntoView = (i, n) => {
+      const r = i.getWrapperContainer();
+      if (this.htmlOptions.flipMode == "page") {
+        const l = r.offsetLeft, a = this.getTransformContainer();
+        a.style.transform = "translateX(" + -l + "px)";
+      } else
+        (!r.isVisible || n) && C(r, void 0, void 0, this.owner.getRootContainer()?.ownerDocument);
+      this.setDocumentVisible(r, !0);
+    }, this.setDocumentVisible = (i, n) => {
+      i.isVisible = n;
+    }, this.reload = async () => {
+      const i = this.owner.context.currentLocation;
+      w(i?.url) || (i.scrollBehavior = "smooth", await this.load(i, !0), i.scrollBehavior = void 0);
+    }, this.delayReloadTime = 300, this.delayReload = N(this.reload, this.delayReloadTime), this.logger = this.owner.loggerFactory.getLogger(this.constructor.name), this.elementLocator = new H(this), this.rendererViewport = new V(t, this.readerContainer, this.owner.optionsProvider, o), this.documentsIntersectionObserver = new S(this), this.documentPreloader = new E(this.owner.events, this, () => this.loadingDoc, o);
+  }
+  getTransformContainer() {
+    return this.getRendererContainer().querySelector("." + u.TransformContainerCssName);
+  }
+  getRendererContainer() {
+    return this.rendererViewport.getRendererContainer();
+  }
+  getScrollElement() {
+    return this.rendererViewport.getScrollElement();
+  }
+  getLoadingDocument() {
+    return this.loadingDoc;
+  }
+  async createDocument(t, e, s) {
+    return new x(this.owner, this.rendererViewport, this.fileParser, t, e, this.htmlOptions);
+  }
+  /**
+   * Initialize each document container.
+   */
+  async initialize(t) {
+    this.rendererViewport.applyCssVariables(), await super.initialize(t);
+    const e = this.getDocuments();
+    for (const s of e)
+      s.getWrapperContainer().classList.add(u.FileContentContainerClassName, u.FileContentContainerHeightClassName);
+  }
+  async load(t, e) {
+    this.isInit || (await this.initialize(this.getTransformContainer()), this.documentsIntersectionObserver.register(), this.isInit = !0), t?.storeCurrent && await this.owner.onBeforeRedirect?.(this), e = e ?? !1;
+    const s = t?.url;
+    let o = this.getDocument(s);
+    if (!o) {
+      const i = this.getDocuments();
+      o = i[0], (i.length > 1 || !t) && (t = new O(o.url, 1, "ratio"), t.current = 0);
+    }
+    this.htmlOptions.flipMode == "page" ? this.appendPageStyles() : this.removePageStyles(), this.loadingDoc = o, this.owner.context.redirectingDocUrl = o.url;
+    try {
+      this.delayHideLoadingLayerTimer = setTimeout(async () => {
+        await this.owner.loading?.hide();
+      }, 2e3), this.owner.context.setUserChangedProgress(!e, t?.from), await this.gotoDoc(o, t, e), this.isFirstLoad && !e && (this.isFirstLoad = !1), await this.documentPreloader.preloadDocuments();
+    } finally {
+      setTimeout(() => {
+        this.loadingDoc = null, this.owner.context.redirectingDocUrl = void 0;
+      }, 166);
+    }
+  }
+  async gotoDoc(t, e, s) {
+    if (!e || (await t.load(), !t.getContentContainer())) return;
+    s = s ?? !1;
+    const i = this.htmlOptions.flipMode;
+    let n, r;
+    try {
+      const l = await this.findTarget(t, e);
+      r = l?.target;
+      let a = l?.pageNumber;
+      const g = l?.isDocumentStart;
+      if (!r && !a)
+        return;
+      if (r && e?.textOffset >= 0) {
+        const m = r.textContent;
+        if (e?.textOffset < m.length && m.length < 3e3) {
+          D(r, "m");
+          const h = r.querySelectorAll("m");
+          L(r.firstElementChild?.tagName, W) && r.firstElementChild.getBoundingClientRect().width == 0 ? n = h.item(r.firstElementChild.textContent.length) : n = h.item(e.textOffset);
+        }
+      }
+      if (n = n ?? r, i == "scroll")
+        await this.gotoScroll(t, e, n, g);
+      else {
+        if (s && n && !w(e.tagName))
+          this.resetTransformContainer(), a = await t.getPageNumber(n);
+        else if (e.unit === "page" && e.current != null && e.current > 0) {
+          a = e.current;
+          const m = await t.getNumberOfPages();
+          e.total > 1 && e.total != m && (a = Math.ceil(m * (e.current / e.total)));
+        } else a || (a = await t.getPageNumber(n));
+        await this.transformPage(t, a, s ? void 0 : e.direction);
+      }
+    } finally {
+      r && P(r);
+    }
+  }
+  /**
+   * Scroll mode positioning
+   */
+  async gotoScroll(t, e, s, o) {
+    const i = s.getBoundingClientRect();
+    let n = 0;
+    e?.ignoreOverlayHeader || (n = this.owner.optionsProvider.getHeaderHeight() + this.owner.options.redirectPositionOffset, s.clientHeight == 0 && i.height == 0 && (n += 50)), e.offsetTop && (n += e.offsetTop);
+    const r = this.getScrollElement(), l = i.y, a = t.getContentContainer().ownerDocument.defaultView?.frameElement;
+    let g = a?.getBoundingClientRect()?.y ?? 0, m = l + g, h = r.scrollTop;
+    if (e.useAbsoluteScrollTop) {
+      const f = h + m - n;
+      r.scrollTo(0, f);
+    } else if (o)
+      this.scrollWrapperIntoView(t, !0);
+    else {
+      if (M.isSafari()) {
+        C(t.getWrapperContainer(), void 0, void 0, this.owner.getRootContainer()?.ownerDocument), h = r.scrollTop;
+        const f = a?.offsetTop ?? 0;
+        if (Math.abs(f + l - h) > 5) {
+          const c = h + t.getWrapperContainer().getBoundingClientRect().y + l;
+          r.scrollTo(0, c);
+        }
+        g = a?.getBoundingClientRect()?.y ?? 0, m = l + g;
+      } else
+        n = m - n - r.getBoundingClientRect().top;
+      n > 0 ? r.scrollHeight - r.scrollTop - r.clientHeight > 0 ? r.scrollBy(0, n) : C(s, void 0, e?.scrollIntoViewIfNeeded, this.owner.getRootContainer()?.ownerDocument) : r.scrollBy(0, n), this.setDocumentVisible(t.getWrapperContainer(), !0);
+    }
+  }
+  async findTarget(t, e) {
+    return this.elementLocator.locateElement(t, e, this.htmlOptions);
+  }
+  async transformPage(t, e, s) {
+    const o = this.getTransformContainer(), i = o.getAttribute("data-target-transform");
+    let n = 0;
+    i ? n = y(i, 0, "parseFloat") : n = T(o, "x");
+    const r = this.rendererViewport.getLayoutMetrics(), l = r.columnWidth + r.columnGap, g = t.getWrapperContainer().offsetLeft, m = Math.abs(g - n), h = m == 0 ? 0 : m % l;
+    let f = n;
+    h > 0 && (s == "previous" ? f = n - h : f = n + l - h);
+    let c = f;
+    {
+      if (s == "previous") {
+        const p = f - r.pageMoveLength >= 0, d = g + (e - 1) * r.pageMoveLength;
+        p ? c = f - r.pageMoveLength : f <= r.pageMoveLength ? c = 0 : c = d;
+      } else if (s == "next") {
+        c = f + r.pageMoveLength;
+        const p = this.getDocuments(), d = p[p.length - 1];
+        if (d.getWrapperContainer().offsetLeft + d.getWrapperContainer().scrollWidth - c <= 0)
+          return;
+      } else
+        c = g + (e - 1) * r.pageMoveLength;
+      c < 0 && (c = 0);
+      const v = this.htmlOptions.writingMode ?? "horizontal-tb";
+      if ((this.isVerticalWriting(v) ? "y" : "x") == "x")
+        !o.style.transition && this.htmlOptions.flipPageStyle == "slide" && (s == "next" || s == "previous") && (o.style.transition = "transform 0.2s ease"), o.style.transition && o.addEventListener("transitionend", this.removeElementTransitionEvent), o.setAttribute("data-target-transform", `${c}`), o.style.transform = "translate3d(-" + parseFloat(c.toFixed(10)) + "px,0,0)";
+      else {
+        o.style.transform = "translateX(" + -g + "px)";
+        const p = t.getContentContainer().ownerDocument.documentElement, d = T(p, "y") + (e - 1) * r.columnWidth;
+        p.style.transform = "translateY(-" + parseFloat(d.toFixed(10)) + "px)";
+      }
+      this.setCurrentPageNumber(t, e);
+    }
+  }
+  setCurrentPageNumber(t, e) {
+    const s = t.getContentContainer()?.ownerDocument?.documentElement;
+    s && s.setAttribute(u.HtmlDocumentCurrentPagePropertyName, e.toFixed(0));
+  }
+  getCurrentPageNumber(t) {
+    const e = t.getContentContainer()?.ownerDocument?.documentElement;
+    if (!e) return 1;
+    const s = e.getAttribute(u.HtmlDocumentCurrentPagePropertyName);
+    return y(s, 1, "parseInt");
+  }
+  isVerticalWriting(t) {
+    return t == "vertical-lr" || t == "vertical-rl";
+  }
+  appendPageStyles() {
+    this.getRendererContainer().classList.add(u.TransformPagesClassName);
+  }
+  removePageStyles() {
+    this.getRendererContainer().classList.remove(u.TransformPagesClassName);
+    const t = this.getTransformContainer();
+    t && t.style.removeProperty("transform");
+  }
+  async dispose() {
+    this.delayHideLoadingLayerTimer && (clearTimeout(this.delayHideLoadingLayerTimer), this.delayHideLoadingLayerTimer = null), await this.documentsIntersectionObserver.dispose(), await this.documentPreloader.dispose(), await super.dispose(), this.readerContainer && (this.readerContainer.innerHTML = ""), this.isInit = !1;
+  }
+}
+export {
+  _ as HtmlDocumentsProvider
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../HtmlSettings.cjs"),h=require("../../../../kernal/EventNames.cjs"),c=require("perfect-debounce");class u{constructor(t,e,r,n){this.documentsProvider=t,this.rendererViewport=e,this.progressTracker=r,this.rendererLayout=n,this.resizeRendererContainer=async()=>{if(this.context){if(this.rendererContainer.clientWidth==0||this.rendererContainer.clientHeight==0){this.rendererContainer.lhx_pdf_hidden&&(this.rendererContainer.lhx_pdf_require_resize="true"),this.rendererContainer.lhx_pdf_hidden="true";return}if(this.rendererContainer.clientWidth>0&&this.rendererContainer.clientHeight>0&&this.rendererContainer.lhx_pdf_hidden){if(this.rendererContainer.lhx_pdf_hidden=void 0,!this.rendererContainer.lhx_pdf_require_resize)return;this.rendererContainer.lhx_pdf_require_resize=void 0}this.rendererViewport.applyCssVariables(),await this.rendererLayout.applyStyles();for(const i of this.documentsProvider.getLoadedDocuments())i.getContentContainer()?.ownerDocument?.documentElement?.removeAttribute(a.HtmlSettings.HtmlDocumentNumperOfPagesPropertyName);await this.documentsProvider.reload(),this.events.emit(h.EventNames.RendererContainerSizeChange,this.rendererContainer,this.context.userChangedProgress)}},this.delayResizeRendererContainer=c.debounce(this.resizeRendererContainer,100),this.rendererContainer=this.documentsProvider.getRendererContainer(),this.context=this.documentsProvider.owner.context,this.events=this.documentsProvider.owner.events}register(){this.rendererContainerResizeObserver=new ResizeObserver(async t=>{const e=t[0],r=e.target,n=parseFloat(r.getAttribute("data-client-width")),i=parseFloat(r.getAttribute("data-client-height")),s=e.contentRect?.width??e.borderBoxSize[0].inlineSize??0,o=e.contentRect?.height??e.borderBoxSize[0].blockSize??0;if(!(n==s&&i==o)){if(this.rendererContainer.setAttribute("data-client-width",`${s}`),this.rendererContainer.setAttribute("data-client-height",`${o}`),!this.context?.currentLocation?.precise){const d=await this.progressTracker.getProgress(!0);d&&(this.context.currentLocation=d.location)}this.context.setUserChangedProgress(!1),await this.delayResizeRendererContainer()}}),this.rendererContainerResizeObserver.observe(this.rendererContainer)}async dispose(){this.rendererContainerResizeObserver?.disconnect()}}exports.HtmlDocumentsResizeObserver=u;

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

@@ -0,0 +1,20 @@
+import { IDisposable, IDocumentsProvider, IProgressTracker } from '../../../../kernal';
+import { HtmlLayoutMetrics } from '../layout/HtmlLayoutMetrics';
+import { IRendererViewport } from '../../../../kernal/IRendererViewport';
+import { IHtmlRendererLayout } from '../layout/IHtmlRendererLayout';
+
+export declare class HtmlDocumentsResizeObserver implements IDisposable {
+    private readonly documentsProvider;
+    private readonly rendererViewport;
+    private readonly progressTracker;
+    private readonly rendererLayout;
+    private rendererContainerResizeObserver;
+    private readonly rendererContainer;
+    private readonly context;
+    private readonly events;
+    constructor(documentsProvider: IDocumentsProvider, rendererViewport: IRendererViewport<HtmlLayoutMetrics>, progressTracker: IProgressTracker, rendererLayout: IHtmlRendererLayout);
+    register(): void;
+    protected resizeRendererContainer: () => Promise<void>;
+    protected delayResizeRendererContainer: () => Promise<void>;
+    dispose(): Promise<void>;
+}

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

@@ -0,0 +1,42 @@
+import { HtmlSettings as a } from "../../HtmlSettings.mjs";
+import { EventNames as h } from "../../../../kernal/EventNames.mjs";
+import { debounce as c } from "perfect-debounce";
+class m {
+  constructor(t, e, r, i) {
+    this.documentsProvider = t, this.rendererViewport = e, this.progressTracker = r, this.rendererLayout = i, this.resizeRendererContainer = async () => {
+      if (this.context) {
+        if (this.rendererContainer.clientWidth == 0 || this.rendererContainer.clientHeight == 0) {
+          this.rendererContainer.lhx_pdf_hidden && (this.rendererContainer.lhx_pdf_require_resize = "true"), this.rendererContainer.lhx_pdf_hidden = "true";
+          return;
+        }
+        if (this.rendererContainer.clientWidth > 0 && this.rendererContainer.clientHeight > 0 && this.rendererContainer.lhx_pdf_hidden) {
+          if (this.rendererContainer.lhx_pdf_hidden = void 0, !this.rendererContainer.lhx_pdf_require_resize)
+            return;
+          this.rendererContainer.lhx_pdf_require_resize = void 0;
+        }
+        this.rendererViewport.applyCssVariables(), await this.rendererLayout.applyStyles();
+        for (const n of this.documentsProvider.getLoadedDocuments())
+          n.getContentContainer()?.ownerDocument?.documentElement?.removeAttribute(a.HtmlDocumentNumperOfPagesPropertyName);
+        await this.documentsProvider.reload(), this.events.emit(h.RendererContainerSizeChange, this.rendererContainer, this.context.userChangedProgress);
+      }
+    }, this.delayResizeRendererContainer = c(this.resizeRendererContainer, 100), this.rendererContainer = this.documentsProvider.getRendererContainer(), this.context = this.documentsProvider.owner.context, this.events = this.documentsProvider.owner.events;
+  }
+  register() {
+    this.rendererContainerResizeObserver = new ResizeObserver(async (t) => {
+      const e = t[0], r = e.target, i = parseFloat(r.getAttribute("data-client-width")), n = parseFloat(r.getAttribute("data-client-height")), s = e.contentRect?.width ?? e.borderBoxSize[0].inlineSize ?? 0, o = e.contentRect?.height ?? e.borderBoxSize[0].blockSize ?? 0;
+      if (!(i == s && n == o)) {
+        if (this.rendererContainer.setAttribute("data-client-width", `${s}`), this.rendererContainer.setAttribute("data-client-height", `${o}`), !this.context?.currentLocation?.precise) {
+          const d = await this.progressTracker.getProgress(!0);
+          d && (this.context.currentLocation = d.location);
+        }
+        this.context.setUserChangedProgress(!1), await this.delayResizeRendererContainer();
+      }
+    }), this.rendererContainerResizeObserver.observe(this.rendererContainer);
+  }
+  async dispose() {
+    this.rendererContainerResizeObserver?.disconnect();
+  }
+}
+export {
+  m as HtmlDocumentsResizeObserver
+};

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

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

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

@@ -0,0 +1,5 @@
+import { IDisposable } from '../../../../kernal';
+
+export interface IHtmlDocumentsPreloader extends IDisposable {
+    preloadDocuments(): Promise<void>;
+}

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../../kernal/common/encoding.cjs"),S=require("../../../../kernal/common/path.cjs"),f=require("../../../../kernal/common/text.cjs"),a=require("../../../../kernal/common/url.cjs"),k=require("../../../../kernal/common/buffer.cjs"),p=require("../../../../kernal/html/finder.cjs"),A=require("../../../../kernal/html/injector.cjs"),m=require("../../../../kernal/html/style.cjs"),C=require("../../HtmlSettings.cjs"),B=require("../../../../kernal/common/uuid.cjs"),w=require("../../../../kernal/Constants.cjs");class H{constructor(t){this.fileParser=t,this.childrenUrls=new Map,this.errorLinks=[],this.docBlobUrls=new Map,this.opaqueDocumentBaseUrls=[]}async preprocess(t){const l=(await t.getVirtualContentContainer())?.ownerDocument;l&&(this.format(l),this.injectBaseUrl(l,t.url),await this.resetCssHref(l,t),await this.resetScriptSrc(l,t))}format(t){const l=t.getElementsByTagName("*");let n=!1;for(let s=l.length-1;s>=0;s--){const e=l[s];if(e.textContent.trim()||e.classList.add("lhx-text-empty"),e.style&&(e.style.fontSize||e.style.textIndent)){let i=e.getAttribute("style");e.style.fontSize&&(i=m.replaceFontSize(i)),e.style.textIndent&&(i=m.removeTextIndent(i)),e.setAttribute("style",i)}p.compareTagName(e.tagName,"TABLE")&&(e.style.width="100%",e.style.height="auto"),n||(p.compareTagName(e.tagName,"SVG")||e.children.length==0&&!p.compareTagName(e.parentElement.tagName,"SVG"))&&(n=!0,e.setAttribute(w.LastElementAttributeName,"true")),e.getAttribute("epub:type")=="footnote"&&e.style.setProperty("display","none")}}async resetCssHref(t,l){const n=t.getElementsByTagName("link");for(let s=n.length-1;s>=0;s--){const e=n[s].getAttribute("href");if(!n[s].rel||n[s].rel.toLowerCase()!="stylesheet"||f.isNullOrWhiteSpace(e))continue;const{href:r,cssContent:i,isHref:c}=await this.getActualCssLink(e,l);if(c&&e)n[s].href=r,n[s].setAttribute(C.HtmlSettings.LinkOriginHrefPropertyName,e);else if(i){const u=B.getRandomId(!0);A.injectCssContent(t,i,!1,u),n[s].parentElement?.removeChild(n[s])}}}async getActualCssLink(t,l){if(f.isNullOrWhiteSpace(t))return{href:t,cssContent:"",isHref:!0};if(a.checkIsAbsoluteUrl(t))return{href:t,cssContent:"",isHref:!0};try{const n=await this.fileParser.getFile(t,l.url,"blob"),s=d.convertArrayBufferToString(await n.arrayBuffer()),e=s.matchAll(/url\(["']?(.*?)["']?\)/gi);for(const g of e){const o=g[1];if(this.childrenUrls.get(o))continue;const y=S.getExtension(o);if(y&&y.toLowerCase()==".css"){if(f.isNullOrWhiteSpace(o)||a.checkIsAbsoluteUrl(o))continue;const{href:h}=await this.getActualCssLink(o,l);this.childrenUrls.set(o,h)}else{const h=a.getFullUrl(o,t);if(!f.startsWithAny(h.toString(),!0,"http://","https://"))continue;const b=(h.pathname+h.search).substring(1);if(this.errorLinks.indexOf(b)>=0)continue;try{const U=await this.fileParser.getFile(b,"","blob"),L=URL.createObjectURL(U);this.childrenUrls.set(o,L)}catch(U){this.errorLinks.indexOf(b)<0&&this.errorLinks.push(b),this.logger.error(U),this.childrenUrls.set(o,h.toString())}}}let r=s.replace(/url\(["']?(.*?)["']?\)/gi,(g,o)=>a.checkIsAbsoluteUrl(o)?g:"");r=m.replaceFontSize(r),r=m.removeTextIndent(r),r=m.appendZeroTextIndentForCenterRightAlign(r);const i=d.convertStringToUint8Array(r),c=k.toBlob(i,{type:"text/css"}),u=URL.createObjectURL(c);return this.childrenUrls.set(t,u),{href:u,cssContent:r,isHref:!1}}catch(n){return this.logger.error(n),{href:t,cssContent:"",isHref:!0}}}async dispose(){this.childrenUrls.clear(),this.errorLinks&&this.errorLinks.splice(0),this.docBlobUrls.clear();for(const t of this.opaqueDocumentBaseUrls)try{URL.revokeObjectURL(t)}catch{}this.opaqueDocumentBaseUrls=[]}async resetScriptSrc(t,l){let n=l.getRoot();n||(n="");const s=t.getElementsByTagName("script");for(let e=0;e<s.length;e++){let r=s[e].getAttribute("src");if(!(!r||r.startsWith("/"))){if(!a.checkIsAbsoluteUrl(r)){const i=a.getFullUrl(r,n);a.checkIsAbsoluteUrl(n)?r=i.toString():(r=i.pathname+i.search,r=r.substring(1))}if(!a.checkIsAbsoluteUrl(r)){const i=a.getFullUrl(r,n);let c=i.pathname+i.search;c=c.substring(1);const u=await this.fileParser.getFile(r,l.url,"blob"),g=URL.createObjectURL(u);s[e].src=g,s[e].setAttribute(C.HtmlSettings.LinkOriginHrefPropertyName,r)}}}}injectBaseUrl(t,l){const n=t.getElementsByTagName("base");for(let c=0;c<n.length;c++)if(!f.isNullOrWhiteSpace(n[c].href))return;let s=l;!f.isNullOrWhiteSpace(s)&&a.checkIsAbsoluteUrl(s)||(s=this.createOpaqueDocumentBaseUrl());const r=A.createElement(t,"base",null,{href:s}),i=p.getDocumentHead(t);i.insertBefore(r,i.firstChild)}createOpaqueDocumentBaseUrl(){const t=URL.createObjectURL(new Blob(["<!doctype html><title></title>"],{type:"text/html"}));return this.opaqueDocumentBaseUrls.push(t),t}}exports.HtmlContentProcessor=H;

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

@@ -0,0 +1,21 @@
+import { ILogger, IFileParser } from '../../../../kernal';
+import { IHtmlDocument } from '../IHtmlDocument';
+import { IHtmlContentProcessor } from './IHtmlContentProcessor';
+
+export declare class HtmlContentProcessor implements IHtmlContentProcessor {
+    readonly fileParser: IFileParser;
+    protected logger: ILogger;
+    private childrenUrls;
+    private errorLinks;
+    private docBlobUrls;
+    private opaqueDocumentBaseUrls;
+    constructor(fileParser: IFileParser);
+    preprocess(doc: IHtmlDocument): Promise<void>;
+    private format;
+    private resetCssHref;
+    private getActualCssLink;
+    dispose(): Promise<void>;
+    private resetScriptSrc;
+    private injectBaseUrl;
+    private createOpaqueDocumentBaseUrl;
+}