@foxycape/core 1.1.3 → 1.1.4

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

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

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

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

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

@@ -1,29 +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
+import { EventNames as e } from "../../../../kernal/EventNames.mjs";
+//#region mediaTypes/html/renderer/document/HtmlDocumentResizeObserver.ts
+var t = class {
+	constructor(e, t) {
+		this.doc = e, this.events = t, this.resizeObserver = null;
+	}
+	observeIframeSize(t) {
+		this.resizeObserver = new ResizeObserver(async () => {
+			await t?.(), this.events.emit(e.DocumentSizeChange, this.doc);
+		});
+		let n = this.getContentRootElement();
+		n && this.resizeObserver.observe(n);
+		let r = this.doc.getContentContainer();
+		r && r != n && this.resizeObserver.observe(r);
+	}
+	unobserveIframeSize() {
+		if (this.resizeObserver) {
+			let e = this.getContentRootElement();
+			e && this.resizeObserver.unobserve(e);
+			let t = this.doc.getContentContainer();
+			t && t != e && this.resizeObserver.unobserve(t), this.resizeObserver.disconnect(), this.resizeObserver = null;
+		}
+	}
+	getContentRootElement() {
+		return this.doc.inIframe ? this.doc?.getContentContainer()?.ownerDocument?.documentElement : this.doc.getWrapperContainer();
+	}
 };
+//#endregion
+export { t as HtmlDocumentResizeObserver };

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

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