@foxycape/core 1.1.3

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

@@ -0,0 +1,197 @@
+import { getDocumentBody as c } from "../../../../kernal/html/finder.mjs";
+import { resolveVisibleViewportInContentWindow as p, getOrderedElementsIntersectingRect as y } from "../../../../kernal/html/geometry.mjs";
+import { getUuid as w } from "../../../../kernal/common/uuid.mjs";
+import { HtmlSettings as g } from "../../HtmlSettings.mjs";
+import { BaseDocument as C } from "../../../base/renderer/BaseDocument.mjs";
+import { getEventKeyMap as v } from "../../../base/renderer/eventKeys.mjs";
+import { createIframe as D, getTooBigHtmlTemplate as L } from "../html/template.mjs";
+import { HtmlPageCalculator as b } from "./HtmlPageCalculator.mjs";
+import { HtmlDocumentResizeObserver as M } from "./HtmlDocumentResizeObserver.mjs";
+import { collectContentUnitElements as P } from "../visibilityCandidates.mjs";
+import { BrowserCapabilities as h } from "../../../../kernal/web/BrowserCapabilities.mjs";
+import { EventNames as m } from "../../../../kernal/EventNames.mjs";
+import { readerPrefixName as x } from "../../../../kernal/Constants.mjs";
+class A extends C {
+  constructor(t, e, i, n, a, l) {
+    super(t, i, n, a), this.options = l, this.eventKeyMap = v(), this.visibilityCandidates = null, this.callbacks = [], this.buildLoadingContent = async () => {
+      const s = await this.getFormattedVirtualDocument(), r = this.owner.getRenderer()?.documentPreprocesses ?? [];
+      for (const u of r)
+        try {
+          await u(this);
+        } catch (f) {
+          this.logger.error("preprocess", "function", u?.name, f);
+        }
+      let o = s.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 s = this.getContentContainer();
+      if (!s)
+        return;
+      s.setAttribute("data-url", this.url), this.wrapperContainer.classList.remove(g.FileContentContainerHeightClassName);
+      const r = this.owner.getRenderer()?.documentPostprocesses ?? [];
+      for (const o of r)
+        try {
+          await o(this), await h.yieldToMain();
+        } catch (d) {
+          this.logger.error("postprocess", "function", o?.name, d);
+        }
+      this.loadingLayer?.removeLoadingLayer(), this.loadStatus = "success", this.visibilityCandidates = null, this.bindDocumentEvents(), this.owner.events.emit(m.DocumentLoad, this), await this.internalResetSizes(), this.resizeObserver.observeIframeSize(async () => {
+        await this.internalResetSizes(), this.getFlipMode() == "page" && this.pageCalculator.calcNumberOfPages(!0);
+      }), this.loadCompleted(!0);
+    }, this.loadCompleted = (s) => {
+      for (let r = 0; r < this.callbacks.length; r++)
+        try {
+          s ? this.callbacks[r].resolve() : this.callbacks[r].reject();
+        } catch {
+        }
+      this.callbacks = [];
+    }, this.internalResetSizes = async () => {
+      const s = this.getContentRootElement();
+      if (!s)
+        return;
+      const r = this.getWritingMode();
+      this.resetIframeMinWidthHeight(s, this.getFlipMode(), r);
+    }, this.capture = !0, this.eventListener = (s) => {
+      const r = this.eventKeyMap.get(s.type);
+      r && this.owner.events.emit(r, s, this);
+    }, this.pageCalculator = new b(this, e, l), this.logger = this.owner.loggerFactory.getLogger(this.constructor.name), this.resizeObserver = new M(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 = x + w(!0);
+              this.iframe = D(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.yieldToMain(), this.wrapperContainer.appendChild(this.iframe), await h.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.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.yieldToMain());
+            }
+          } else {
+            const i = await this.buildLoadingContent();
+            this.wrapperContainer.innerHTML = i, await this.processAfterLoaded(), await h.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.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(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 ? L(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(this.iframe?.contentDocument) : this.wrapperContainer;
+  }
+  async getVirtualContentContainer(t) {
+    if (t) {
+      const i = await this.fileParser.getTextDocument(this.url);
+      return c(await i.getFormattedDocument());
+    }
+    const e = await this.getFormattedVirtualDocument();
+    return c(e);
+  }
+  getVisibleElements(t) {
+    if (this.loadStatus != "success")
+      return [];
+    const e = this.getContentContainer(), i = e?.ownerDocument?.defaultView;
+    if (!e || !i)
+      return [];
+    this.visibilityCandidates || (this.visibilityCandidates = P(e, {
+      htmlBlockTags: this.options.htmlBlockTags
+    }));
+    const n = this.getFlipMode() == "scroll" ? this.owner.optionsProvider.getHeaderHeight() : 0, a = p(i, {
+      topInset: n
+    });
+    return a ? y(this.visibilityCandidates, a, {
+      writingMode: this.getWritingMode(),
+      fullVisible: t
+    }) : [];
+  }
+  async dispose() {
+    this.owner.events.emit(m.DocumentDisposing, this), this.unbindDocumentEvents(), this.resizeObserver.unobserveIframeSize(), this.callbacks?.splice(0), this.visibilityCandidates = null;
+    const t = this.getWrapperContainer();
+    t.classList.add(g.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;
+  }
+}
+export {
+  A as HtmlDocument
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../kernal/EventNames.cjs");class s{constructor(t,e){this.doc=t,this.events=e,this.resizeObserver=null}observeIframeSize(t){this.resizeObserver=new ResizeObserver(async()=>{await t?.(),this.events.emit(r.EventNames.DocumentSizeChange,this.doc)});const e=this.getContentRootElement();e&&this.resizeObserver.observe(e);const n=this.doc.getContentContainer();n&&n!=e&&this.resizeObserver.observe(n)}unobserveIframeSize(){if(this.resizeObserver){const t=this.getContentRootElement();t&&this.resizeObserver.unobserve(t);const e=this.doc.getContentContainer();e&&e!=t&&this.resizeObserver.unobserve(e),this.resizeObserver.disconnect(),this.resizeObserver=null}}getContentRootElement(){return this.doc.inIframe?this.doc?.getContentContainer()?.ownerDocument?.documentElement:this.doc.getWrapperContainer()}}exports.HtmlDocumentResizeObserver=s;

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

@@ -0,0 +1,12 @@
+import { IEventEmitter } from '../../../../kernal';
+import { IHtmlDocument } from '../IHtmlDocument';
+
+export declare class HtmlDocumentResizeObserver {
+    private readonly doc;
+    private readonly events;
+    private resizeObserver;
+    constructor(doc: IHtmlDocument, events: IEventEmitter);
+    observeIframeSize(callback?: () => Promise<void>): void;
+    unobserveIframeSize(): void;
+    private getContentRootElement;
+}

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

@@ -0,0 +1,29 @@
+import { EventNames as r } from "../../../../kernal/EventNames.mjs";
+class i {
+  constructor(t, e) {
+    this.doc = t, this.events = e, this.resizeObserver = null;
+  }
+  observeIframeSize(t) {
+    this.resizeObserver = new ResizeObserver(async () => {
+      await t?.(), this.events.emit(r.DocumentSizeChange, this.doc);
+    });
+    const e = this.getContentRootElement();
+    e && this.resizeObserver.observe(e);
+    const n = this.doc.getContentContainer();
+    n && n != e && this.resizeObserver.observe(n);
+  }
+  unobserveIframeSize() {
+    if (this.resizeObserver) {
+      const t = this.getContentRootElement();
+      t && this.resizeObserver.unobserve(t);
+      const e = this.doc.getContentContainer();
+      e && e != t && this.resizeObserver.unobserve(e), this.resizeObserver.disconnect(), this.resizeObserver = null;
+    }
+  }
+  getContentRootElement() {
+    return this.doc.inIframe ? this.doc?.getContentContainer()?.ownerDocument?.documentElement : this.doc.getWrapperContainer();
+  }
+}
+export {
+  i as HtmlDocumentResizeObserver
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../../../../kernal/html/style.cjs"),h=require("../../../../kernal/html/finder.cjs"),d=require("../../../../kernal/common/number.cjs"),f=require("../../HtmlSettings.cjs");class p{constructor(r,t,a){this.doc=r,this.layout=t,this.options=a}calcNumberOfPages(r){let t=1;if(this.options.flipMode=="scroll")return t;const o=this.doc.getContentContainer()?.ownerDocument?.documentElement;if(!o||!o.firstElementChild)return 1;if(!r&&(t=d.parseNumber(o.getAttribute(f.HtmlSettings.HtmlDocumentNumperOfPagesPropertyName),0,"parseInt"),t>1))return t;const l=this.layout.getLayoutMetrics(),i=this.options.writingMode??"horizontal-tb",c=this.getIframe();if(this.isVerticalWriting(i)){let s=0,e=o.scrollHeight;e<1&&(e=1);let n=m.getTransformLength(o,"y");if(Math.abs(n)>0&&c){const g=c.scrollHeight;if(e==g){this.transformCurrentDocument(this.getContentRootElement(),n-2,"y");const u=o.scrollHeight;e==u?(this.transformCurrentDocument(this.getContentRootElement(),0,"y"),n=0,e=o.scrollHeight):this.transformCurrentDocument(this.getContentRootElement(),n,"y")}}s=e+n,t=Math.floor(s/l.pageMoveLength),s%l.pageMoveLength>l.columnGap&&(t=t+1)}else{let s=0,e=o.scrollWidth;e<1&&(e=1);let n=m.getTransformLength(o,"x");if(Math.abs(n)>0&&c){const g=c.scrollWidth;if(e==g){this.transformCurrentDocument(this.getContentRootElement(),n-2,"x");const u=o.scrollWidth;e==u?(this.transformCurrentDocument(this.getContentRootElement(),0,"x"),n=0,e=o.scrollWidth):this.transformCurrentDocument(this.getContentRootElement(),n,"x")}}s=n+e,t=Math.floor(s/l.pageMoveLength),s%l.pageMoveLength>l.columnGap&&(t=t+1)}return o.setAttribute(f.HtmlSettings.HtmlDocumentNumperOfPagesPropertyName,t.toString()),t}getPageNumber(r){if(!r)return 1;const t=this.doc.getContentContainer()?.ownerDocument;if(!h.getDocumentBody(t)||h.compareTagName("BODY",r.tagName))return 1;const o=this.layout.getLayoutMetrics(),l=r.getBoundingClientRect();let i=1;const c=this.options.writingMode??"horizontal-tb",s=this.isVerticalWriting(c);if(s){const e=m.getTransformLength(t.documentElement,"y"),n=(l?.top??0)+e;i=Math.floor(n/o.pageMoveLength),n%o.pageMoveLength>=0&&(i=i+1)}else{const e=m.getTransformLength(t.documentElement,"x"),n=(l?.left??0)+e;i=Math.floor(n/o.pageMoveLength),n>o.pageWidth&&n%o.pageMoveLength>=0&&(i=i+1)}if(i==0&&(i=1),!s&&this.options.direction=="rtl"){const e=this.calcNumberOfPages();i=Math.max(1,e-i+1)}return i}getIframe(){return this.doc.getContentContainer()?.ownerDocument?.defaultView?.frameElement}getContentRootElement(){return this.doc.inIframe?this.doc.getContentContainer()?.ownerDocument?.documentElement:this.doc.getWrapperContainer()}transformCurrentDocument(r,t,a){!a||!r||(a=="x"?r.style.transform="translateX(-"+parseFloat(t.toFixed(10))+"px)":r.style.transform="translateY(-"+parseFloat(t.toFixed(10))+"px)")}isVerticalWriting(r){return r=="vertical-lr"||r=="vertical-rl"}}exports.HtmlPageCalculator=p;

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

@@ -0,0 +1,17 @@
+import { IRendererViewport } from '../../../../kernal/IRendererViewport';
+import { IHtmlDocument } from '../IHtmlDocument';
+import { HtmlLayoutMetrics } from '../layout/HtmlLayoutMetrics';
+import { HtmlOptions } from '../../HtmlOptions';
+
+export declare class HtmlPageCalculator {
+    private readonly doc;
+    private readonly layout;
+    private readonly options;
+    constructor(doc: IHtmlDocument, layout: IRendererViewport<HtmlLayoutMetrics>, options: HtmlOptions);
+    calcNumberOfPages(update?: boolean): number;
+    getPageNumber(element: Element): number;
+    private getIframe;
+    private getContentRootElement;
+    private transformCurrentDocument;
+    private isVerticalWriting;
+}

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { ElementPositionResult } from '../../../../kernal/html/position';
+import { ISymbolCalclator, SymbolType } from '../../../../kernal';
+import { TagDescriptor } from '../../../../kernal/types';
+import { IHtmlDocument } from '../IHtmlDocument';
+import { HtmlOptions } from '../../HtmlOptions';
+
+export declare class HtmlSymbolCalclator implements ISymbolCalclator {
+    readonly doc: IHtmlDocument;
+    private readonly options;
+    constructor(doc: IHtmlDocument, options: HtmlOptions);
+    private get textSymbolOptions();
+    getElementByPosition(symbolPosition: number, symbolType: SymbolType, preferEnd?: boolean): Promise<ElementPositionResult>;
+    private formatVirtualContentContainer;
+    private getFormatVirtualContentContainer;
+    private getOtherNonWhiteSpaceSymbolCount;
+    getElementByProgress(progress: number, symbolType: SymbolType): Promise<ElementPositionResult>;
+    getProgressByElement(element: TagDescriptor | Element, symbolType: SymbolType, internalSymbolOffset?: number): Promise<number>;
+    getPositionByElement(element: TagDescriptor | Element, symbolType: SymbolType, internalSymbolOffset?: number): Promise<number>;
+    private isTagDescriptor;
+    private isBodyElement;
+    private resolveElementInVirtualDocument;
+    private totalTotalSymbolCountMap;
+    getTotalSymbolCount(symbolType: SymbolType): Promise<number>;
+    dispose(): Promise<void>;
+}

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

@@ -0,0 +1,98 @@
+import { compareTagName as s, getElementByNameAndIndex as l, getElementByElementNumber as m, getDocumentBody as u, getElementIndex as g } from "../../../../kernal/html/finder.mjs";
+import { getElementByPosition as h, getPositionByElement as c } from "../../../../kernal/html/position.mjs";
+import { getPureInnerTextLength as p } from "../../../../kernal/html/text.mjs";
+import { parseNumber as y } from "../../../../kernal/common/number.mjs";
+import { ROOT_IDX as r, ElementInitialNumberName as C } from "../../../../kernal/Constants.mjs";
+class E {
+  constructor(t, e) {
+    this.doc = t, this.options = e, this.totalTotalSymbolCountMap = /* @__PURE__ */ new Map();
+  }
+  get textSymbolOptions() {
+    return {
+      removeHtmlWhitespace: this.options.removeHtmlWhitespace,
+      whitespaceRegex: this.options.whitespaceRegex,
+      nonWhiteSpaceSymbolTagNames: this.options.nonWhiteSpaceSymbolTagNames
+    };
+  }
+  async getElementByPosition(t, e, o) {
+    const n = await this.getFormatVirtualContentContainer();
+    return h(n, t, e, o, this.textSymbolOptions);
+  }
+  async getFormatVirtualContentContainer() {
+    return this.formatVirtualContentContainer || (this.formatVirtualContentContainer = await this.doc.getVirtualContentContainer()), this.formatVirtualContentContainer;
+  }
+  getOtherNonWhiteSpaceSymbolCount(t) {
+    let e = 0;
+    if (this.options?.nonWhiteSpaceSymbolTagNames)
+      for (const o of this.options.nonWhiteSpaceSymbolTagNames)
+        e += t.getElementsByTagName(o).length;
+    return e;
+  }
+  async getElementByProgress(t, e) {
+    t = t ?? 0;
+    const o = await this.getTotalSymbolCount(e), n = Math.ceil(o * t);
+    return this.getElementByPosition(n, e);
+  }
+  async getProgressByElement(t, e, o) {
+    const n = await this.getTotalSymbolCount(e);
+    if (n == 1)
+      return 1;
+    let a = await this.getPositionByElement(t, e, o) / n;
+    return a < 0 && (a = 0), a > 1 && (a = 1), a;
+  }
+  async getPositionByElement(t, e, o) {
+    const n = await this.getFormatVirtualContentContainer();
+    let i = null;
+    if (this.isTagDescriptor(t)) {
+      if (s(t.tagName, "BODY"))
+        return o ?? r;
+      i = l(n, t.tagName, t.tagIndex);
+    } else {
+      const a = t;
+      if (this.isBodyElement(a, n))
+        return o ?? r;
+      a.ownerDocument == n.ownerDocument ? i = a : i = this.resolveElementInVirtualDocument(n, a);
+    }
+    return i ? this.isBodyElement(i, n) ? o ?? r : c(n, i, e, o, this.textSymbolOptions) : -1;
+  }
+  isTagDescriptor(t) {
+    return typeof t?.tagIndex == "number" && typeof t?.tagName == "string" && t?.nodeType !== 1;
+  }
+  isBodyElement(t, e) {
+    return t == e || s(t.tagName, "BODY");
+  }
+  resolveElementInVirtualDocument(t, e) {
+    const o = y(e.getAttribute(C), -1, "parseInt");
+    if (o >= 0) {
+      const i = m(t, o);
+      if (i)
+        return i;
+    }
+    const n = u(e.ownerDocument);
+    if (!n)
+      return null;
+    if (n.getElementsByTagName(e.tagName).length == t.getElementsByTagName(e.tagName).length) {
+      const i = g(n, e);
+      if (i >= 0)
+        return l(t, e.tagName, i);
+    }
+    return null;
+  }
+  async getTotalSymbolCount(t) {
+    let e = this.totalTotalSymbolCountMap.get(t);
+    if (e >= 0) return e;
+    const o = await this.getFormatVirtualContentContainer();
+    let i = p(o, this.options.removeHtmlWhitespace, this.options.whitespaceRegex);
+    if (t == "custom") {
+      const a = this.getOtherNonWhiteSpaceSymbolCount(o);
+      i += a;
+    }
+    return e = i, this.totalTotalSymbolCountMap.set(t, e), e;
+  }
+  async dispose() {
+    this.totalTotalSymbolCountMap.clear(), this.formatVirtualContentContainer && (this.formatVirtualContentContainer = null);
+  }
+}
+export {
+  E as HtmlSymbolCalclator
+};

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

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

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

@@ -0,0 +1,15 @@
+import { HtmlOptions } from '../../HtmlOptions';
+
+export declare class HtmlContainerBuilder {
+    private readonly htmlOptions;
+    constructor(htmlOptions: HtmlOptions);
+    createContainers(): {
+        rendererContainer: HTMLDivElement;
+        rendererCss: string;
+        otherCss: string;
+        contentsContainer: HTMLDivElement;
+        transformContainer: HTMLDivElement;
+    };
+    private createRendererContainer;
+    private createOtherContainers;
+}

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../kernal/EventNames.cjs");class o{constructor(e){this.documentsProvider=e,this.documentMap=new Map,this.setDocumentVisible=(n,t)=>{n.isVisible=t},this.events=this.documentsProvider.owner.events}register(){this.contentContainerIntersectionObserver=new IntersectionObserver(e=>{for(let n=0;n<e.length;n++){const t=e[n],s=t.isIntersecting||t.intersectionRatio>0;this.setDocumentVisible(t.target,s);const r=this.documentMap.get(t.target);r&&this.events.emit(i.EventNames.DocumentVisibleChange,r,s)}},{rootMargin:"-2px"}),this.observeContainers()}unregister(){this.contentContainerIntersectionObserver?.disconnect(),this.contentContainerIntersectionObserver=void 0,this.documentMap.clear()}observeContainers(){for(const e of this.documentsProvider.getDocuments())this.documentMap.set(e.getWrapperContainer(),e),this.contentContainerIntersectionObserver.observe(e.getWrapperContainer())}async dispose(){this.unregister()}}exports.HtmlDocumentsIntersectionObserver=o;

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

@@ -0,0 +1,14 @@
+import { IDisposable, IDocumentsProvider } from '../../../../kernal';
+
+export declare class HtmlDocumentsIntersectionObserver implements IDisposable {
+    private readonly documentsProvider;
+    private contentContainerIntersectionObserver;
+    private readonly documentMap;
+    private readonly events;
+    constructor(documentsProvider: IDocumentsProvider);
+    register(): void;
+    unregister(): void;
+    private observeContainers;
+    private setDocumentVisible;
+    dispose(): Promise<void>;
+}

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

@@ -0,0 +1,33 @@
+import { EventNames as r } from "../../../../kernal/EventNames.mjs";
+class a {
+  constructor(e) {
+    this.documentsProvider = e, this.documentMap = /* @__PURE__ */ new Map(), this.setDocumentVisible = (n, t) => {
+      n.isVisible = t;
+    }, this.events = this.documentsProvider.owner.events;
+  }
+  register() {
+    this.contentContainerIntersectionObserver = new IntersectionObserver((e) => {
+      for (let n = 0; n < e.length; n++) {
+        const t = e[n], s = t.isIntersecting || t.intersectionRatio > 0;
+        this.setDocumentVisible(t.target, s);
+        const i = this.documentMap.get(t.target);
+        i && this.events.emit(r.DocumentVisibleChange, i, s);
+      }
+    }, {
+      rootMargin: "-2px"
+    }), this.observeContainers();
+  }
+  unregister() {
+    this.contentContainerIntersectionObserver?.disconnect(), this.contentContainerIntersectionObserver = void 0, this.documentMap.clear();
+  }
+  observeContainers() {
+    for (const e of this.documentsProvider.getDocuments())
+      this.documentMap.set(e.getWrapperContainer(), e), this.contentContainerIntersectionObserver.observe(e.getWrapperContainer());
+  }
+  async dispose() {
+    this.unregister();
+  }
+}
+export {
+  a as HtmlDocumentsIntersectionObserver
+};