@foxycape/core 1.1.3

package/dist/mediaTypes/html/renderer/progress/HtmlProgressTracker.d.ts

@@ -0,0 +1,27 @@
+import { FileLocation, Progress, Reader } from '../../../../kernal';
+import { IHtmlProgressTracker } from './IHtmlIProgressTracker';
+import { IHtmlDocumentsProvider } from '../IHtmlDocumentsProvider';
+import { HtmlOptions } from '../../HtmlOptions';
+
+export declare class HtmlProgressTracker implements IHtmlProgressTracker {
+    private readonly owner;
+    private readonly documentsProvider;
+    private readonly options;
+    private readonly logger;
+    constructor(owner: Reader, documentsProvider: IHtmlDocumentsProvider, options: HtmlOptions);
+    notifyProgressChange(): void;
+    calcProgress(location: FileLocation): Promise<Progress>;
+    private getTotalPercentage;
+    getProgress(precise?: boolean): Promise<Progress>;
+    private createElementLocation;
+    private calcVisibleElementOffsetTop;
+    private getPassedPercentage;
+    private getDocumentPercentage;
+    getPercentage(url: string, target: Element | number | {
+        tagName: string;
+        tagIndex: number;
+    }): Promise<number>;
+    private updateProgress;
+    private delayUpdateProgress;
+    dispose(): Promise<void>;
+}

package/dist/mediaTypes/html/renderer/progress/HtmlProgressTracker.mjs

@@ -0,0 +1,138 @@
+import { getDocumentBody as f, getElementIndex as p } from "../../../../kernal/html/finder.mjs";
+import { isNullOrWhiteSpace as h } from "../../../../kernal/common/text.mjs";
+import { getUrlFragment as w } from "../../../../kernal/common/url.mjs";
+import { HtmlSymbolCalclator as y } from "../document/HtmlSymbolCalclator.mjs";
+import { getAdjacentText as b } from "./adjacent.mjs";
+import { EventNames as C } from "../../../../kernal/EventNames.mjs";
+import { throttle as E } from "../../../../kernal/Debounce.mjs";
+import { Progress as d, FileLocation as x } from "../../../../kernal/progress/Progress.mjs";
+import { LastElementAttributeName as D } from "../../../../kernal/Constants.mjs";
+class S {
+  constructor(t, e, r) {
+    this.owner = t, this.documentsProvider = e, this.options = r, this.updateProgress = async () => {
+      if (!this.owner.context.userChangedProgress)
+        return;
+      const n = await this.getProgress(!0);
+      n && (this.owner.context.progress = n, this.owner.context.currentLocation = n.location, !(this.owner.onProgressChangeGuard && !this.owner.onProgressChangeGuard(n.current)) && this.owner.events.emit(C.ProgressChange, n));
+    }, this.delayUpdateProgress = E(this.updateProgress, 300, !0), this.logger = t.loggerFactory.getLogger(this.constructor.name);
+  }
+  notifyProgressChange() {
+    this.delayUpdateProgress();
+  }
+  async calcProgress(t) {
+    try {
+      const e = await this.getTotalPercentage(t);
+      if (e >= 0) {
+        const r = new d(1, e);
+        return r.location = t, r;
+      }
+      return null;
+    } catch (e) {
+      return this.logger.error(e), null;
+    }
+  }
+  async getTotalPercentage(t) {
+    try {
+      if (!t?.url) return null;
+      let e;
+      const r = w(t.url), n = r.urlWithoutAnchor, i = r.anchor;
+      if (t.tagName)
+        e = await this.getPassedPercentage(n, {
+          tagName: t.tagName,
+          tagIndex: t.tagIndex
+        }, !0);
+      else if (t.current >= 0) {
+        const a = t.current;
+        e = await this.getPassedPercentage(n, a, !0);
+      } else {
+        const o = this.documentsProvider.getDocument(n).getContentContainer().ownerDocument;
+        let s = f(o);
+        if (!h(i)) {
+          const c = o.getElementById(i);
+          c != null && (s = c);
+        }
+        e = await this.getPassedPercentage(n, s, !0);
+      }
+      return e;
+    } catch (e) {
+      return this.logger.error(e), null;
+    }
+  }
+  async getProgress(t) {
+    if (!t && this.owner.context.progress)
+      return this.owner.context.progress;
+    const e = this.documentsProvider.getFirstVisibleDocument(!0);
+    if (!e)
+      return null;
+    const r = e.getVisibleElements(!0);
+    if (r.length === 0)
+      return null;
+    let n = r[0];
+    const i = n.getBoundingClientRect();
+    if (i.width === 0 && i.height === 0)
+      return null;
+    const a = e.getContentContainer()?.ownerDocument?.fullscreenElement;
+    a && (n = a);
+    const o = this.createElementLocation(e, n);
+    if (o.offsetTop = this.calcVisibleElementOffsetTop(n, e, !!a), o.precise = !0, o.ignoreOverlayHeader = !0, o.scrollBehavior = "smooth", o.text = b(this.documentsProvider, this.options.htmlBlockTags, e.extension, n), this.options.flipMode === "page") {
+      const m = this.documentsProvider.getCurrentPageNumber(e), P = await e.getNumberOfPages();
+      o.unit = "page", o.current = m, o.total = P;
+    }
+    let s;
+    const c = this.documentsProvider.getLastVisibleDocument(!0), u = c?.getVisibleElements() ?? [], l = u[u.length - 1];
+    c && l ? s = await this.getPassedPercentage(c.url, l, !0) : s = await this.getTotalPercentage(o);
+    const g = new d(1, s);
+    return g.location = o, g;
+  }
+  createElementLocation(t, e) {
+    const r = new x(t.url, 1, "ratio");
+    return r.tagName = e.tagName, r.tagIndex = p(e.ownerDocument, e), r;
+  }
+  calcVisibleElementOffsetTop(t, e, r) {
+    if (r)
+      return 50;
+    const n = t.getBoundingClientRect(), a = e.getContentContainer()?.ownerDocument?.defaultView?.frameElement?.getBoundingClientRect().top ?? 0;
+    let o = this.options.flipMode === "scroll" ? n.top + a : n.top;
+    const s = this.documentsProvider.getScrollElement();
+    return s && (o -= s.getBoundingClientRect().top), o || void 0;
+  }
+  async getPassedPercentage(t, e, r) {
+    const n = await this.documentsProvider.fileParser.getSpineFiles(), i = !h(t) && !isNaN(t) ? parseInt(t) : n.findIndex((l) => l.url == t), a = n[i], o = this.documentsProvider.getDocument(t), s = i == n.length - 1, c = await this.getDocumentPercentage(o, e);
+    if (s && typeof e != "number" && r) {
+      let l = o.getContentContainer();
+      l || (l = f((await o.getVirtualContentContainer())?.ownerDocument));
+      const g = l?.querySelector("[" + D + "='true']"), m = o.getVisibleElements(!0);
+      if (g && m.includes(g) || c >= 1)
+        return 1;
+    }
+    const u = c * a.ratio;
+    return s && c >= 1 ? 1 : a.startProgress + u;
+  }
+  async getDocumentPercentage(t, e) {
+    if (typeof e == "number") {
+      if (e < 1)
+        return e;
+      if (this.options.flipMode === "scroll")
+        return e <= 1 ? e : 0;
+      await t.load();
+      const n = await t.getNumberOfPages();
+      return n <= 0 ? 0 : Math.min(Math.max(e, 0), n) / n;
+    }
+    const r = new y(t, this.options);
+    try {
+      return await r.getProgressByElement(e, this.options.symbolType);
+    } finally {
+      await r.dispose();
+    }
+  }
+  async getPercentage(t, e) {
+    if (h(t))
+      throw new Error(this.owner.locale?.getText("missingLocationUrl", "missing location url"));
+    return await this.getPassedPercentage(t, e);
+  }
+  async dispose() {
+  }
+}
+export {
+  S as HtmlProgressTracker
+};

package/dist/mediaTypes/html/renderer/progress/IHtmlIProgressTracker.cjs

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

package/dist/mediaTypes/html/renderer/progress/IHtmlIProgressTracker.d.ts

@@ -0,0 +1,9 @@
+import { IDisposable, IProgressTracker } from '../../../../kernal';
+
+export type IHtmlProgressTracker = IProgressTracker & IDisposable & {
+    getPercentage(url: string, target: Element | number | {
+        tagName: string;
+        tagIndex: number;
+    }): Promise<number>;
+    notifyProgressChange(): void;
+};

package/dist/mediaTypes/html/renderer/progress/IHtmlIProgressTracker.mjs

@@ -0,0 +1 @@
+

package/dist/mediaTypes/html/renderer/progress/adjacent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../kernal/common/text.cjs"),p=require("../../../../kernal/html/finder.cjs"),L=(t,e,n,i,g)=>{if(n=S(e,n),!n)return i;const d=/[\s]+/g;let l=u.getByteLength(i),o=!1;for(;n?.nextElementSibling;){const r=n.nextElementSibling.textContent.replace(d," ");let c=u.getByteLength(r);if(l+c>=g){const f=u.cutString(r,g-l,"..");b(t,n.nextElementSibling.tagName)?i+=" "+f:i+=f,o=!0;break}else b(t,n.nextElementSibling.tagName)?i+=" "+r:i+=r,l+=c,n=n.nextElementSibling}return o?i:L(t,e,n,i,g)},S=(t,e)=>{if(!e||p.compareTagName(e.tagName,"BODY")||p.compareTagName(e.tagName,"HTML")||t==".pdf"&&e.classList.contains("page"))return null;for(;!e.nextElementSibling&&!(p.compareTagName(e.tagName,"BODY")||p.compareTagName(e.tagName,"HTML")||!e.parentElement||t==".pdf"&&e.classList.contains("page"));)e=e.parentElement;return e},b=(t,e)=>!e||!t?!0:t.includes(e.toLowerCase()),N=(t,e,n,i,g)=>{g=g??32,g<=0&&(g=32);const l=g*2;let o=i;if(!i){const a=t.getVisibleDocuments();if(a.length==0)return"";let h;for(let s=0;s<a.length;s++){h=a[s];const B=h.getVisibleElements(!0);if(B.length>0){o=B[0];break}}if(!o)return""}const r=/[\s]+/g;let c=o.textContent.replace(r," ");return u.getByteLength(c)>=l?u.cutString(c,l,".."):c.length>=10&&n!=".pdf"?c:L(e,n,o,c,l)};exports.checkIsBlockTag=b;exports.getAdjacentText=N;

package/dist/mediaTypes/html/renderer/progress/adjacent.d.ts

@@ -0,0 +1,5 @@
+import { IDocumentsProvider } from '../../../../kernal';
+import { IHtmlDocument } from '../IHtmlDocument';
+
+export declare const checkIsBlockTag: (htmlBlockTags: string[], tagName: string) => boolean;
+export declare const getAdjacentText: (documentsProvider: IDocumentsProvider<IHtmlDocument>, htmlBlockTags: string[], extension: string, startElement?: Element, maxCharacterCount?: number) => string;

package/dist/mediaTypes/html/renderer/progress/adjacent.mjs

@@ -0,0 +1,49 @@
+import { getByteLength as s, cutString as B } from "../../../../kernal/common/text.mjs";
+import { compareTagName as p } from "../../../../kernal/html/finder.mjs";
+const S = (i, e, n, t, g) => {
+  if (n = N(e, n), !n) return t;
+  const a = /[\s]+/g;
+  let l = s(t), o = !1;
+  for (; n?.nextElementSibling; ) {
+    const f = n.nextElementSibling.textContent.replace(a, " ");
+    let c = s(f);
+    if (l + c >= g) {
+      const r = B(f, g - l, "..");
+      L(i, n.nextElementSibling.tagName) ? t += " " + r : t += r, o = !0;
+      break;
+    } else
+      L(i, n.nextElementSibling.tagName) ? t += " " + f : t += f, l += c, n = n.nextElementSibling;
+  }
+  return o ? t : S(i, e, n, t, g);
+}, N = (i, e) => {
+  if (!e || p(e.tagName, "BODY") || p(e.tagName, "HTML") || i == ".pdf" && e.classList.contains("page")) return null;
+  for (; !e.nextElementSibling && !(p(e.tagName, "BODY") || p(e.tagName, "HTML") || !e.parentElement || i == ".pdf" && e.classList.contains("page")); )
+    e = e.parentElement;
+  return e;
+}, L = (i, e) => !e || !i ? !0 : i.includes(e.toLowerCase()), y = (i, e, n, t, g) => {
+  g = g ?? 32, g <= 0 && (g = 32);
+  const l = g * 2;
+  let o = t;
+  if (!t) {
+    const u = i.getVisibleDocuments();
+    if (u.length == 0) return "";
+    let d;
+    for (let b = 0; b < u.length; b++) {
+      d = u[b];
+      const h = d.getVisibleElements(!0);
+      if (h.length > 0) {
+        o = h[0];
+        break;
+      }
+    }
+    if (!o)
+      return "";
+  }
+  const f = /[\s]+/g;
+  let c = o.textContent.replace(f, " ");
+  return s(c) >= l ? B(c, l, "..") : c.length >= 10 && n != ".pdf" ? c : S(e, n, o, c, l);
+};
+export {
+  L as checkIsBlockTag,
+  y as getAdjacentText
+};

package/dist/mediaTypes/html/renderer/style/ContentCssVariables.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=class t{static getDefaultVariables(){return this.defaultValues||(this.defaultValues=new Map,this.defaultValues.set(t.FontSize,"18px"),this.defaultValues.set(t.FontFamily,"inherit"),this.defaultValues.set(t.FontWeight,"normal"),this.defaultValues.set(t.ParagraphMarginTop,"0.5em"),this.defaultValues.set(t.ParagraphMarginBottom,"0.5em"),this.defaultValues.set(t.TextLineHeight,"1.65em"),this.defaultValues.set(t.HeadMarginTop,"0.5em"),this.defaultValues.set(t.HeadMarginBottom,"0.5em"),this.defaultValues.set(t.HeadLineHeight,"1.5em"),this.defaultValues.set(t.TextIndent,"2em"),this.defaultValues.set(t.TextAlign,"start")),this.defaultValues}};t.FontSize="--font-size",t.FontFamily="--font-family",t.FontWeight="--font-weight",t.TextLineHeight="--text-line-height",t.ParagraphMarginTop="--paragraph-margin-top",t.ParagraphMarginBottom="--paragraph-margin-bottom",t.HeadMarginTop="--head-margin-top",t.HeadMarginBottom="--head-margin-bottom",t.HeadLineHeight="--head-line-height",t.TextIndent="--text-indent",t.TextAlign="--text-align";let e=t;exports.ContentCssVariables=e;

package/dist/mediaTypes/html/renderer/style/ContentCssVariables.d.ts

@@ -0,0 +1,15 @@
+export declare class ContentCssVariables {
+    static readonly FontSize = "--font-size";
+    static readonly FontFamily = "--font-family";
+    static readonly FontWeight = "--font-weight";
+    static readonly TextLineHeight = "--text-line-height";
+    static readonly ParagraphMarginTop = "--paragraph-margin-top";
+    static readonly ParagraphMarginBottom = "--paragraph-margin-bottom";
+    static readonly HeadMarginTop = "--head-margin-top";
+    static readonly HeadMarginBottom = "--head-margin-bottom";
+    static readonly HeadLineHeight = "--head-line-height";
+    static readonly TextIndent = "--text-indent";
+    static readonly TextAlign = "--text-align";
+    private static defaultValues;
+    static getDefaultVariables(): Map<string, string>;
+}

package/dist/mediaTypes/html/renderer/style/ContentCssVariables.mjs

@@ -0,0 +1,10 @@
+const t = class t {
+  static getDefaultVariables() {
+    return this.defaultValues || (this.defaultValues = /* @__PURE__ */ new Map(), this.defaultValues.set(t.FontSize, "18px"), this.defaultValues.set(t.FontFamily, "inherit"), this.defaultValues.set(t.FontWeight, "normal"), this.defaultValues.set(t.ParagraphMarginTop, "0.5em"), this.defaultValues.set(t.ParagraphMarginBottom, "0.5em"), this.defaultValues.set(t.TextLineHeight, "1.65em"), this.defaultValues.set(t.HeadMarginTop, "0.5em"), this.defaultValues.set(t.HeadMarginBottom, "0.5em"), this.defaultValues.set(t.HeadLineHeight, "1.5em"), this.defaultValues.set(t.TextIndent, "2em"), this.defaultValues.set(t.TextAlign, "start")), this.defaultValues;
+  }
+};
+t.FontSize = "--font-size", t.FontFamily = "--font-family", t.FontWeight = "--font-weight", t.TextLineHeight = "--text-line-height", t.ParagraphMarginTop = "--paragraph-margin-top", t.ParagraphMarginBottom = "--paragraph-margin-bottom", t.HeadMarginTop = "--head-margin-top", t.HeadMarginBottom = "--head-margin-bottom", t.HeadLineHeight = "--head-line-height", t.TextIndent = "--text-indent", t.TextAlign = "--text-align";
+let e = t;
+export {
+  e as ContentCssVariables
+};

package/dist/mediaTypes/html/renderer/style/ContentLayoutCssVariableNames.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=class h{};h.ColumnWidth="--column-width",h.ColumnHeight="--column-height",h.ColumnMaxHeight="--column-max-height",h.ColumnGap="--column-gap",h.ContentShadowWidth="--content-shadow-width",h.ColumnWidthNumber="--column-width-number",h.ColumnHeightNumber="--column-height-number",h.PageWidth="--page-width",h.PageHeight="--page-height",h.PageMoveLength="--page-move-length",h.MaxImageHeightRatio="--max-image-height-ratio",h.MaxImageWidthRatio="--max-image-width-ratio";let i=h;exports.ContentLayoutCssVariableNames=i;

package/dist/mediaTypes/html/renderer/style/ContentLayoutCssVariableNames.d.ts

@@ -0,0 +1,14 @@
+export declare class ContentLayoutCssVariableNames {
+    static readonly ColumnWidth = "--column-width";
+    static readonly ColumnHeight = "--column-height";
+    static readonly ColumnMaxHeight = "--column-max-height";
+    static readonly ColumnGap = "--column-gap";
+    static readonly ContentShadowWidth = "--content-shadow-width";
+    static readonly ColumnWidthNumber = "--column-width-number";
+    static readonly ColumnHeightNumber = "--column-height-number";
+    static readonly PageWidth = "--page-width";
+    static readonly PageHeight = "--page-height";
+    static readonly PageMoveLength = "--page-move-length";
+    static readonly MaxImageHeightRatio = "--max-image-height-ratio";
+    static readonly MaxImageWidthRatio = "--max-image-width-ratio";
+}

package/dist/mediaTypes/html/renderer/style/ContentLayoutCssVariableNames.mjs

@@ -0,0 +1,7 @@
+const h = class h {
+};
+h.ColumnWidth = "--column-width", h.ColumnHeight = "--column-height", h.ColumnMaxHeight = "--column-max-height", h.ColumnGap = "--column-gap", h.ContentShadowWidth = "--content-shadow-width", h.ColumnWidthNumber = "--column-width-number", h.ColumnHeightNumber = "--column-height-number", h.PageWidth = "--page-width", h.PageHeight = "--page-height", h.PageMoveLength = "--page-move-length", h.MaxImageHeightRatio = "--max-image-height-ratio", h.MaxImageWidthRatio = "--max-image-width-ratio";
+let i = h;
+export {
+  i as ContentLayoutCssVariableNames
+};

package/dist/mediaTypes/html/renderer/style/HtmlStyleProvider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../kernal/html/injector.cjs"),l=require("./ContentCssVariables.cjs"),u=i=>Object.freeze(Object.defineProperty({__proto__:null,default:i},Symbol.toStringTag,{value:"Module"}));class d{constructor(e){this.documentsProvider=e,this.defaultVariables=new Map,this.currentVariables=new Map,this.contentStyleId="html-content-css-variables-style",this.defaultVariables.clear();for(const[t,n]of l.ContentCssVariables.getDefaultVariables())this.defaultVariables.set(t,n)}initialize(e){if(this.currentVariables.clear(),e)for(const[t,n]of e)this.currentVariables.set(t,n)}async getCss(){const{default:e}=await Promise.resolve().then(()=>u(require("./html-content.css.cjs")));return e.toString()}getDefaultVariables(){return this.defaultVariables}getCurrentVariables(){return this.currentVariables}getDefaultVariableValue(e){return this.defaultVariables.get(e)??""}getVariableValue(e){return this.currentVariables.get(e)??this.defaultVariables.get(e)??""}async injectStyles(e){let t=e.getContentContainer();if(t||(t=await e.getVirtualContentContainer()),!t?.ownerDocument)return;const n=t.ownerDocument,o=n.documentElement;for(const[s,a]of this.defaultVariables)this.currentVariables.has(s)||o.style.setProperty(s,a);for(const[s,a]of this.currentVariables)o.style.setProperty(s,a);const r=await this.getCss();c.injectCssContent(n,r,!0,this.contentStyleId)}async changeStyles(e){for(const[n,o]of e)this.currentVariables.set(n,o);const t=this.documentsProvider.getLoadedDocuments();for(const n of t){const r=n.getContentContainer()?.ownerDocument?.documentElement;if(r)for(const[s,a]of e)r.style.setProperty(s,a)}}async changeStyle(e,t){this.currentVariables.set(e,t);const n=this.documentsProvider.getLoadedDocuments();for(const o of n){const s=o.getContentContainer()?.ownerDocument?.documentElement;s&&s.style.setProperty(e,t)}}async resetStyles(){this.currentVariables.clear();const e=this.documentsProvider.getLoadedDocuments();for(const t of e)await this.injectStyles(t)}async dispose(){this.defaultVariables.clear(),this.currentVariables.clear()}}exports.HtmlStyleProvider=d;

package/dist/mediaTypes/html/renderer/style/HtmlStyleProvider.d.ts

@@ -0,0 +1,21 @@
+import { IDocument, IDocumentsProvider, IStyleProvider } from '../../../../kernal';
+import { IHtmlDocument } from '../IHtmlDocument';
+
+export declare class HtmlStyleProvider implements IStyleProvider {
+    private readonly documentsProvider;
+    readonly defaultVariables: Map<string, string>;
+    readonly currentVariables: Map<string, string>;
+    private readonly contentStyleId;
+    constructor(documentsProvider: IDocumentsProvider<IHtmlDocument>);
+    initialize(currentVariables?: Map<string, string>): void;
+    private getCss;
+    getDefaultVariables(): Map<string, string>;
+    getCurrentVariables(): Map<string, string>;
+    getDefaultVariableValue(variableName: string): string;
+    getVariableValue(variableName: string): string;
+    injectStyles(doc: IDocument): Promise<void>;
+    changeStyles(variableNameValues: Map<string, string>): Promise<void>;
+    changeStyle(variableName: string, variableValue: string): Promise<void>;
+    resetStyles(): Promise<void>;
+    dispose(): Promise<void>;
+}

package/dist/mediaTypes/html/renderer/style/HtmlStyleProvider.mjs

@@ -0,0 +1,75 @@
+import { injectCssContent as i } from "../../../../kernal/html/injector.mjs";
+import { ContentCssVariables as c } from "./ContentCssVariables.mjs";
+class f {
+  constructor(t) {
+    this.documentsProvider = t, this.defaultVariables = /* @__PURE__ */ new Map(), this.currentVariables = /* @__PURE__ */ new Map(), this.contentStyleId = "html-content-css-variables-style", this.defaultVariables.clear();
+    for (const [e, n] of c.getDefaultVariables())
+      this.defaultVariables.set(e, n);
+  }
+  initialize(t) {
+    if (this.currentVariables.clear(), t)
+      for (const [e, n] of t)
+        this.currentVariables.set(e, n);
+  }
+  async getCss() {
+    const {
+      default: t
+    } = await import("./html-content.css.mjs");
+    return t.toString();
+  }
+  getDefaultVariables() {
+    return this.defaultVariables;
+  }
+  getCurrentVariables() {
+    return this.currentVariables;
+  }
+  getDefaultVariableValue(t) {
+    return this.defaultVariables.get(t) ?? "";
+  }
+  getVariableValue(t) {
+    return this.currentVariables.get(t) ?? this.defaultVariables.get(t) ?? "";
+  }
+  async injectStyles(t) {
+    let e = t.getContentContainer();
+    if (e || (e = await t.getVirtualContentContainer()), !e?.ownerDocument)
+      return;
+    const n = e.ownerDocument, o = n.documentElement;
+    for (const [s, a] of this.defaultVariables)
+      this.currentVariables.has(s) || o.style.setProperty(s, a);
+    for (const [s, a] of this.currentVariables)
+      o.style.setProperty(s, a);
+    const r = await this.getCss();
+    i(n, r, !0, this.contentStyleId);
+  }
+  async changeStyles(t) {
+    for (const [n, o] of t)
+      this.currentVariables.set(n, o);
+    const e = this.documentsProvider.getLoadedDocuments();
+    for (const n of e) {
+      const r = n.getContentContainer()?.ownerDocument?.documentElement;
+      if (r)
+        for (const [s, a] of t)
+          r.style.setProperty(s, a);
+    }
+  }
+  async changeStyle(t, e) {
+    this.currentVariables.set(t, e);
+    const n = this.documentsProvider.getLoadedDocuments();
+    for (const o of n) {
+      const s = o.getContentContainer()?.ownerDocument?.documentElement;
+      s && s.style.setProperty(t, e);
+    }
+  }
+  async resetStyles() {
+    this.currentVariables.clear();
+    const t = this.documentsProvider.getLoadedDocuments();
+    for (const e of t)
+      await this.injectStyles(e);
+  }
+  async dispose() {
+    this.defaultVariables.clear(), this.currentVariables.clear();
+  }
+}
+export {
+  f as HtmlStyleProvider
+};

package/dist/mediaTypes/html/renderer/style/HtmlThemeApplier.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../../kernal/html/finder.cjs"),c=require("../../../../kernal/html/injector.cjs"),m=require("../../HtmlSettings.cjs"),l=require("../../../../kernal/Constants.cjs"),o=require("../../../../kernal/Theme.cjs"),h=require("../../../../kernal/web/BrowserCapabilities.cjs");class C{constructor(e){this.documentsProvider=e,this.holderClassName=l.readerPrefixName+"t",this.holderSelector=`.${this.holderClassName}.${this.holderClassName}.${this.holderClassName}`,this.animationHolderSelector=`.${this.holderClassName}.${this.holderClassName}.${this.holderClassName}.${this.holderClassName}`,this.allElementSelectorPrefix=`html body *${this.holderSelector}`,this.documentElementSelectorPrefix=`html,body${this.holderSelector}`,this.preElementSelectorPrefix=`html body pre${this.holderSelector}`,this.preAllElementSelectorPrefix=`html body pre *${this.holderSelector}`,this.animationElementSelectorPrefix=`html body *${this.animationHolderSelector}`,this.specialColorCssName=l.readerPrefixName+"reader-special-color",this.specialBackgroundCssName=l.readerPrefixName+"reader-special-background",this.specialColorCssId=l.readerPrefixName+"reader-special-variables-color-css",this.specialBackgroundCssId=l.readerPrefixName+"reader-special-variables-background-css",this.preBackgroundCssId=l.readerPrefixName+"reader-pre-variables-background-css",this.themeDynamicCssId=l.readerPrefixName+"html-theme-dynamic-css",this.holdersMarkedAttr=l.readerPrefixName+"theme-holders"}async applyTheme(e){const s=this.documentsProvider.getLoadedDocuments();for(const r of s)await this.applyToDocument(r,e)}async applyToDocument(e,s){let r=e.getContentContainer();if(r||(r=await e.getVirtualContentContainer()),!r?.ownerDocument?.documentElement)return;const a=r.ownerDocument.documentElement;this.applyCssVariables(a,s),await this.ensureHolderClasses(r),this.injectThemeStyles(a,s)}applyCssVariables(e,s){if(e.style.setProperty(o.Theme.GotoTargetAnimationColor,s.gotoTargetAnimationColor),e.style.setProperty(o.Theme.ContentBackground,s.contentBackground),e.style.setProperty(o.Theme.ContentTextColor,s.contentTextColor),e.style.setProperty(o.Theme.CodeblockBackgroundColor,s.codeblockBackgroundColor),e.style.setProperty(o.Theme.SelectionBackground,s.selectionBackground),e.style.setProperty(o.Theme.SelectionColor,s.selectionColor),e.style.setProperty(o.Theme.ColumnRuleColor,s.columnRuleColor),s.vars)for(const[r,a]of Object.entries(s.vars))r&&e.style.setProperty(r,a)}async ensureHolderClasses(e){const s=e.ownerDocument.documentElement;if(s.getAttribute(this.holdersMarkedAttr)==="1")return;const r=h.BrowserCapabilities.supportScheduler(),a=e.getElementsByTagName("*"),t=[];for(let n=0;n<a.length;n++){const i=a[n];if(!t.includes(i)&&!d.compareTagName(i.tagName,l.MTTAG)){if(d.compareTagName(i.tagName,"PRE")){i.classList.add(this.holderClassName,this.specialColorCssName,this.specialBackgroundCssName),i.firstElementChild&&d.compareTagName(i.firstElementChild.tagName,"CODE")&&i.firstElementChild.classList.add(this.holderClassName,this.specialBackgroundCssName),t.push(...Array.from(i.getElementsByTagName("*")));continue}i.classList.add(this.holderClassName,this.specialColorCssName,this.specialBackgroundCssName),n%100===0&&r&&await scheduler.yield()}}e.classList.add(this.holderClassName,this.specialColorCssName,this.specialBackgroundCssName),s.classList.add(this.holderClassName,this.specialColorCssName,this.specialBackgroundCssName),s.setAttribute(this.holdersMarkedAttr,"1")}injectThemeStyles(e,s){if(s.colorMode==="dark"&&s.contentTextColor!=="inherit"){const n=`${this.documentElementSelectorPrefix}.${this.specialColorCssName},${this.allElementSelectorPrefix}.${this.specialColorCssName}{color:var(${o.Theme.ContentTextColor}) !important;}`;c.injectCssContent(e,n,!0,this.specialColorCssId)}else c.removeElement(e,this.specialColorCssId);const r=s.colorMode==="light"?"":"!important";if(s.colorMode==="light")c.removeElement(e,this.specialBackgroundCssId);else{const n=`${this.documentElementSelectorPrefix}.${this.specialBackgroundCssName},${this.allElementSelectorPrefix}.${this.specialBackgroundCssName}{background-color:var(${o.Theme.ContentBackground}) ${r};}`;c.injectCssContent(e,n,!0,this.specialBackgroundCssId)}const a=`${this.preElementSelectorPrefix}.${this.specialBackgroundCssName},${this.preAllElementSelectorPrefix}.${this.specialBackgroundCssName}{background-color:var(${o.Theme.CodeblockBackgroundColor}) ${r};}`;c.injectCssContent(e,a,!0,this.preBackgroundCssId);let t="";t+=`::selection{background:var(${o.Theme.SelectionBackground});color:var(${o.Theme.SelectionColor});}`,t+="@keyframes bg {",t+="0% {background: transparent;}",t+=`50% {background: var(${o.Theme.GotoTargetAnimationColor});}`,t+="100% {background: transparent;}",t+="}",t+=`${this.animationElementSelectorPrefix}.${m.HtmlSettings.HtmlDocumentGotoAnimationCssName}{`,t+="animation:bg 2s !important;",t+="}",t+=`.${m.HtmlSettings.HtmlDocumentGotoAnimationCssName}{`,t+="animation:bg 2s !important;",t+="}",c.injectCssContent(e,t,!0,this.themeDynamicCssId)}}exports.HtmlThemeApplier=C;

package/dist/mediaTypes/html/renderer/style/HtmlThemeApplier.d.ts

@@ -0,0 +1,28 @@
+import { IDocumentsProvider, Theme } from '../../../../kernal';
+import { IHtmlDocument } from '../IHtmlDocument';
+import { IHtmlThemeApplier } from './IHtmlThemeApplier';
+
+export declare class HtmlThemeApplier implements IHtmlThemeApplier {
+    private readonly documentsProvider;
+    private readonly holderClassName;
+    private readonly holderSelector;
+    private readonly animationHolderSelector;
+    private readonly allElementSelectorPrefix;
+    private readonly documentElementSelectorPrefix;
+    private readonly preElementSelectorPrefix;
+    private readonly preAllElementSelectorPrefix;
+    private readonly animationElementSelectorPrefix;
+    private readonly specialColorCssName;
+    private readonly specialBackgroundCssName;
+    private readonly specialColorCssId;
+    private readonly specialBackgroundCssId;
+    private readonly preBackgroundCssId;
+    private readonly themeDynamicCssId;
+    private readonly holdersMarkedAttr;
+    constructor(documentsProvider: IDocumentsProvider<IHtmlDocument>);
+    applyTheme(theme: Theme): Promise<void>;
+    applyToDocument(doc: IHtmlDocument, theme: Theme): Promise<void>;
+    private applyCssVariables;
+    private ensureHolderClasses;
+    private injectThemeStyles;
+}

package/dist/mediaTypes/html/renderer/style/HtmlThemeApplier.mjs

@@ -0,0 +1,69 @@
+import { compareTagName as d } from "../../../../kernal/html/finder.mjs";
+import { injectCssContent as c, removeElement as m } from "../../../../kernal/html/injector.mjs";
+import { HtmlSettings as h } from "../../HtmlSettings.mjs";
+import { readerPrefixName as n, MTTAG as C } from "../../../../kernal/Constants.mjs";
+import { Theme as r } from "../../../../kernal/Theme.mjs";
+import { BrowserCapabilities as p } from "../../../../kernal/web/BrowserCapabilities.mjs";
+class b {
+  constructor(e) {
+    this.documentsProvider = e, this.holderClassName = n + "t", this.holderSelector = `.${this.holderClassName}.${this.holderClassName}.${this.holderClassName}`, this.animationHolderSelector = `.${this.holderClassName}.${this.holderClassName}.${this.holderClassName}.${this.holderClassName}`, this.allElementSelectorPrefix = `html body *${this.holderSelector}`, this.documentElementSelectorPrefix = `html,body${this.holderSelector}`, this.preElementSelectorPrefix = `html body pre${this.holderSelector}`, this.preAllElementSelectorPrefix = `html body pre *${this.holderSelector}`, this.animationElementSelectorPrefix = `html body *${this.animationHolderSelector}`, this.specialColorCssName = n + "reader-special-color", this.specialBackgroundCssName = n + "reader-special-background", this.specialColorCssId = n + "reader-special-variables-color-css", this.specialBackgroundCssId = n + "reader-special-variables-background-css", this.preBackgroundCssId = n + "reader-pre-variables-background-css", this.themeDynamicCssId = n + "html-theme-dynamic-css", this.holdersMarkedAttr = n + "theme-holders";
+  }
+  async applyTheme(e) {
+    const s = this.documentsProvider.getLoadedDocuments();
+    for (const o of s)
+      await this.applyToDocument(o, e);
+  }
+  /**
+   * Apply theme to a single document (e.g. on DocumentLoad).
+   */
+  async applyToDocument(e, s) {
+    let o = e.getContentContainer();
+    if (o || (o = await e.getVirtualContentContainer()), !o?.ownerDocument?.documentElement)
+      return;
+    const a = o.ownerDocument.documentElement;
+    this.applyCssVariables(a, s), await this.ensureHolderClasses(o), this.injectThemeStyles(a, s);
+  }
+  applyCssVariables(e, s) {
+    if (e.style.setProperty(r.GotoTargetAnimationColor, s.gotoTargetAnimationColor), e.style.setProperty(r.ContentBackground, s.contentBackground), e.style.setProperty(r.ContentTextColor, s.contentTextColor), e.style.setProperty(r.CodeblockBackgroundColor, s.codeblockBackgroundColor), e.style.setProperty(r.SelectionBackground, s.selectionBackground), e.style.setProperty(r.SelectionColor, s.selectionColor), e.style.setProperty(r.ColumnRuleColor, s.columnRuleColor), s.vars)
+      for (const [o, a] of Object.entries(s.vars))
+        o && e.style.setProperty(o, a);
+  }
+  async ensureHolderClasses(e) {
+    const s = e.ownerDocument.documentElement;
+    if (s.getAttribute(this.holdersMarkedAttr) === "1")
+      return;
+    const o = p.supportScheduler(), a = e.getElementsByTagName("*"), t = [];
+    for (let i = 0; i < a.length; i++) {
+      const l = a[i];
+      if (!t.includes(l) && !d(l.tagName, C)) {
+        if (d(l.tagName, "PRE")) {
+          l.classList.add(this.holderClassName, this.specialColorCssName, this.specialBackgroundCssName), l.firstElementChild && d(l.firstElementChild.tagName, "CODE") && l.firstElementChild.classList.add(this.holderClassName, this.specialBackgroundCssName), t.push(...Array.from(l.getElementsByTagName("*")));
+          continue;
+        }
+        l.classList.add(this.holderClassName, this.specialColorCssName, this.specialBackgroundCssName), i % 100 === 0 && o && await scheduler.yield();
+      }
+    }
+    e.classList.add(this.holderClassName, this.specialColorCssName, this.specialBackgroundCssName), s.classList.add(this.holderClassName, this.specialColorCssName, this.specialBackgroundCssName), s.setAttribute(this.holdersMarkedAttr, "1");
+  }
+  injectThemeStyles(e, s) {
+    if (s.colorMode === "dark" && s.contentTextColor !== "inherit") {
+      const i = `${this.documentElementSelectorPrefix}.${this.specialColorCssName},${this.allElementSelectorPrefix}.${this.specialColorCssName}{color:var(${r.ContentTextColor}) !important;}`;
+      c(e, i, !0, this.specialColorCssId);
+    } else
+      m(e, this.specialColorCssId);
+    const o = s.colorMode === "light" ? "" : "!important";
+    if (s.colorMode === "light")
+      m(e, this.specialBackgroundCssId);
+    else {
+      const i = `${this.documentElementSelectorPrefix}.${this.specialBackgroundCssName},${this.allElementSelectorPrefix}.${this.specialBackgroundCssName}{background-color:var(${r.ContentBackground}) ${o};}`;
+      c(e, i, !0, this.specialBackgroundCssId);
+    }
+    const a = `${this.preElementSelectorPrefix}.${this.specialBackgroundCssName},${this.preAllElementSelectorPrefix}.${this.specialBackgroundCssName}{background-color:var(${r.CodeblockBackgroundColor}) ${o};}`;
+    c(e, a, !0, this.preBackgroundCssId);
+    let t = "";
+    t += `::selection{background:var(${r.SelectionBackground});color:var(${r.SelectionColor});}`, t += "@keyframes bg {", t += "0% {background: transparent;}", t += `50% {background: var(${r.GotoTargetAnimationColor});}`, t += "100% {background: transparent;}", t += "}", t += `${this.animationElementSelectorPrefix}.${h.HtmlDocumentGotoAnimationCssName}{`, t += "animation:bg 2s !important;", t += "}", t += `.${h.HtmlDocumentGotoAnimationCssName}{`, t += "animation:bg 2s !important;", t += "}", c(e, t, !0, this.themeDynamicCssId);
+  }
+}
+export {
+  b as HtmlThemeApplier
+};

package/dist/mediaTypes/html/renderer/style/IHtmlThemeApplier.cjs

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

package/dist/mediaTypes/html/renderer/style/IHtmlThemeApplier.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '../../../../kernal';
+import { IHtmlDocument } from '../IHtmlDocument';
+
+export interface IHtmlThemeApplier {
+    applyTheme(theme: Theme): Promise<void>;
+    applyToDocument(doc: IHtmlDocument, theme: Theme): Promise<void>;
+}

package/dist/mediaTypes/html/renderer/style/IHtmlThemeApplier.mjs

@@ -0,0 +1 @@
+