@foxycape/core 1.1.3 → 1.1.5

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

@@ -1,183 +1,131 @@
-import { convertArrayBufferToString as w, convertStringToUint8Array as A } from "../../../../kernal/common/encoding.mjs";
-import { getExtension as S } from "../../../../kernal/common/path.mjs";
-import { isNullOrWhiteSpace as m, startsWithAny as k } from "../../../../kernal/common/text.mjs";
-import { checkIsAbsoluteUrl as c, getFullUrl as b } from "../../../../kernal/common/url.mjs";
-import { toBlob as H } from "../../../../kernal/common/buffer.mjs";
-import { compareTagName as y, getDocumentHead as R } from "../../../../kernal/html/finder.mjs";
-import { injectCssContent as x, createElement as E } from "../../../../kernal/html/injector.mjs";
-import { replaceFontSize as d, removeTextIndent as L, appendZeroTextIndentForCenterRightAlign as N } from "../../../../kernal/html/style.mjs";
-import { HtmlSettings as C } from "../../HtmlSettings.mjs";
-import { getRandomId as O } from "../../../../kernal/common/uuid.mjs";
-import { LastElementAttributeName as T } from "../../../../kernal/Constants.mjs";
-class K {
-  /**
-   * Constructor
-   * @param fileParser 
-   */
-  constructor(e) {
-    this.fileParser = e, this.childrenUrls = /* @__PURE__ */ new Map(), this.errorLinks = [], this.docBlobUrls = /* @__PURE__ */ new Map(), this.opaqueDocumentBaseUrls = [];
-  }
-  /**
-   * Prepare the content to be loaded
-   * @param doc
-   * @returns 
-   */
-  async preprocess(e) {
-    const o = (await e.getVirtualContentContainer())?.ownerDocument;
-    o && (this.format(o), this.injectBaseUrl(o, e.url), await this.resetCssHref(o, e), await this.resetScriptSrc(o, e));
-  }
-  format(e) {
-    const o = e.getElementsByTagName("*");
-    let n = !1;
-    for (let r = o.length - 1; r >= 0; r--) {
-      const t = o[r];
-      if (t.textContent.trim() || t.classList.add("lhx-text-empty"), t.style && (t.style.fontSize || t.style.textIndent)) {
-        let i = t.getAttribute("style");
-        t.style.fontSize && (i = d(i)), t.style.textIndent && (i = L(i)), t.setAttribute("style", i);
-      }
-      y(t.tagName, "TABLE") && (t.style.width = "100%", t.style.height = "auto"), n || (y(t.tagName, "SVG") || t.children.length == 0 && !y(t.parentElement.tagName, "SVG")) && (n = !0, t.setAttribute(T, "true")), t.getAttribute("epub:type") == "footnote" && t.style.setProperty("display", "none");
-    }
-  }
-  /**
-  * Reset CSS path
-  */
-  async resetCssHref(e, o) {
-    const n = e.getElementsByTagName("link");
-    for (let r = n.length - 1; r >= 0; r--) {
-      const t = n[r].getAttribute("href");
-      if (!n[r].rel || n[r].rel.toLowerCase() != "stylesheet" || m(t)) continue;
-      const {
-        href: s,
-        cssContent: i,
-        isHref: a
-      } = await this.getActualCssLink(t, o);
-      if (a && t)
-        n[r].href = s, n[r].setAttribute(C.LinkOriginHrefPropertyName, t);
-      else if (i) {
-        const f = O(!0);
-        x(e, i, !1, f), n[r].parentElement?.removeChild(n[r]);
-      }
-    }
-  }
-  async getActualCssLink(e, o) {
-    if (m(e))
-      return {
-        href: e,
-        cssContent: "",
-        isHref: !0
-      };
-    if (c(e))
-      return {
-        href: e,
-        cssContent: "",
-        isHref: !0
-      };
-    try {
-      const n = await this.fileParser.getFile(e, o.url, "blob"), r = w(await n.arrayBuffer()), t = r.matchAll(/url\(["']?(.*?)["']?\)/gi);
-      for (const u of t) {
-        const l = u[1];
-        if (this.childrenUrls.get(l))
-          continue;
-        const U = S(l);
-        if (U && U.toLowerCase() == ".css") {
-          if (m(l) || c(l))
-            continue;
-          const {
-            href: h
-          } = await this.getActualCssLink(l, o);
-          this.childrenUrls.set(l, h);
-        } else {
-          const h = b(l, e);
-          if (!k(h.toString(), !0, "http://", "https://"))
-            continue;
-          const g = (h.pathname + h.search).substring(1);
-          if (this.errorLinks.indexOf(g) >= 0)
-            continue;
-          try {
-            const p = await this.fileParser.getFile(g, "", "blob"), B = URL.createObjectURL(p);
-            this.childrenUrls.set(l, B);
-          } catch (p) {
-            this.errorLinks.indexOf(g) < 0 && this.errorLinks.push(g), this.logger.error(p), this.childrenUrls.set(l, h.toString());
-          }
-        }
-      }
-      let s = r.replace(/url\(["']?(.*?)["']?\)/gi, (u, l) => c(l) ? u : "");
-      s = d(s), s = L(s), s = N(s);
-      const i = A(s), a = H(i, {
-        type: "text/css"
-      }), f = URL.createObjectURL(a);
-      return this.childrenUrls.set(e, f), {
-        href: f,
-        cssContent: s,
-        isHref: !1
-      };
-    } catch (n) {
-      return this.logger.error(n), {
-        href: e,
-        cssContent: "",
-        isHref: !0
-      };
-    }
-  }
-  async dispose() {
-    this.childrenUrls.clear(), this.errorLinks && this.errorLinks.splice(0), this.docBlobUrls.clear();
-    for (const e of this.opaqueDocumentBaseUrls)
-      try {
-        URL.revokeObjectURL(e);
-      } catch {
-      }
-    this.opaqueDocumentBaseUrls = [];
-  }
-  /**
-   * Reset script path
-   * @param virtualDocument 
-   * @returns 
-   */
-  async resetScriptSrc(e, o) {
-    let n = o.getRoot();
-    n || (n = "");
-    const r = e.getElementsByTagName("script");
-    for (let t = 0; t < r.length; t++) {
-      let s = r[t].getAttribute("src");
-      if (!(!s || s.startsWith("/"))) {
-        if (!c(s)) {
-          const i = b(s, n);
-          c(n) ? s = i.toString() : (s = i.pathname + i.search, s = s.substring(1));
-        }
-        if (!c(s)) {
-          const i = b(s, n);
-          let a = i.pathname + i.search;
-          a = a.substring(1);
-          const f = await this.fileParser.getFile(s, o.url, "blob"), u = URL.createObjectURL(f);
-          r[t].src = u, r[t].setAttribute(C.LinkOriginHrefPropertyName, s);
-        }
-      }
-    }
-  }
-  /**
-   * Add baseUrl, for relative address parsing within the page.
-   * about:blank / srcdoc inherit the host page baseURI; an explicit <base>
-   * must not point at the host origin or relative assets will load the test page.
-   */
-  injectBaseUrl(e, o) {
-    const n = e.getElementsByTagName("base");
-    for (let a = 0; a < n.length; a++)
-      if (!m(n[a].href))
-        return;
-    let r = o;
-    !m(r) && c(r) || (r = this.createOpaqueDocumentBaseUrl());
-    const s = E(e, "base", null, {
-      href: r
-    }), i = R(e);
-    i.insertBefore(s, i.firstChild);
-  }
-  createOpaqueDocumentBaseUrl() {
-    const e = URL.createObjectURL(new Blob(["<!doctype html><title></title>"], {
-      type: "text/html"
-    }));
-    return this.opaqueDocumentBaseUrls.push(e), e;
-  }
-}
-export {
-  K as HtmlContentProcessor
+import { getRandomId as e } from "../../../../kernal/common/uuid.mjs";
+import { isNullOrWhiteSpace as t, startsWithAny as n } from "../../../../kernal/common/text.mjs";
+import { checkIsAbsoluteUrl as r, getFullUrl as i } from "../../../../kernal/common/url.mjs";
+import { getExtension as a } from "../../../../kernal/common/path.mjs";
+import { toBlob as o } from "../../../../kernal/common/buffer.mjs";
+import { LastElementAttributeName as s } from "../../../../kernal/Constants.mjs";
+import { compareTagName as c, getDocumentHead as l } from "../../../../kernal/html/finder.mjs";
+import { createElement as u, injectCssContent as d } from "../../../../kernal/html/injector.mjs";
+import { appendZeroTextIndentForCenterRightAlign as f, removeTextIndent as p, replaceFontSize as m } from "../../../../kernal/html/style.mjs";
+import { convertArrayBufferToString as h, convertStringToUint8Array as g } from "../../../../kernal/common/encoding.mjs";
+import { HtmlSettings as _ } from "../../HtmlSettings.mjs";
+//#region mediaTypes/html/renderer/html/HtmlContentProcessor.ts
+var v = class {
+	constructor(e) {
+		this.fileParser = e, this.childrenUrls = /* @__PURE__ */ new Map(), this.errorLinks = [], this.docBlobUrls = /* @__PURE__ */ new Map(), this.opaqueDocumentBaseUrls = [];
+	}
+	async preprocess(e) {
+		let t = (await e.getVirtualContentContainer())?.ownerDocument;
+		t && (this.format(t), this.injectBaseUrl(t, e.url), await this.resetCssHref(t, e), await this.resetScriptSrc(t, e));
+	}
+	format(e) {
+		let t = e.getElementsByTagName("*"), n = !1;
+		for (let e = t.length - 1; e >= 0; e--) {
+			let r = t[e];
+			if (r.textContent.trim() || r.classList.add("lhx-text-empty"), r.style && (r.style.fontSize || r.style.textIndent)) {
+				let e = r.getAttribute("style");
+				r.style.fontSize && (e = m(e)), r.style.textIndent && (e = p(e)), r.setAttribute("style", e);
+			}
+			c(r.tagName, "TABLE") && (r.style.width = "100%", r.style.height = "auto"), n || (c(r.tagName, "SVG") || r.children.length == 0 && !c(r.parentElement.tagName, "SVG")) && (n = !0, r.setAttribute(s, "true")), r.getAttribute("epub:type") == "footnote" && r.style.setProperty("display", "none");
+		}
+	}
+	async resetCssHref(n, r) {
+		let i = n.getElementsByTagName("link");
+		for (let a = i.length - 1; a >= 0; a--) {
+			let o = i[a].getAttribute("href");
+			if (!i[a].rel || i[a].rel.toLowerCase() != "stylesheet" || t(o)) continue;
+			let { href: s, cssContent: c, isHref: l } = await this.getActualCssLink(o, r);
+			if (l && o) i[a].href = s, i[a].setAttribute(_.LinkOriginHrefPropertyName, o);
+			else if (c) {
+				let t = e(!0);
+				d(n, c, !1, t), i[a].parentElement?.removeChild(i[a]);
+			}
+		}
+	}
+	async getActualCssLink(e, s) {
+		if (t(e) || r(e)) return {
+			href: e,
+			cssContent: "",
+			isHref: !0
+		};
+		try {
+			let c = await this.fileParser.getFile(e, s.url, "blob"), l = h(await c.arrayBuffer()), u = l.matchAll(/url\(["']?(.*?)["']?\)/gi);
+			for (let o of u) {
+				let c = o[1];
+				if (this.childrenUrls.get(c)) continue;
+				let l = a(c);
+				if (l && l.toLowerCase() == ".css") {
+					if (t(c) || r(c)) continue;
+					let { href: e } = await this.getActualCssLink(c, s);
+					this.childrenUrls.set(c, e);
+				} else {
+					let t = i(c, e);
+					if (!n(t.toString(), !0, "http://", "https://")) continue;
+					let r = (t.pathname + t.search).substring(1);
+					if (this.errorLinks.indexOf(r) >= 0) continue;
+					try {
+						let e = await this.fileParser.getFile(r, "", "blob"), t = URL.createObjectURL(e);
+						this.childrenUrls.set(c, t);
+					} catch (e) {
+						this.errorLinks.indexOf(r) < 0 && this.errorLinks.push(r), this.logger.error(e), this.childrenUrls.set(c, t.toString());
+					}
+				}
+			}
+			let d = l.replace(/url\(["']?(.*?)["']?\)/gi, (e, t) => r(t) ? e : "");
+			d = m(d), d = p(d), d = f(d);
+			let _ = g(d), v = o(_, { type: "text/css" }), y = URL.createObjectURL(v);
+			return this.childrenUrls.set(e, y), {
+				href: y,
+				cssContent: d,
+				isHref: !1
+			};
+		} catch (t) {
+			return this.logger.error(t), {
+				href: e,
+				cssContent: "",
+				isHref: !0
+			};
+		}
+	}
+	async dispose() {
+		this.childrenUrls.clear(), this.errorLinks && this.errorLinks.splice(0), this.docBlobUrls.clear();
+		for (let e of this.opaqueDocumentBaseUrls) try {
+			URL.revokeObjectURL(e);
+		} catch {}
+		this.opaqueDocumentBaseUrls = [];
+	}
+	async resetScriptSrc(e, t) {
+		let n = t.getRoot();
+		n ||= "";
+		let a = e.getElementsByTagName("script");
+		for (let e = 0; e < a.length; e++) {
+			let o = a[e].getAttribute("src");
+			if (!(!o || o.startsWith("/"))) {
+				if (!r(o)) {
+					let e = i(o, n);
+					r(n) ? o = e.toString() : (o = e.pathname + e.search, o = o.substring(1));
+				}
+				if (!r(o)) {
+					let r = i(o, n), s = r.pathname + r.search;
+					s = s.substring(1);
+					let c = await this.fileParser.getFile(o, t.url, "blob"), l = URL.createObjectURL(c);
+					a[e].src = l, a[e].setAttribute(_.LinkOriginHrefPropertyName, o);
+				}
+			}
+		}
+	}
+	injectBaseUrl(e, n) {
+		let i = e.getElementsByTagName("base");
+		for (let e = 0; e < i.length; e++) if (!t(i[e].href)) return;
+		let a = n;
+		!t(a) && r(a) || (a = this.createOpaqueDocumentBaseUrl());
+		let o = u(e, "base", null, { href: a }), s = l(e);
+		s.insertBefore(o, s.firstChild);
+	}
+	createOpaqueDocumentBaseUrl() {
+		let e = URL.createObjectURL(new Blob(["<!doctype html><title></title>"], { type: "text/html" }));
+		return this.opaqueDocumentBaseUrls.push(e), e;
+	}
 };
+//#endregion
+export { v as HtmlContentProcessor };

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

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

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

@@ -1 +0,0 @@
-

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../../kernal/html/injector.cjs"),l=require("../../../../kernal/common/data.cjs"),n=require("../../../../kernal/web/BrowserCapabilities.cjs"),s=require("../layout/ViewportCssVariableNames.cjs"),i='<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title></head><body>{custom-htmls}</body></html>',m=e=>i.replace("{custom-htmls}",e),c=e=>{const r='<div style="min-height:50px;display:flex;justify-content:center;align-items:center;">The document is too big('+l.formatFileSize(e)+"), can't be loaded.</div>";return i.replace("{custom-htmls}",r)},h=(e,r,o)=>{const t=a.createElement(e,"iframe",r);return n.BrowserCapabilities.isFirefox()?t.setAttribute("src","javascript:"):t.setAttribute("src","about:blank"),t.setAttribute("data-role","content"),t.setAttribute("frameborder","0"),t.setAttribute("border","0"),t.setAttribute("width","100%"),t.setAttribute("height","100%"),t.setAttribute("style","display:block"),o?t.style.setProperty("width","100%"):t.style.setProperty("width","var("+s.ViewportCssVariableNames.ContentContainerWidth+")"),t.style.setProperty("height","var("+s.ViewportCssVariableNames.ContentContainerHeight+")"),t};exports.createIframe=h;exports.getHtmlTemplate=m;exports.getTooBigHtmlTemplate=c;exports.htmlTemplate=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/web/BrowserCapabilities.cjs"),t=require("../../../../kernal/html/injector.cjs"),n=require("../../../../kernal/common/data.cjs"),r=require("../layout/ViewportCssVariableNames.cjs");var i=`<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title></head><body>{custom-htmls}</body></html>`,a=e=>i.replace(`{custom-htmls}`,e),o=e=>{let t=`<div style="min-height:50px;display:flex;justify-content:center;align-items:center;">The document is too big(`+n.formatFileSize(e)+`), can't be loaded.</div>`;return i.replace(`{custom-htmls}`,t)},s=(n,i,a)=>{let o=t.createElement(n,`iframe`,i);return e.BrowserCapabilities.isFirefox()?o.setAttribute(`src`,`javascript:`):o.setAttribute(`src`,`about:blank`),o.setAttribute(`data-role`,`content`),o.setAttribute(`frameborder`,`0`),o.setAttribute(`border`,`0`),o.setAttribute(`width`,`100%`),o.setAttribute(`height`,`100%`),o.setAttribute(`style`,`display:block`),a?o.style.setProperty(`width`,`100%`):o.style.setProperty(`width`,`var(`+r.ViewportCssVariableNames.ContentContainerWidth+`)`),o.style.setProperty(`height`,`var(`+r.ViewportCssVariableNames.ContentContainerHeight+`)`),o};exports.createIframe=s,exports.getHtmlTemplate=a,exports.getTooBigHtmlTemplate=o,exports.htmlTemplate=i;

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

@@ -1,17 +1,14 @@
-import { createElement as l } from "../../../../kernal/html/injector.mjs";
-import { formatFileSize as m } from "../../../../kernal/common/data.mjs";
-import { BrowserCapabilities as a } from "../../../../kernal/web/BrowserCapabilities.mjs";
-import { ViewportCssVariableNames as i } from "../layout/ViewportCssVariableNames.mjs";
-const o = '<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title></head><body>{custom-htmls}</body></html>', b = (e) => o.replace("{custom-htmls}", e), d = (e) => {
-  const r = '<div style="min-height:50px;display:flex;justify-content:center;align-items:center;">The document is too big(' + m(e) + "), can't be loaded.</div>";
-  return o.replace("{custom-htmls}", r);
-}, u = (e, r, s) => {
-  const t = l(e, "iframe", r);
-  return a.isFirefox() ? t.setAttribute("src", "javascript:") : t.setAttribute("src", "about:blank"), t.setAttribute("data-role", "content"), t.setAttribute("frameborder", "0"), t.setAttribute("border", "0"), t.setAttribute("width", "100%"), t.setAttribute("height", "100%"), t.setAttribute("style", "display:block"), s ? t.style.setProperty("width", "100%") : t.style.setProperty("width", "var(" + i.ContentContainerWidth + ")"), t.style.setProperty("height", "var(" + i.ContentContainerHeight + ")"), t;
-};
-export {
-  u as createIframe,
-  b as getHtmlTemplate,
-  d as getTooBigHtmlTemplate,
-  o as htmlTemplate
+import { BrowserCapabilities as e } from "../../../../kernal/web/BrowserCapabilities.mjs";
+import { createElement as t } from "../../../../kernal/html/injector.mjs";
+import { formatFileSize as n } from "../../../../kernal/common/data.mjs";
+import { ViewportCssVariableNames as r } from "../layout/ViewportCssVariableNames.mjs";
+//#region mediaTypes/html/renderer/html/template.ts
+var i = "<?xml version=\"1.0\" encoding=\"utf-8\"?><!DOCTYPE html><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><title></title></head><body>{custom-htmls}</body></html>", a = (e) => i.replace("{custom-htmls}", e), o = (e) => {
+	let t = "<div style=\"min-height:50px;display:flex;justify-content:center;align-items:center;\">The document is too big(" + n(e) + "), can't be loaded.</div>";
+	return i.replace("{custom-htmls}", t);
+}, s = (n, i, a) => {
+	let o = t(n, "iframe", i);
+	return e.isFirefox() ? o.setAttribute("src", "javascript:") : o.setAttribute("src", "about:blank"), o.setAttribute("data-role", "content"), o.setAttribute("frameborder", "0"), o.setAttribute("border", "0"), o.setAttribute("width", "100%"), o.setAttribute("height", "100%"), o.setAttribute("style", "display:block"), a ? o.style.setProperty("width", "100%") : o.style.setProperty("width", "var(" + r.ContentContainerWidth + ")"), o.style.setProperty("height", "var(" + r.ContentContainerHeight + ")"), o;
 };
+//#endregion
+export { s as createIframe, a as getHtmlTemplate, o as getTooBigHtmlTemplate, i as htmlTemplate };

package/dist/mediaTypes/html/renderer/image/HtmlImageLoader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../../../../kernal/common/encoding.cjs"),y=require("../../../../kernal/common/number.cjs"),d=require("../../../../kernal/common/text.cjs"),A=require("../../../../kernal/common/url.cjs"),h=require("../../../../kernal/html/finder.cjs"),C=require("../../../../kernal/html/image.cjs"),L=require("../../../../kernal/html/injector.cjs"),U=require("../../../../kernal/html/parser.cjs"),B=require("../../HtmlSettings.cjs"),f=require("../style/ContentLayoutCssVariableNames.cjs"),E=require("./error-image.png.cjs"),x=require("perfect-debounce"),I=require("../../../../kernal/EventNames.cjs"),S=require("../../../../kernal/web/BrowserCapabilities.cjs"),v=require("../../../../kernal/Constants.cjs"),H=T=>Object.freeze(Object.defineProperty({__proto__:null,default:T},Symbol.toStringTag,{value:"Module"})),D="lhx-svg",P="imageSizes-",V=5;class M{constructor(e,i,a){this.documentsProvider=e,this.rendererViewport=i,this.htmlOptions=a,this.documentImageSizesSummaries=new Map,this.blobUrls=new Map,this.isDisposed=!1,this.resetImageSizeTasks=[],this.onDocumentDisposing=t=>{this.revokeDocumentBlobUrls(t)},this.onImageElementsVisible=async t=>{for(const[r,s]of t.entries())await this.loadImages(r,s)},this.delayLoadOnImageElementsVisible=x.debounce(this.onImageElementsVisible,100),this.onLayoutChange=async()=>{await this.delayResetAllImageSize()},this.resetAllImageSize=async()=>{for(const t of this.documentsProvider.getLoadedDocuments())await this.resetImageSize(t)},this.delayResetAllImageSize=x.debounce(this.resetAllImageSize,100),this.prepareImageSize=async(t,r)=>{const s=`.${D} {width: 100% !important; height: auto !important; }`;L.injectCssContent(r,s,!1,"lhx-svg-style");const n=[...r.getElementsByTagName("img"),...r.getElementsByTagName("image")],o=this.getImageSizesSummary(r);o.total=n.length;const l=this.documentsProvider.getDocuments().indexOf(t),m=this.getResourceId(),c=await this.getStorage();let u=null;l>=0&&c&&m&&(u=await c.get(P+m,l.toString()));const w=n.length>100;for(let b=0;b<n.length;b++){if(this.isDisposed)return;try{const p=n[b];p.parentElement&&h.compareTagName(p.parentElement.tagName,"SVG")&&p.parentElement.classList.add(D);const z=this.getImageUrl(p);let N=u?.find(O=>O.url==z);N||(N=await this.prefetchImageSize(t,p,!0)),N&&(this.resetImageStyles(p,N.width,N.height),this.resetInlineImageSize(p)),w&&b%10==0&&(this.events.emit(I.EventNames.ProcessedImageCount,{doc:t,totalImageCount:n.length,processedImageCount:b}),await S.BrowserCapabilities.yieldToMain())}catch(p){this.logger.error(p)}}l>=0&&c&&m&&await this.persistImageSizes(c,m,l.toString(),u,o)},this.getImageUrl=t=>{const r=t.getAttribute("data-preset-preview-url")=="true";return h.compareTagName(t.tagName,"IMAGE")?r?t.getAttribute("data-src")??t.getAttribute("xlink:href")??t.getAttribute("href"):t.getAttribute("xlink:href")??t.getAttribute("href"):r?t.getAttribute("data-src"):t.getAttribute("src")},this.resetImageStyles=(t,r,s)=>{if(r<=0||s<=0||!S.BrowserCapabilities.supportCssAspectRatio())return;this.setWidthAndHeight(t,r,s);let n=t;if(h.compareTagName(t.tagName,"IMAGE")&&(n=t.parentElement),!n)return;n.setAttribute("width",`${r}`),n.setAttribute("height",`${s}`);const o=r/s,{columnWidth:g,columnHeight:l}=this.getColumnMetrics();let m=s;g>0&&r>g&&(m=g/r*s);const c=l>0?`min(${m}px,${l}px)`:`${m}px`,u=`calc(100% * var(${f.ContentLayoutCssVariableNames.MaxImageWidthRatio}))`;n.getAttribute("style")?(n.style.width=u,n.style.height="auto",n.style.maxWidth=u,n.style.maxHeight=c,n.style.aspectRatio=`${o}`):n.setAttribute("style",`max-width:${u};height:auto;max-height:${c};aspect-ratio:${o};width:${u}`)},this.resetImageWidthHeight=t=>{t.image.style?(t.image.style.setProperty("width","auto","important"),t.image.style.setProperty("max-width","100%","important"),t.image.style.setProperty("max-height","100%","important")):t.image.setAttribute("style","width:auto !important;max-width:100% !important;max-height:100% !important"),this.resetImageHeight(t.image,t.columnWidth,t.columnHeight,this.htmlOptions.maxImageHeightRatio)},this.flushResetImageSizeTasks=async()=>{if(S.BrowserCapabilities.supportCssAspectRatio()){this.resetImageSizeTasks=[];return}for(;this.resetImageSizeTasks.length>0;){if(this.isDisposed){this.resetImageSizeTasks=[];return}const t=this.resetImageSizeTasks.shift();if(!t)break;this.resetImageWidthHeight(t),await S.BrowserCapabilities.yieldToMain()}},this.resetImageSize=async t=>{const r=t.getContentContainer()?.ownerDocument;if(!r||!h.getDocumentBody(r))return;const{columnWidth:s,columnHeight:n}=this.getColumnMetrics(),o=[...r.getElementsByTagName("img"),...r.getElementsByTagName("image")];if(this.checkIsOnlyOneImageInDocument(r)){const g=o[0];this.handleOnlyOneImageInDocument(s,n,g),await this.loadSingleImage(t,g);return}for(const g of o)this.resetImageSizeTasks.push({image:g,columnWidth:s,columnHeight:n});await this.flushResetImageSizeTasks();for(let g=0;g<Math.min(V,o.length);g++)await this.loadSingleImage(t,o[g])},this.events=this.documentsProvider.owner.events,this.logger=this.documentsProvider.owner.loggerFactory.getLogger(this.constructor.name),this.bindEvents()}bindEvents(){this.events.on(I.EventNames.LayoutChange,this.onLayoutChange),this.events.on(I.EventNames.DocumentDisposing,this.onDocumentDisposing),this.events.on(I.EventNames.ImageElementsVisible,this.delayLoadOnImageElementsVisible)}unbindEvents(){this.events.off(I.EventNames.LayoutChange,this.onLayoutChange),this.events.off(I.EventNames.DocumentDisposing,this.onDocumentDisposing),this.events.off(I.EventNames.ImageElementsVisible,this.delayLoadOnImageElementsVisible)}addBlobUrl(e,i){if(!A.checkIsBlobUrl(i))return;const a=this.blobUrls.get(e);a?a.push(i):this.blobUrls.set(e,[i])}revokeDocumentBlobUrls(e){const i=this.blobUrls.get(e);if(i){for(const a of i)this.revokeObjectURL(a);this.blobUrls.delete(e)}}async preprocessImages(e){const i=e,a=(await i.getVirtualContentContainer())?.ownerDocument;a&&(await this.prepareImageSize(i,a),await this.setImagePreviewUrl(a))}async setImagePreviewUrl(e){const{default:i}=await Promise.resolve().then(()=>H(require("./placeholder.png.cjs"))),a=e.getElementsByTagName("img"),t=e.getElementsByTagName("image");for(let r=0;r<a.length;r++)this.applyPreviewUrl(a[r],a[r].getAttribute("src"),i,!1);for(let r=0;r<t.length;r++){const s=t[r],n=s.getAttribute("xlink:href")??s.getAttribute("href");this.applyPreviewUrl(s,n,i,!0)}}applyPreviewUrl(e,i,a,t){let r=e.getAttribute("data-preview-src");d.isNullOrWhiteSpace(r)&&(r=a,e.setAttribute("data-preview-src",a)),i!=a?e.getAttribute("data-src")!=a&&e.setAttribute("data-src",i??""):e.removeAttribute("data-loaded"),t?e.setAttribute("xlink:href",r):e.src=r,e.setAttribute("data-preset-preview-url","true"),this.setImageStyle(e)}setImageStyle(e){const i=e.parentElement;i&&i.children.length==1&&d.isNullOrWhiteSpace(i.innerText)&&(S.BrowserCapabilities.supportCssHas()||i.classList.add(B.HtmlSettings.BreakInsideAvoid),i.style.removeProperty("width"),i.style.removeProperty("height"))}async persistImageSizes(e,i,a,t,r){const s=Array.from(r.descriptors.values()).filter(o=>o.width>0);if(s.length==0)return;const n=P+i;if(t&&t.length>0){const o=new Set(t.map(l=>l.url)),g=s.filter(l=>!o.has(l.url));g.length>0&&(t.push(...g),await e.set(n,a,t))}else await e.set(n,a,s)}getResourceId(){const e=this.documentsProvider.owner.context;return d.isNullOrWhiteSpace(e.simpleId)?e.id:e.simpleId}async getStorage(){return await this.documentsProvider.owner.services.get("storage")}getImageSizesSummary(e){let i=this.documentImageSizesSummaries.get(e);return i||(i={total:0,checkedCount:0,descriptors:new Map},this.documentImageSizesSummaries.set(e,i)),i}async prefetchImageSize(e,i,a){const t=this.getImageUrl(i),r=i.getAttribute("data-width");if(r!=null){const l=y.parseNumber(i.getAttribute("data-height"),0);return this.addImageDescriptor(i,t,y.parseNumber(r,0),l,!0)}if(!a)return this.addImageDescriptor(i,t,0,0,!1);const n=this.getImageSizesSummary(i.ownerDocument).descriptors.get(t);if(n)return n;let o=0,g=0;try{if(A.checkIsAbsoluteUrl(t)){const l=await C.getImageSize(t);o=l.width,g=l.height}else{const l=await e.fileParser.getFile(t,e.url,"blob"),m=l&&l.size>0?l:E;try{const c=await C.getImageSize(m);o=c.width,g=c.height}catch{}}}catch(l){this.logger.error(l)}return this.addImageDescriptor(i,t,o,g,o<=0)}revokeObjectURL(e){if(!(!e||!d.startsWith(e,"blob:",!0)))try{URL.revokeObjectURL(e)}catch{}}addImageDescriptor(e,i,a,t,r){const s=this.getImageSizesSummary(e.ownerDocument);let n=s.descriptors.get(i);return n?(!n.checked&&r&&(s.checkedCount+=1),n.width=a,n.height=t,n.url=i,n.checked=r,n):(n={url:i,width:a,height:t,checked:r},r&&(s.checkedCount+=1),s.descriptors.set(i,n),n)}setWidthAndHeight(e,i,a){i>0&&a>0&&y.parseNumber(e.getAttribute("data-width"),0,"parseInt")<=0&&(e.setAttribute("data-width",`${i}`),e.setAttribute("data-height",`${a}`))}getColumnMetrics(){const e=this.rendererViewport.getLayoutMetrics();return{columnWidth:e.columnWidth,columnHeight:e.columnHeight}}resetInlineImageSize(e){const i=y.parseNumber(e.getAttribute("data-width"),0),a=y.parseNumber(e.getAttribute("data-height"),0);if(i<=0||a<=0)return;let t=!1;a<=200?t=this.checkIsInlineImage(e,i,a).foundInlineImage:(e.previousSibling?.nodeType==Node.TEXT_NODE&&e.previousSibling.textContent?.trim()?.length>0||e.nextSibling?.nodeType==Node.TEXT_NODE&&e.nextSibling.textContent?.trim()?.length>0)&&(t=this.checkIsInlineImage(e,i,a).foundInlineImage);const r=h.compareTagName(e.tagName,"IMG")?e:e.parentElement;if(!t||!r)return;const s="1em";e.getAttribute("style")?(e.style.setProperty("width","auto","important"),e.style.setProperty("max-width","100%","important"),e.style.setProperty("height",s,"important"),e.style.setProperty("margin-block-start","0","important"),e.style.setProperty("margin-block-end","0","important")):e.setAttribute("style",`width:auto !important;max-width:100% !important;height:${s} !important;margin-block-start:0 !important;margin-block-end:0 !important;`),r.style.setProperty("vertical-align","-0.2em","important"),r.setAttribute("data-inline-image","true")}handleOnlyOneImageInDocument(e,i,a){const t=a.ownerDocument,r=h.getDocumentBody(t);if(!d.isNullOrWhiteSpace(r.getAttribute("data-handled-one-image")))return;r.setAttribute("data-handled-one-image","true"),r.style.setProperty("display","flex","important"),r.style.setProperty("height","100%","important"),r.style.setProperty("justify-content","center","important"),r.style.setProperty("align-items","center","important");let s=a;h.compareTagName(a.parentElement?.tagName,"SVG")&&(s=a.parentElement,a.style.setProperty("width","auto","important"),a.style.setProperty("max-width","100%","important"),a.style.setProperty("max-height",i+"px","important"),a.style.setProperty("display","block","important")),s.style.setProperty("width","auto","important"),s.style.setProperty("max-width","100%","important"),s.style.setProperty("display","block","important"),s.parentElement&&(s.parentElement.style.textAlign="center"),this.resetImageHeight(a,e,i,.95,!0)}resetImageHeight(e,i,a,t,r){const s=h.compareTagName(e.tagName,"IMAGE")?e.parentElement:e;if(!s)return;const n=y.parseNumber(e.getAttribute("data-width"),0),o=y.parseNumber(e.getAttribute("data-height"),0);n<=0||o<=0||this.forceSetImageHeight(s,i,a,n,o,t,r)}forceSetImageHeight(e,i,a,t,r,s,n){if(S.BrowserCapabilities.supportCssMinMaxFunction()){let o;s&&n?o=`min(calc(${r}px * ${s}),calc(var(${f.ContentLayoutCssVariableNames.ColumnHeight}) * ${s}),calc(var(${f.ContentLayoutCssVariableNames.ColumnWidth}) / ${t} * ${r} * ${s}))`:o=`min(calc(${r}px * var(${f.ContentLayoutCssVariableNames.MaxImageHeightRatio})),calc(var(${f.ContentLayoutCssVariableNames.ColumnHeight}) * var(${f.ContentLayoutCssVariableNames.MaxImageHeightRatio})),calc(var(${f.ContentLayoutCssVariableNames.ColumnWidth}) / ${t} * ${r} * var(${f.ContentLayoutCssVariableNames.MaxImageHeightRatio})))`,e.style.setProperty("height",o,"important")}else{const o=this.calcImageHeight(i,a,t,r)*s;e.style.setProperty("height",o+"px","important")}}calcImageHeight(e,i,a,t){if(i>=t&&e>=a)return t;const r=e/i,s=a/t;return r<=s?e/a*t:i}checkIsOnlyOneImageInDocument(e){const i=h.getDocumentBody(e);return!i||i.textContent.trim()?!1:i.getElementsByTagName("img").length==1||i.getElementsByTagName("image").length==1}checkIsInlineTag(e){const i=e.nodeName;return d.isNullOrWhiteSpace(i)?!1:this.htmlOptions.htmlInlineTags.indexOf(i.toLowerCase())>=0}checkIsInlineImage(e,i,a){let{foundInlineImage:t,imageHeight:r}=this.getInlineImageProperties(e,a);if(t)return{foundInlineImage:t,imageHeight:r};let s=e.parentElement,n=e;for(;s&&!h.compareTagName(s.tagName,"BODY");){if(s.children.length>1||s.children.length==1&&s.textContent.trim().length>0)return this.getInlineImageProperties(n,a);n=s,s=s.parentElement}return{foundInlineImage:t,imageHeight:r}}findSiblingNodes(e){let i=e.previousSibling,a=e.nextSibling;for(;i!=null&&!(!d.isNullOrWhiteSpace(i.textContent)||i.nodeType==Node.ELEMENT_NODE);)i=i.previousSibling;for(;a!=null&&!(!d.isNullOrWhiteSpace(a.textContent)||a.nodeType==Node.ELEMENT_NODE);)a=a.nextSibling;return{previousSiblingNode:i,nextSiblingNode:a}}getInlineImageProperties(e,i){const{previousSiblingNode:a,nextSiblingNode:t}=this.findSiblingNodes(e);let r=!1,s;if(!a&&!t)return{foundInlineImage:r,imageHeight:s};const n=a?.ownerDocument?.defaultView??t?.ownerDocument?.defaultView;let o;if(a?.nodeType==Node.TEXT_NODE&&!d.isNullOrWhiteSpace(a.nodeValue)?o=a.parentElement:t?.nodeType==Node.TEXT_NODE&&!d.isNullOrWhiteSpace(t.nodeValue)?o=t.parentElement:a&&this.checkIsInlineTag(a)?o=a:t&&this.checkIsInlineTag(t)&&(o=t),!o)return{foundInlineImage:r,imageHeight:s};const g=1.25,l=n?.getComputedStyle(o);let m,c,u;l?(m=parseFloat(l.fontSize),c=parseFloat(l.lineHeight),u=parseFloat(l.height)):(m=20,c=m*g,u=c);const w=c>m*g?m*g:c;return this.checkElementIsFootnote(e)||h.compareTagName(e.parentElement?.tagName,"A")&&(h.compareTagName(e.parentElement?.parentElement?.tagName,"SUB")||h.compareTagName(e.parentElement?.parentElement?.tagName,"SUP"))?s=m:u&&u<=w?s=u:s=w,i&&i<s&&(s=i),r=!0,{foundInlineImage:r,imageHeight:s}}checkElementIsFootnote(e){return e.getAttribute("class")?.indexOf("footnote")>=0||e.getAttribute("epub:type")=="noteref"||h.compareTagName(e.tagName,"SUB")||h.compareTagName(e.tagName,"SUP")?!0:e.children.length>0?this.checkElementIsFootnote(e.children[0]):!1}async loadImages(e,i){const a=e;if(!(!a||!i?.length))for(const t of i){if(this.isDisposed||!t)return;const r=t.ownerDocument.defaultView;if(r)if(t instanceof r.HTMLImageElement||t instanceof r.SVGImageElement){const s=t.getAttribute(v.ElementInitialNumberName),n=t.ownerDocument.querySelector(`[${v.ElementInitialNumberName}='${s}']`);n&&await this.loadSingleImage(a,n)}else{const s=t.getElementsByTagName("img");for(let l=0;l<s.length;l++)await this.loadSingleImage(a,s[l]);const n=t.getAttribute(v.ElementInitialNumberName),o=e.getContentContainer()?.querySelector(`[${v.ElementInitialNumberName}='${n}']`),g=o&&o!=t?o.getElementsByTagName("image"):t.getElementsByTagName("image");for(let l=0;l<g.length;l++)await this.loadSingleImage(a,g[l])}}}async loadSingleImage(e,i){if(!i||!e)return;const a=i.getAttribute("data-load-state");if(a=="loaded"||a=="loading"||a=="fail")return;i.setAttribute("data-load-state","loading"),i.onload=()=>{i.setAttribute("data-load-state","loaded")},i.onerror=()=>{i.setAttribute("data-load-state","fail")};let t=i.getAttribute("src")??"";const r=i.getAttribute("data-src")??"";d.isNullOrWhiteSpace(r)||(t=r);let s=t;if(!A.checkIsAbsoluteUrl(s)){const n=await e.fileParser.getFile(s,e.url,"blob");if(n&&n.size>0)if(n.type?.toLowerCase()=="image/svg+xml"){const o=k.convertArrayBufferToString(await n.arrayBuffer()),l=U.getFormatDocument(o).querySelector("image");if(l){s=l.getAttribute("xlink:href")??l.getAttribute("href");try{const m=await C.getImageSize(s),c=m.width,u=m.height;i.setAttribute("data-width",c.toString()),i.setAttribute("data-height",u.toString());const{columnWidth:w,columnHeight:b}=this.getColumnMetrics();this.forceSetImageHeight(i,w,b,c,u,this.htmlOptions.maxImageHeightRatio)}catch(m){this.logger.error(m)}}else s="data:image/svg+xml,"+encodeURIComponent(o)}else s=URL.createObjectURL(n),this.addBlobUrl(e,s);else s=E}if(h.compareTagName(i.tagName,"IMG")){const n=i;if(n.src=s,n.decode)try{await n.decode()}catch(o){this.logger.error("image decode failed","imageUrl",s,o),this.revokeObjectURL(s),setTimeout(async()=>{try{const g=await e.fileParser.getFile(t,e.url,"blob");if(g&&g.size>0){const l=URL.createObjectURL(g);this.addBlobUrl(e,l),n.src=l}else n.src=E}catch(g){this.logger.error(g),n.src=E}},500)}}else S.BrowserCapabilities.isSafari()?i.href.baseVal=s:i.setAttribute("xlink:href",s)}async dispose(){this.isDisposed=!0,this.unbindEvents(),this.documentImageSizesSummaries.clear(),this.resetImageSizeTasks=[];for(const e of[...this.blobUrls.keys()])this.revokeDocumentBlobUrls(e);this.blobUrls.clear()}}exports.HtmlImageLoader=M;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/web/BrowserCapabilities.cjs"),t=require("../../../../kernal/EventNames.cjs"),n=require("../../../../kernal/common/text.cjs"),r=require("../../../../kernal/common/url.cjs"),i=require("../../../../kernal/Constants.cjs"),a=require("../../../../kernal/common/number.cjs"),o=require("../../../../kernal/html/finder.cjs"),s=require("../../../../kernal/html/injector.cjs"),c=require("../../../../kernal/html/parser.cjs"),l=require("../../../../kernal/html/image.cjs"),u=require("../../../../kernal/common/encoding.cjs"),d=require("../../HtmlSettings.cjs"),f=require("../style/ContentLayoutCssVariableNames.cjs"),p=require("./error-image.cjs");let m=require("perfect-debounce");var h=`lhx-svg`,g=`imageSizes-`,_=5,v=class{constructor(n,r,i){this.documentsProvider=n,this.rendererViewport=r,this.htmlOptions=i,this.documentImageSizesSummaries=new Map,this.blobUrls=new Map,this.isDisposed=!1,this.resetImageSizeTasks=[],this.onDocumentDisposing=e=>{this.revokeDocumentBlobUrls(e)},this.onImageElementsVisible=async e=>{for(let[t,n]of e.entries())await this.loadImages(t,n)},this.delayLoadOnImageElementsVisible=(0,m.debounce)(this.onImageElementsVisible,100),this.onLayoutChange=async()=>{await this.delayResetAllImageSize()},this.resetAllImageSize=async()=>{for(let e of this.documentsProvider.getLoadedDocuments())await this.resetImageSize(e)},this.delayResetAllImageSize=(0,m.debounce)(this.resetAllImageSize,100),this.prepareImageSize=async(n,r)=>{s.injectCssContent(r,`.${h} {width: 100% !important; height: auto !important; }`,!1,`lhx-svg-style`);let i=[...r.getElementsByTagName(`img`),...r.getElementsByTagName(`image`)],a=this.getImageSizesSummary(r);a.total=i.length;let c=this.documentsProvider.getDocuments().indexOf(n),l=this.getResourceId(),u=await this.getStorage(),d=null;c>=0&&u&&l&&(d=await u.get(g+l,c.toString()));let f=i.length>100;for(let r=0;r<i.length;r++){if(this.isDisposed)return;try{let a=i[r];a.parentElement&&o.compareTagName(a.parentElement.tagName,`SVG`)&&a.parentElement.classList.add(h);let s=this.getImageUrl(a),c=d?.find(e=>e.url==s);c||=await this.prefetchImageSize(n,a,!0),c&&(this.resetImageStyles(a,c.width,c.height),this.resetInlineImageSize(a)),f&&r%10==0&&(this.events.emit(t.EventNames.ProcessedImageCount,{doc:n,totalImageCount:i.length,processedImageCount:r}),await e.BrowserCapabilities.yieldToMain())}catch(e){this.logger.error(e)}}c>=0&&u&&l&&await this.persistImageSizes(u,l,c.toString(),d,a)},this.getImageUrl=e=>{let t=e.getAttribute(`data-preset-preview-url`)==`true`;return o.compareTagName(e.tagName,`IMAGE`)?t?e.getAttribute(`data-src`)??e.getAttribute(`xlink:href`)??e.getAttribute(`href`):e.getAttribute(`xlink:href`)??e.getAttribute(`href`):t?e.getAttribute(`data-src`):e.getAttribute(`src`)},this.resetImageStyles=(t,n,r)=>{if(n<=0||r<=0||!e.BrowserCapabilities.supportCssAspectRatio())return;this.setWidthAndHeight(t,n,r);let i=t;if(o.compareTagName(t.tagName,`IMAGE`)&&(i=t.parentElement),!i)return;i.setAttribute(`width`,`${n}`),i.setAttribute(`height`,`${r}`);let a=n/r,{columnWidth:s,columnHeight:c}=this.getColumnMetrics(),l=r;s>0&&n>s&&(l=s/n*r);let u=c>0?`min(${l}px,${c}px)`:`${l}px`,d=`calc(100% * var(${f.ContentLayoutCssVariableNames.MaxImageWidthRatio}))`;i.getAttribute(`style`)?(i.style.width=d,i.style.height=`auto`,i.style.maxWidth=d,i.style.maxHeight=u,i.style.aspectRatio=`${a}`):i.setAttribute(`style`,`max-width:${d};height:auto;max-height:${u};aspect-ratio:${a};width:${d}`)},this.resetImageWidthHeight=e=>{e.image.style?(e.image.style.setProperty(`width`,`auto`,`important`),e.image.style.setProperty(`max-width`,`100%`,`important`),e.image.style.setProperty(`max-height`,`100%`,`important`)):e.image.setAttribute(`style`,`width:auto !important;max-width:100% !important;max-height:100% !important`),this.resetImageHeight(e.image,e.columnWidth,e.columnHeight,this.htmlOptions.maxImageHeightRatio)},this.flushResetImageSizeTasks=async()=>{if(e.BrowserCapabilities.supportCssAspectRatio()){this.resetImageSizeTasks=[];return}for(;this.resetImageSizeTasks.length>0;){if(this.isDisposed){this.resetImageSizeTasks=[];return}let t=this.resetImageSizeTasks.shift();if(!t)break;this.resetImageWidthHeight(t),await e.BrowserCapabilities.yieldToMain()}},this.resetImageSize=async e=>{let t=e.getContentContainer()?.ownerDocument;if(!t||!o.getDocumentBody(t))return;let{columnWidth:n,columnHeight:r}=this.getColumnMetrics(),i=[...t.getElementsByTagName(`img`),...t.getElementsByTagName(`image`)];if(this.checkIsOnlyOneImageInDocument(t)){let t=i[0];this.handleOnlyOneImageInDocument(n,r,t),await this.loadSingleImage(e,t);return}for(let e of i)this.resetImageSizeTasks.push({image:e,columnWidth:n,columnHeight:r});await this.flushResetImageSizeTasks();for(let t=0;t<Math.min(_,i.length);t++)await this.loadSingleImage(e,i[t])},this.events=this.documentsProvider.owner.events,this.logger=this.documentsProvider.owner.loggerFactory.getLogger(this.constructor.name),this.bindEvents()}bindEvents(){this.events.on(t.EventNames.LayoutChange,this.onLayoutChange),this.events.on(t.EventNames.DocumentDisposing,this.onDocumentDisposing),this.events.on(t.EventNames.ImageElementsVisible,this.delayLoadOnImageElementsVisible)}unbindEvents(){this.events.off(t.EventNames.LayoutChange,this.onLayoutChange),this.events.off(t.EventNames.DocumentDisposing,this.onDocumentDisposing),this.events.off(t.EventNames.ImageElementsVisible,this.delayLoadOnImageElementsVisible)}addBlobUrl(e,t){if(!r.checkIsBlobUrl(t))return;let n=this.blobUrls.get(e);n?n.push(t):this.blobUrls.set(e,[t])}revokeDocumentBlobUrls(e){let t=this.blobUrls.get(e);if(t){for(let e of t)this.revokeObjectURL(e);this.blobUrls.delete(e)}}async preprocessImages(e){let t=e,n=(await t.getVirtualContentContainer())?.ownerDocument;n&&(await this.prepareImageSize(t,n),await this.setImagePreviewUrl(n))}async setImagePreviewUrl(e){let{default:t}=await Promise.resolve().then(()=>require("./placeholder.cjs")),n=e.getElementsByTagName(`img`),r=e.getElementsByTagName(`image`);for(let e=0;e<n.length;e++)this.applyPreviewUrl(n[e],n[e].getAttribute(`src`),t,!1);for(let e=0;e<r.length;e++){let n=r[e],i=n.getAttribute(`xlink:href`)??n.getAttribute(`href`);this.applyPreviewUrl(n,i,t,!0)}}applyPreviewUrl(e,t,r,i){let a=e.getAttribute(`data-preview-src`);n.isNullOrWhiteSpace(a)&&(a=r,e.setAttribute(`data-preview-src`,r)),t==r?e.removeAttribute(`data-loaded`):e.getAttribute(`data-src`)!=r&&e.setAttribute(`data-src`,t??``),i?e.setAttribute(`xlink:href`,a):e.src=a,e.setAttribute(`data-preset-preview-url`,`true`),this.setImageStyle(e)}setImageStyle(t){let r=t.parentElement;r&&r.children.length==1&&n.isNullOrWhiteSpace(r.innerText)&&(e.BrowserCapabilities.supportCssHas()||r.classList.add(d.HtmlSettings.BreakInsideAvoid),r.style.removeProperty(`width`),r.style.removeProperty(`height`))}async persistImageSizes(e,t,n,r,i){let a=Array.from(i.descriptors.values()).filter(e=>e.width>0);if(a.length==0)return;let o=g+t;if(r&&r.length>0){let t=new Set(r.map(e=>e.url)),i=a.filter(e=>!t.has(e.url));i.length>0&&(r.push(...i),await e.set(o,n,r))}else await e.set(o,n,a)}getResourceId(){let e=this.documentsProvider.owner.context;return n.isNullOrWhiteSpace(e.simpleId)?e.id:e.simpleId}async getStorage(){return await this.documentsProvider.owner.services.get(`storage`)}getImageSizesSummary(e){let t=this.documentImageSizesSummaries.get(e);return t||(t={total:0,checkedCount:0,descriptors:new Map},this.documentImageSizesSummaries.set(e,t)),t}async prefetchImageSize(e,t,n){let i=this.getImageUrl(t),o=t.getAttribute(`data-width`);if(o!=null){let e=a.parseNumber(t.getAttribute(`data-height`),0);return this.addImageDescriptor(t,i,a.parseNumber(o,0),e,!0)}if(!n)return this.addImageDescriptor(t,i,0,0,!1);let s=this.getImageSizesSummary(t.ownerDocument).descriptors.get(i);if(s)return s;let c=0,u=0;try{if(r.checkIsAbsoluteUrl(i)){let e=await l.getImageSize(i);c=e.width,u=e.height}else{let t=await e.fileParser.getFile(i,e.url,`blob`),n=t&&t.size>0?t:p.default;try{let e=await l.getImageSize(n);c=e.width,u=e.height}catch{}}}catch(e){this.logger.error(e)}return this.addImageDescriptor(t,i,c,u,c<=0)}revokeObjectURL(e){if(!(!e||!n.startsWith(e,`blob:`,!0)))try{URL.revokeObjectURL(e)}catch{}}addImageDescriptor(e,t,n,r,i){let a=this.getImageSizesSummary(e.ownerDocument),o=a.descriptors.get(t);return o?(!o.checked&&i&&(a.checkedCount+=1),o.width=n,o.height=r,o.url=t,o.checked=i,o):(o={url:t,width:n,height:r,checked:i},i&&(a.checkedCount+=1),a.descriptors.set(t,o),o)}setWidthAndHeight(e,t,n){t>0&&n>0&&a.parseNumber(e.getAttribute(`data-width`),0,`parseInt`)<=0&&(e.setAttribute(`data-width`,`${t}`),e.setAttribute(`data-height`,`${n}`))}getColumnMetrics(){let e=this.rendererViewport.getLayoutMetrics();return{columnWidth:e.columnWidth,columnHeight:e.columnHeight}}resetInlineImageSize(e){let t=a.parseNumber(e.getAttribute(`data-width`),0),n=a.parseNumber(e.getAttribute(`data-height`),0);if(t<=0||n<=0)return;let r=!1;(n<=200||e.previousSibling?.nodeType==Node.TEXT_NODE&&e.previousSibling.textContent?.trim()?.length>0||e.nextSibling?.nodeType==Node.TEXT_NODE&&e.nextSibling.textContent?.trim()?.length>0)&&(r=this.checkIsInlineImage(e,t,n).foundInlineImage);let i=o.compareTagName(e.tagName,`IMG`)?e:e.parentElement;!r||!i||(e.getAttribute(`style`)?(e.style.setProperty(`width`,`auto`,`important`),e.style.setProperty(`max-width`,`100%`,`important`),e.style.setProperty(`height`,`1em`,`important`),e.style.setProperty(`margin-block-start`,`0`,`important`),e.style.setProperty(`margin-block-end`,`0`,`important`)):e.setAttribute(`style`,`width:auto !important;max-width:100% !important;height:1em !important;margin-block-start:0 !important;margin-block-end:0 !important;`),i.style.setProperty(`vertical-align`,`-0.2em`,`important`),i.setAttribute(`data-inline-image`,`true`))}handleOnlyOneImageInDocument(e,t,r){let i=r.ownerDocument,a=o.getDocumentBody(i);if(!n.isNullOrWhiteSpace(a.getAttribute(`data-handled-one-image`)))return;a.setAttribute(`data-handled-one-image`,`true`),a.style.setProperty(`display`,`flex`,`important`),a.style.setProperty(`height`,`100%`,`important`),a.style.setProperty(`justify-content`,`center`,`important`),a.style.setProperty(`align-items`,`center`,`important`);let s=r;o.compareTagName(r.parentElement?.tagName,`SVG`)&&(s=r.parentElement,r.style.setProperty(`width`,`auto`,`important`),r.style.setProperty(`max-width`,`100%`,`important`),r.style.setProperty(`max-height`,t+`px`,`important`),r.style.setProperty(`display`,`block`,`important`)),s.style.setProperty(`width`,`auto`,`important`),s.style.setProperty(`max-width`,`100%`,`important`),s.style.setProperty(`display`,`block`,`important`),s.parentElement&&(s.parentElement.style.textAlign=`center`),this.resetImageHeight(r,e,t,.95,!0)}resetImageHeight(e,t,n,r,i){let s=o.compareTagName(e.tagName,`IMAGE`)?e.parentElement:e;if(!s)return;let c=a.parseNumber(e.getAttribute(`data-width`),0),l=a.parseNumber(e.getAttribute(`data-height`),0);c<=0||l<=0||this.forceSetImageHeight(s,t,n,c,l,r,i)}forceSetImageHeight(t,n,r,i,a,o,s){if(e.BrowserCapabilities.supportCssMinMaxFunction()){let e;e=o&&s?`min(calc(${a}px * ${o}),calc(var(${f.ContentLayoutCssVariableNames.ColumnHeight}) * ${o}),calc(var(${f.ContentLayoutCssVariableNames.ColumnWidth}) / ${i} * ${a} * ${o}))`:`min(calc(${a}px * var(${f.ContentLayoutCssVariableNames.MaxImageHeightRatio})),calc(var(${f.ContentLayoutCssVariableNames.ColumnHeight}) * var(${f.ContentLayoutCssVariableNames.MaxImageHeightRatio})),calc(var(${f.ContentLayoutCssVariableNames.ColumnWidth}) / ${i} * ${a} * var(${f.ContentLayoutCssVariableNames.MaxImageHeightRatio})))`,t.style.setProperty(`height`,e,`important`)}else{let e=this.calcImageHeight(n,r,i,a)*o;t.style.setProperty(`height`,e+`px`,`important`)}}calcImageHeight(e,t,n,r){return t>=r&&e>=n?r:e/t<=n/r?e/n*r:t}checkIsOnlyOneImageInDocument(e){let t=o.getDocumentBody(e);return!t||t.textContent.trim()?!1:t.getElementsByTagName(`img`).length==1||t.getElementsByTagName(`image`).length==1}checkIsInlineTag(e){let t=e.nodeName;return!n.isNullOrWhiteSpace(t)&&this.htmlOptions.htmlInlineTags.indexOf(t.toLowerCase())>=0}checkIsInlineImage(e,t,n){let{foundInlineImage:r,imageHeight:i}=this.getInlineImageProperties(e,n);if(r)return{foundInlineImage:r,imageHeight:i};let a=e.parentElement,s=e;for(;a&&!o.compareTagName(a.tagName,`BODY`);){if(a.children.length>1||a.children.length==1&&a.textContent.trim().length>0)return this.getInlineImageProperties(s,n);s=a,a=a.parentElement}return{foundInlineImage:r,imageHeight:i}}findSiblingNodes(e){let t=e.previousSibling,r=e.nextSibling;for(;t!=null&&!(!n.isNullOrWhiteSpace(t.textContent)||t.nodeType==Node.ELEMENT_NODE);)t=t.previousSibling;for(;r!=null&&!(!n.isNullOrWhiteSpace(r.textContent)||r.nodeType==Node.ELEMENT_NODE);)r=r.nextSibling;return{previousSiblingNode:t,nextSiblingNode:r}}getInlineImageProperties(e,t){let{previousSiblingNode:r,nextSiblingNode:i}=this.findSiblingNodes(e),a=!1,s;if(!r&&!i)return{foundInlineImage:a,imageHeight:s};let c=r?.ownerDocument?.defaultView??i?.ownerDocument?.defaultView,l;if(r?.nodeType==Node.TEXT_NODE&&!n.isNullOrWhiteSpace(r.nodeValue)?l=r.parentElement:i?.nodeType==Node.TEXT_NODE&&!n.isNullOrWhiteSpace(i.nodeValue)?l=i.parentElement:r&&this.checkIsInlineTag(r)?l=r:i&&this.checkIsInlineTag(i)&&(l=i),!l)return{foundInlineImage:a,imageHeight:s};let u=1.25,d=c?.getComputedStyle(l),f,p,m;d?(f=parseFloat(d.fontSize),p=parseFloat(d.lineHeight),m=parseFloat(d.height)):(f=20,p=f*u,m=p);let h=p>f*u?f*u:p;return s=this.checkElementIsFootnote(e)||o.compareTagName(e.parentElement?.tagName,`A`)&&(o.compareTagName(e.parentElement?.parentElement?.tagName,`SUB`)||o.compareTagName(e.parentElement?.parentElement?.tagName,`SUP`))?f:m&&m<=h?m:h,t&&t<s&&(s=t),a=!0,{foundInlineImage:a,imageHeight:s}}checkElementIsFootnote(e){return e.getAttribute(`class`)?.indexOf(`footnote`)>=0||e.getAttribute(`epub:type`)==`noteref`||o.compareTagName(e.tagName,`SUB`)||o.compareTagName(e.tagName,`SUP`)?!0:e.children.length>0&&this.checkElementIsFootnote(e.children[0])}async loadImages(e,t){let n=e;if(!(!n||!t?.length))for(let r of t){if(this.isDisposed||!r)return;let t=r.ownerDocument.defaultView;if(t){if(r instanceof t.HTMLImageElement||r instanceof t.SVGImageElement){let e=r.getAttribute(i.ElementInitialNumberName),t=r.ownerDocument.querySelector(`[${i.ElementInitialNumberName}='${e}']`);t&&await this.loadSingleImage(n,t)}else{let t=r.getElementsByTagName(`img`);for(let e=0;e<t.length;e++)await this.loadSingleImage(n,t[e]);let a=r.getAttribute(i.ElementInitialNumberName),o=e.getContentContainer()?.querySelector(`[${i.ElementInitialNumberName}='${a}']`),s=o&&o!=r?o.getElementsByTagName(`image`):r.getElementsByTagName(`image`);for(let e=0;e<s.length;e++)await this.loadSingleImage(n,s[e])}}}}async loadSingleImage(t,i){if(!i||!t)return;let a=i.getAttribute(`data-load-state`);if(a==`loaded`||a==`loading`||a==`fail`)return;i.setAttribute(`data-load-state`,`loading`),i.onload=()=>{i.setAttribute(`data-load-state`,`loaded`)},i.onerror=()=>{i.setAttribute(`data-load-state`,`fail`)};let s=i.getAttribute(`src`)??``,d=i.getAttribute(`data-src`)??``;n.isNullOrWhiteSpace(d)||(s=d);let f=s;if(!r.checkIsAbsoluteUrl(f)){let e=await t.fileParser.getFile(f,t.url,`blob`);if(e&&e.size>0){if(e.type?.toLowerCase()==`image/svg+xml`){let t=u.convertArrayBufferToString(await e.arrayBuffer()),n=c.getFormatDocument(t).querySelector(`image`);if(n){f=n.getAttribute(`xlink:href`)??n.getAttribute(`href`);try{let e=await l.getImageSize(f),t=e.width,n=e.height;i.setAttribute(`data-width`,t.toString()),i.setAttribute(`data-height`,n.toString());let{columnWidth:r,columnHeight:a}=this.getColumnMetrics();this.forceSetImageHeight(i,r,a,t,n,this.htmlOptions.maxImageHeightRatio)}catch(e){this.logger.error(e)}}else f=`data:image/svg+xml,`+encodeURIComponent(t)}else f=URL.createObjectURL(e),this.addBlobUrl(t,f)}else f=p.default}if(o.compareTagName(i.tagName,`IMG`)){let e=i;if(e.src=f,e.decode)try{await e.decode()}catch(n){this.logger.error(`image decode failed`,`imageUrl`,f,n),this.revokeObjectURL(f),setTimeout(async()=>{try{let n=await t.fileParser.getFile(s,t.url,`blob`);if(n&&n.size>0){let r=URL.createObjectURL(n);this.addBlobUrl(t,r),e.src=r}else e.src=p.default}catch(t){this.logger.error(t),e.src=p.default}},500)}}else e.BrowserCapabilities.isSafari()?i.href.baseVal=f:i.setAttribute(`xlink:href`,f)}async dispose(){this.isDisposed=!0,this.unbindEvents(),this.documentImageSizesSummaries.clear(),this.resetImageSizeTasks=[];for(let e of[...this.blobUrls.keys()])this.revokeDocumentBlobUrls(e);this.blobUrls.clear()}};exports.HtmlImageLoader=v;