@foxycape/core 1.1.3

package/dist/mediaTypes/html/renderer/image/placeholder.png.mjs

@@ -0,0 +1,4 @@
+const A = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAMAAAC3Ycb+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAzUExURfP29PHz8u/v7+7u7vDx8PL18+7v7/Dy8fHz8e/w7/L08u/x8PL08/H08vHy8e7v7u/w8ANV8WkAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAaOSURBVHhe7dztUuo6FABQESqCoL7/0942e4cmUB3vDMoZWOvXSWirZuc75TwBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPAPWj2v15shE9zcaj15EZF/xFDisV5vM82NRQMZm0imubFtBmSdaW7sNeOxyzQ3VseQ10xza9FENJB/h3UIAADAwxqG/ep1u3nbjUvDQ+Y9DYfjKvNitXjY7spa/r1ZPB4348frj7dVpnvDqny8/thtVssrzv1291Eu2O6/XJIeN+XnTtdkzt3bTH9wOmbeIdOTqawOpVRCLf7VS2as18+nQJ4M7WMXN8mmvYElm/x8spoCVj3X3+7O/SAg7/nPUE6xhrdMhfPqW/bzN8dhGF6jTD/zgyruf14Nw6EPXROQ4bOk92Mbjms+v2xI92TYv5Y/fHKqg2N/k1ljQM5KbP0+fj43j+KjK6phalD1PHiIltBW/JqZBbwvF1SnC0ut2OVToorU1N2rRdJ2CjWv1ODtWNkPp2OswzBW++f3wzAcayy7w98YbjJR9/a7DicGhlq8cWB51iN18ThFJFN3L0+oujLJjmosu20WS43ROBZ/1KGknm01dTezMlXPI9uyjEfPQYzRv6v+U8y7p0Y7fZQTm6VaXE+tmgGinr23fUd2aM2tOQM4XZIPmm+5yIiQjV3hrDy2Lf5oIh+Zunsx9Pa9RsnqM3PoaCtzlm7TZ+X0ab4v7ppnxxHXpmyjsJ8zNTmWnObH1F9xeY59f6LMlgLSjQ7ZHLpJ1cWgnROweS4cTWZ+UDyl6cMumkzc0k8EYrh6y9S9+zogXeFnn5WpEMXbzGujdjflHVfMxRtF286ES0ZT+6PJ9K0h+rVH6bN+GJAo6z4gl2P2mPNRJwKT84BEi2kDEt3RPGTEHV2PVecKfebd+mFAcp6VqXAZkHPLLaS943x8iHRf9tk6L3cF7tKfBiTS7RheMuYflWNKplK2zu73uV+/GJC6NzIH5KLjOx/U6+JmSf873q3fCsiwzUlwG5CLnxYLxfmCeOQyAclU8f8CMpQ9+7fcF2sCEk1kzoigzUNGtqlMPaTrBySi8TmdhVwEJO+p43MM181CPVcymXpI1w7IKlZ2UekvAxI35YI/Fh3tAlQLuXJAjqUP2tUWEOXbLfmfjmVm+37aRO52DTMgcx/2eK4akMiZXxVeCsjYpZXc8NmvLvKj/td5LNcMyEXGYkD2sV4fO65du6ovcg34KHvtS64YkLymKeQYo7uATGfuL1+2gBhVHmYjcckVAxI1vx3CY6ukC8iU9c0QUW44+zmP5XoByVV3291EQNrzp2kl+F39jzseeRC5XkByX6R9VLSZNiDTjzt/EaWVg0gzDqXNo3yr6HoBybL8NiDRir7bt43t3ovzwTHa7Z7kHbteQHJj8KL4204sczarw/BFhY+Hno8z030PMvU6P5CYlKw+SBf7tKMou1PFzUvm3ibeH7nssmYfL7vd56af/OaeZPe/fUxvg132Yvcp/vx+Zhp5bTkuHhLlsjpT9bbTs/KWft7VvwtZ7ZrWmDPftpKUxf2DDCG11No/N/ue7nWpnP20E6TaAE5dSV3wfU5vkpY9rdwrbB+UWeeaGnE6E3ne7scHHd7Lc78bd+7FMBxrjz1166XYxrys+KPNMfNWGY+xkN4PkXd4PZ137F4j71S3q2M2mpcxQtMFxXIbWYzI7KMb0O7VXPJhKrRTyacpr9b8NM1aa/dURcs5dVLFy1ipm/ZQrpgMy6+/N8PYvh9pxpDP8bxnVw9IF5EyVOcL15O4Ynqb+/O8vIvuHbz37A6Ll/M5MD82RIf/8la/qhMZL/WrO/ntkfHj4rBfreILQaO+2I/xpZ71bvMQvdWNRAs6/7ZHrnG6cyz+wvmJehX5j7LQ+HfEPLn/8kEog8qDbI38Q6LD6tagqUwlBOSvxYDeb5uF8sl3m8D8hgjI0pK7TLSWmg6/KQKyNIstg8vC2MKvii2RhYZQ5r1mvX8ul/eXLWFazi9NvvhleaJ1VvTx3wRYj99C7JKcvlldlJcdp41IbqBu929eD2Uva7Up4/nFC3P8lbP/m2byLBy3td9uYiN37Lx2m1fRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB+6OnpP/LYNIGnaaMfAAAAAElFTkSuQmCC";
+export {
+  A as default
+};

package/dist/mediaTypes/html/renderer/layout/HtmlLayoutMetrics.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../kernal/IRendererViewport.cjs");class t extends e.LayoutMetrics{}exports.HtmlLayoutMetrics=t;

package/dist/mediaTypes/html/renderer/layout/HtmlLayoutMetrics.d.ts

@@ -0,0 +1,11 @@
+import { LayoutMetrics } from '../../../../kernal/IRendererViewport';
+
+export declare class HtmlLayoutMetrics extends LayoutMetrics {
+    pageMoveLength: number;
+    columnWidth: number;
+    columnHeight: number;
+    pageWidth: number;
+    pageHeight: number;
+    columnGap: number;
+    shadowWidth: number;
+}

package/dist/mediaTypes/html/renderer/layout/HtmlLayoutMetrics.mjs

@@ -0,0 +1,6 @@
+import { LayoutMetrics as t } from "../../../../kernal/IRendererViewport.mjs";
+class r extends t {
+}
+export {
+  r as HtmlLayoutMetrics
+};

package/dist/mediaTypes/html/renderer/layout/HtmlRendererLayout.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../style/ContentLayoutCssVariableNames.cjs"),y=require("../../../../kernal/html/finder.cjs"),c=require("../../HtmlSettings.cjs"),L=require("../../../../kernal/html/injector.cjs"),w=require("../../../../kernal/common/text.cjs"),r=require("../../../../kernal/Theme.cjs"),h=require("../../../../kernal/EventNames.cjs");class v{constructor(e,s,n,t,o){this.owner=e,this.documentsProvider=s,this.renererviewport=n,this.progress=t,this.htmlOptions=o,this.DocumentLayoutCssName="document-layout",this.DocumentPageModeCssName="document-page-mode",this.WritingVerticalScollDocumentLayoutCssName="vertical-document-layout"}async applyStyles(){const e=this.documentsProvider.getLoadedDocuments();for(const s of e)await this.applyDocStyles(s)}async applyDocStyles(e){const n=(e.getContentContainer()??await e.getVirtualContentContainer()).ownerDocument.documentElement,t=this.htmlOptions.flipMode,o=this.renererviewport.getLayoutMetrics(),i=this.htmlOptions.writingMode??"horizontal-tb",m=this.htmlOptions.direction??"ltr",d=await this.prepareDocStyes(n.ownerDocument,i,m);L.injectCssContent(n.ownerDocument,d,!0,"columns-layout-css");const u=await this.owner.services.get("themeProvider");let l;u?l=u.getCurrentTheme():l=new r.Theme;const p=await this.getCssVariables(l,o,t);for(const[C,g]of p)n.style.setProperty(C,g);this.toggleColumnLayout(n,t,i,m)}async getCssVariables(e,s,n){let t;n=="scroll"?t="none":t=s.columnHeight+"px";const o=new Map;return o.set(a.ContentLayoutCssVariableNames.ColumnWidth,s.columnWidth+"px"),o.set(a.ContentLayoutCssVariableNames.ColumnHeight,s.columnHeight+"px"),o.set(a.ContentLayoutCssVariableNames.ColumnMaxHeight,t),o.set(a.ContentLayoutCssVariableNames.ContentShadowWidth,s.shadowWidth+"px"),o.set(a.ContentLayoutCssVariableNames.ColumnWidthNumber,s.columnWidth.toString()),o.set(a.ContentLayoutCssVariableNames.ColumnHeightNumber,s.columnHeight.toString()),o.set(a.ContentLayoutCssVariableNames.PageWidth,s.pageWidth+"px"),o.set(a.ContentLayoutCssVariableNames.PageHeight,s.pageHeight+"px"),o.set(a.ContentLayoutCssVariableNames.PageMoveLength,s.pageMoveLength+"px"),o.set(a.ContentLayoutCssVariableNames.ColumnGap,this.htmlOptions.columnGap+"px"),this.htmlOptions.enableColumnRule&&this.htmlOptions.columns>1&&!w.isNullOrWhiteSpace(e.columnRuleColor)?o.set(r.Theme.ColumnRuleColor,e.columnRuleColor):o.set(r.Theme.ColumnRuleColor,"none"),o.set(a.ContentLayoutCssVariableNames.MaxImageHeightRatio,`${this.htmlOptions.maxImageHeightRatio}`),o.set(a.ContentLayoutCssVariableNames.MaxImageWidthRatio,`${this.htmlOptions.maxImageWidthRatio}`),o}async prepareDocStyes(e,s,n){let t="";t+=`html { writing-mode: ${s} !important; direction: ${n} !important; }`,t+=`body { writing-mode: ${s} !important; direction: ${n} !important; }`,t+="."+this.DocumentPageModeCssName,t+="{",t+="width:var("+a.ContentLayoutCssVariableNames.PageWidth+") !important;",t+="height:var("+a.ContentLayoutCssVariableNames.PageHeight+") !important;",t+="column-width:var("+a.ContentLayoutCssVariableNames.ColumnWidth+") !important;",t+="column-rule:1px solid var("+r.Theme.ColumnRuleColor+") !important;",t+="column-fill:auto;column-gap:var("+a.ContentLayoutCssVariableNames.ColumnGap+") !important;",t+="page-break-inside:avoid;break-inside:avoid;",t+="transition-property: transform;",t+="overflow: hidden !important;",t+="overflow-wrap: break-word !important;",t+="position: static !important;",t+="border: 0px !important;",t+="margin: 0px !important;",t+="padding:0px !important;",t+="max-height: none !important;",t+="max-width: none !important;",t+="}";const i=y.getDocumentBody(e).lastElementChild;return i&&(t+="."+c.HtmlSettings.WithoutMarginBottomCssName+"{margin-block-end:0 !important;}",i.classList.add(c.HtmlSettings.WithoutMarginBottomCssName)),t}toggleColumnLayout(e,s,n,t){e.classList.add(this.DocumentLayoutCssName),s=="page"?e.classList.add(this.DocumentPageModeCssName):(e.classList.remove(this.DocumentPageModeCssName),this.isVerticalWriting(n)?e.classList.add(this.WritingVerticalScollDocumentLayoutCssName):e.classList.remove(this.WritingVerticalScollDocumentLayoutCssName))}isVerticalWriting(e){return e=="vertical-lr"||e=="vertical-rl"}async changeFlipMode(e){if(this.htmlOptions.flipMode===e)return;const s=this.htmlOptions.flipMode;if(!this.owner.context.currentLocation?.precise){const t=await this.progress.getProgress(!0);t&&(this.owner.context.currentLocation=t.location)}this.owner.context.setUserChangedProgress(!1),this.htmlOptions.flipMode=e,this.renererviewport.applyCssVariables();const n=this.documentsProvider.getLoadedDocuments();for(const t of n)await this.applyDocStyles(t);this.owner.events.emit(h.EventNames.LayoutChange,{flipMode:{previous:s,current:e}}),await this.documentsProvider.reload()}async changeColumns(e){if(this.htmlOptions.columns===e.columns&&this.htmlOptions.autoColumns===e.autoColumns)return;const s=this.htmlOptions.columns,n=this.htmlOptions.autoColumns;if(!this.owner.context.currentLocation?.precise){const o=await this.progress.getProgress(!0);o&&(this.owner.context.currentLocation=o.location)}this.owner.context.setUserChangedProgress(!1),this.htmlOptions.columns=e.columns,this.htmlOptions.autoColumns=e.autoColumns,this.renererviewport.applyCssVariables();const t=this.documentsProvider.getLoadedDocuments();for(const o of t)await this.applyDocStyles(o);this.owner.events.emit(h.EventNames.LayoutChange,{columns:{previous:s,current:e.columns},autoColumns:{previous:n,current:e.autoColumns}}),await this.documentsProvider.reload()}}exports.HtmlRendererLayout=v;

package/dist/mediaTypes/html/renderer/layout/HtmlRendererLayout.d.ts

@@ -0,0 +1,26 @@
+import { HtmlLayoutMetrics } from './HtmlLayoutMetrics';
+import { HtmlOptions } from '../../HtmlOptions';
+import { Direction, FlipMode, IDocumentsProvider, IProgressTracker, Reader, WritingMode } from '../../../../kernal';
+import { ColumnOptions, IHtmlRendererLayout } from './IHtmlRendererLayout';
+import { IRendererViewport } from '../../../../kernal/IRendererViewport';
+import { IHtmlDocument } from '../IHtmlDocument';
+
+export declare class HtmlRendererLayout implements IHtmlRendererLayout {
+    private readonly owner;
+    private readonly documentsProvider;
+    private readonly renererviewport;
+    private readonly progress;
+    private readonly htmlOptions;
+    private readonly DocumentLayoutCssName;
+    private readonly DocumentPageModeCssName;
+    private readonly WritingVerticalScollDocumentLayoutCssName;
+    constructor(owner: Reader, documentsProvider: IDocumentsProvider<IHtmlDocument>, renererviewport: IRendererViewport<HtmlLayoutMetrics>, progress: IProgressTracker, htmlOptions: HtmlOptions);
+    applyStyles(): Promise<void>;
+    applyDocStyles(doc: IHtmlDocument): Promise<void>;
+    private getCssVariables;
+    protected prepareDocStyes(doc: Document, writingMode: WritingMode, direction: Direction): Promise<string>;
+    private toggleColumnLayout;
+    private isVerticalWriting;
+    changeFlipMode(flipMode: FlipMode): Promise<void>;
+    changeColumns(columnOptions: ColumnOptions): Promise<void>;
+}

package/dist/mediaTypes/html/renderer/layout/HtmlRendererLayout.mjs

@@ -0,0 +1,91 @@
+import { ContentLayoutCssVariableNames as n } from "../style/ContentLayoutCssVariableNames.mjs";
+import { getDocumentBody as w } from "../../../../kernal/html/finder.mjs";
+import { HtmlSettings as u } from "../../HtmlSettings.mjs";
+import { injectCssContent as y } from "../../../../kernal/html/injector.mjs";
+import { isNullOrWhiteSpace as f } from "../../../../kernal/common/text.mjs";
+import { Theme as r } from "../../../../kernal/Theme.mjs";
+import { EventNames as h } from "../../../../kernal/EventNames.mjs";
+class N {
+  constructor(o, s, i, t, e) {
+    this.owner = o, this.documentsProvider = s, this.renererviewport = i, this.progress = t, this.htmlOptions = e, this.DocumentLayoutCssName = "document-layout", this.DocumentPageModeCssName = "document-page-mode", this.WritingVerticalScollDocumentLayoutCssName = "vertical-document-layout";
+  }
+  async applyStyles() {
+    const o = this.documentsProvider.getLoadedDocuments();
+    for (const s of o)
+      await this.applyDocStyles(s);
+  }
+  async applyDocStyles(o) {
+    const i = (o.getContentContainer() ?? await o.getVirtualContentContainer()).ownerDocument.documentElement, t = this.htmlOptions.flipMode, e = this.renererviewport.getLayoutMetrics(), a = this.htmlOptions.writingMode ?? "horizontal-tb", m = this.htmlOptions.direction ?? "ltr", p = await this.prepareDocStyes(i.ownerDocument, a, m);
+    y(i.ownerDocument, p, !0, "columns-layout-css");
+    const c = await this.owner.services.get("themeProvider");
+    let l;
+    c ? l = c.getCurrentTheme() : l = new r();
+    const d = await this.getCssVariables(l, e, t);
+    for (const [g, C] of d)
+      i.style.setProperty(g, C);
+    this.toggleColumnLayout(i, t, a, m);
+  }
+  async getCssVariables(o, s, i) {
+    let t;
+    i == "scroll" ? t = "none" : t = s.columnHeight + "px";
+    const e = /* @__PURE__ */ new Map();
+    return e.set(n.ColumnWidth, s.columnWidth + "px"), e.set(n.ColumnHeight, s.columnHeight + "px"), e.set(n.ColumnMaxHeight, t), e.set(n.ContentShadowWidth, s.shadowWidth + "px"), e.set(n.ColumnWidthNumber, s.columnWidth.toString()), e.set(n.ColumnHeightNumber, s.columnHeight.toString()), e.set(n.PageWidth, s.pageWidth + "px"), e.set(n.PageHeight, s.pageHeight + "px"), e.set(n.PageMoveLength, s.pageMoveLength + "px"), e.set(n.ColumnGap, this.htmlOptions.columnGap + "px"), this.htmlOptions.enableColumnRule && this.htmlOptions.columns > 1 && !f(o.columnRuleColor) ? e.set(r.ColumnRuleColor, o.columnRuleColor) : e.set(r.ColumnRuleColor, "none"), e.set(n.MaxImageHeightRatio, `${this.htmlOptions.maxImageHeightRatio}`), e.set(n.MaxImageWidthRatio, `${this.htmlOptions.maxImageWidthRatio}`), e;
+  }
+  async prepareDocStyes(o, s, i) {
+    let t = "";
+    t += `html { writing-mode: ${s} !important; direction: ${i} !important; }`, t += `body { writing-mode: ${s} !important; direction: ${i} !important; }`, t += "." + this.DocumentPageModeCssName, t += "{", t += "width:var(" + n.PageWidth + ") !important;", t += "height:var(" + n.PageHeight + ") !important;", t += "column-width:var(" + n.ColumnWidth + ") !important;", t += "column-rule:1px solid var(" + r.ColumnRuleColor + ") !important;", t += "column-fill:auto;column-gap:var(" + n.ColumnGap + ") !important;", t += "page-break-inside:avoid;break-inside:avoid;", t += "transition-property: transform;", t += "overflow: hidden !important;", t += "overflow-wrap: break-word !important;", t += "position: static !important;", t += "border: 0px !important;", t += "margin: 0px !important;", t += "padding:0px !important;", t += "max-height: none !important;", t += "max-width: none !important;", t += "}";
+    const a = w(o).lastElementChild;
+    return a && (t += "." + u.WithoutMarginBottomCssName + "{margin-block-end:0 !important;}", a.classList.add(u.WithoutMarginBottomCssName)), t;
+  }
+  toggleColumnLayout(o, s, i, t) {
+    o.classList.add(this.DocumentLayoutCssName), s == "page" ? o.classList.add(this.DocumentPageModeCssName) : (o.classList.remove(this.DocumentPageModeCssName), this.isVerticalWriting(i) ? o.classList.add(this.WritingVerticalScollDocumentLayoutCssName) : o.classList.remove(this.WritingVerticalScollDocumentLayoutCssName));
+  }
+  isVerticalWriting(o) {
+    return o == "vertical-lr" || o == "vertical-rl";
+  }
+  async changeFlipMode(o) {
+    if (this.htmlOptions.flipMode === o)
+      return;
+    const s = this.htmlOptions.flipMode;
+    if (!this.owner.context.currentLocation?.precise) {
+      const t = await this.progress.getProgress(!0);
+      t && (this.owner.context.currentLocation = t.location);
+    }
+    this.owner.context.setUserChangedProgress(!1), this.htmlOptions.flipMode = o, this.renererviewport.applyCssVariables();
+    const i = this.documentsProvider.getLoadedDocuments();
+    for (const t of i)
+      await this.applyDocStyles(t);
+    this.owner.events.emit(h.LayoutChange, {
+      flipMode: {
+        previous: s,
+        current: o
+      }
+    }), await this.documentsProvider.reload();
+  }
+  async changeColumns(o) {
+    if (this.htmlOptions.columns === o.columns && this.htmlOptions.autoColumns === o.autoColumns)
+      return;
+    const s = this.htmlOptions.columns, i = this.htmlOptions.autoColumns;
+    if (!this.owner.context.currentLocation?.precise) {
+      const e = await this.progress.getProgress(!0);
+      e && (this.owner.context.currentLocation = e.location);
+    }
+    this.owner.context.setUserChangedProgress(!1), this.htmlOptions.columns = o.columns, this.htmlOptions.autoColumns = o.autoColumns, this.renererviewport.applyCssVariables();
+    const t = this.documentsProvider.getLoadedDocuments();
+    for (const e of t)
+      await this.applyDocStyles(e);
+    this.owner.events.emit(h.LayoutChange, {
+      columns: {
+        previous: s,
+        current: o.columns
+      },
+      autoColumns: {
+        previous: i,
+        current: o.autoColumns
+      }
+    }), await this.documentsProvider.reload();
+  }
+}
+export {
+  N as HtmlRendererLayout
+};

package/dist/mediaTypes/html/renderer/layout/HtmlRendererViewport.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./HtmlLayoutMetrics.cjs"),o=require("./ViewportCssVariableNames.cjs"),F=require("../documents/HtmlContainerBuilder.cjs"),B=require("../../../../kernal/html/injector.cjs"),x=require("../../HtmlSettings.cjs");class T{constructor(n,e,t,i){this.owner=n,this.readerContainer=e,this.getColumnWidth=()=>this.htmlOptions.maxColumnWidth?Math.abs(this.htmlOptions.maxColumnWidth):768,this.options=this.owner.options,this.device=this.owner.device,this.optionsProvider=t,this.htmlOptions=i,this.containerBuilder=new F.HtmlContainerBuilder(i);const{rendererContainer:r,rendererCss:s,otherCss:a}=this.containerBuilder.createContainers();B.injectCssContent(this.readerContainer.ownerDocument,s+a,!0,"html-renderer-style"),this.readerContainer.appendChild(r),this.rendererContainer=r,this.scrollElement=this.rendererContainer,this.contentsShadowContainer=this.rendererContainer.querySelector("."+x.HtmlSettings.ContentsShadowContainerCssName),this.contentsContainer=this.rendererContainer.querySelector("."+x.HtmlSettings.ContentsContainerCssName)}getRendererContainer(){return this.rendererContainer}getScrollElement(){return this.rendererContainer}getLayoutMetrics(){return this.layout||(this.applyCssVariables(),this.layout=this.buildLayoutMetrics()),this.layout}applyCssVariables(){const n=this.prepareRendererCssVariables(),e=this.prepareOtherCssVariables(),t=new Map;n.forEach((r,s)=>{t.set(s,r)}),e.forEach((r,s)=>{t.set(s,r)});const i=this.owner.getRootContainer();t.forEach((r,s)=>{i.style.setProperty(s,r)}),this.layout=this.buildLayoutMetrics()}prepareRendererCssVariables(){const n=this.getFlipMode(),e=n=="page"?"hidden":"auto",t=new Map,i=n=="page"?0:this.htmlOptions.contentWrapperMarginBottom??10,r=n=="page"?0:this.htmlOptions.contentWrapperMarginTop??10;return t.set(o.ViewportCssVariableNames.ContentWrapperMarginTop,r+"px"),t.set(o.ViewportCssVariableNames.ContentWrapperMarginBottom,i+"px"),t.set(o.ViewportCssVariableNames.ContentWrapperBorderRadius,(this.htmlOptions.contentWrapperBorderRadius??0)+"px"),t.set(o.ViewportCssVariableNames.ScrollElementOverflow,e),t}prepareOtherCssVariables(){const n=this.owner.getRootContainer(),e=this.getFlipMode();e=="page"&&this.scrollElement?.scrollTo(0,0);const t=this.htmlOptions.columnGap??40,i=this.contentsShadowContainer,r=this.rendererContainer.clientWidth,s=this.rendererContainer.clientHeight;this.rendererContainer.setAttribute("data-client-width",`${r}`),this.rendererContainer.setAttribute("data-client-height",`${s}`);const a=this.getContentsContainerWidth(),h=a+"px",d=this.rendererContainer.offsetWidth-this.rendererContainer.clientWidth,u=this.rendererContainer.offsetHeight-this.rendererContainer.clientHeight,l=new Map;l.set(o.ViewportCssVariableNames.ScrollElementVerticalScrollBarWidth,d+"px"),l.set(o.ViewportCssVariableNames.ScrollElementHorizontalScrollBarHeight,u+"px"),n.style.setProperty(o.ViewportCssVariableNames.ContentsContainerWidth,h),l.set(o.ViewportCssVariableNames.ContentsContainerWidth,h);let p=0;e=="page"&&(p=0),r-a-2<2*p&&(p=0);let c="";p>0?c=""+p+"px 0":c="0",n.style.setProperty(o.ViewportCssVariableNames.ContentsContainerPadding,c),l.set(o.ViewportCssVariableNames.ContentsContainerPadding,c);const C=this.calculateColumns(a);this.htmlOptions.columns=C;const f=this.getContentPaddingFactor(),W=this.getContentsShadowMargin()+Math.min(20,a*f),{columnWidth:m,remainder:M}=this.getFinalColumnWidth(a-W*2,C,t);e=="page"?M!=0?i.style.margin=`0 ${W+M/2}px`:i.style.margin=`0 ${W}px`:i.style.margin="0px";const g=i.getBoundingClientRect().width;this.rendererContainer.setAttribute("data-transform-length",(g+t).toString()),this.rendererContainer.setAttribute("data-shadow-width",g.toString()),this.rendererContainer.setAttribute("data-column-width",m.toString()),this.rendererContainer.setAttribute("data-column-gap",t.toString()),this.rendererContainer.setAttribute("data-page-width",`${m}`);const{contentWrapperPaddingBottomNumber:H,contentWrapperPaddingTopNumber:y,contentWrapperPadding:N,contentWrapperPaddingTopBottom:P}=this.getContentWrapperPadding(a,t);this.rendererContainer.setAttribute("data-page-height",`${s-y-H}`),l.set(o.ViewportCssVariableNames.ContentWrapperWidth,g+"px"),e=="scroll"?l.set(o.ViewportCssVariableNames.ContentWrapperMinWidth,g+"px"):l.set(o.ViewportCssVariableNames.ContentWrapperMinWidth,m+t/2+"px"),l.set(o.ViewportCssVariableNames.ContentWrapperHeight,this.getContentWrapperHeight()),l.set(o.ViewportCssVariableNames.ContentWrapperMinHeight,s+"px"),l.set(o.ViewportCssVariableNames.ContentWrapperMaxHeight,s+"px"),l.set(o.ViewportCssVariableNames.ContentWrapperPadding,N),e=="page"?l.set(o.ViewportCssVariableNames.ContentContainerWidth,m+"px"):l.set(o.ViewportCssVariableNames.ContentContainerWidth,"100%");const O=`calc(var(${o.ViewportCssVariableNames.ContentWrapperHeight}) - ${P})`;return l.set(o.ViewportCssVariableNames.ContentContainerHeight,O),l.set(o.ViewportCssVariableNames.ContentColumnGap,t+"px"),this.rendererContainer&&(l.set(o.ViewportCssVariableNames.ContentsContainerOffsetLeft,"calc(("+this.rendererContainer.clientWidth+"px - "+h+") / 2)"),this.updateCssVariablesTimeoutId=setTimeout(()=>{const b=new Map;b.set(o.ViewportCssVariableNames.ContentsContainerOffsetLeft,this.contentsContainer.offsetLeft+"px"),b.forEach((V,w)=>{n.style.setProperty(w,V)}),n&&b.forEach((V,w)=>{n.style.setProperty(w,V)})},1e3)),l}buildLayoutMetrics(){const n=this.getFlipMode(),e=new S.HtmlLayoutMetrics,t=this.rendererContainer,{clientWidth:i,clientHeight:r}=t,s=parseFloat(t.getAttribute("data-transform-length"));e.clientWidth=i;let a;return n=="scroll"?a=this.rendererContainer.ownerDocument.defaultView.innerHeight-this.optionsProvider.getHeaderHeight()-this.optionsProvider.getFooterHeight():a=parseFloat(t.getAttribute("data-page-height")),e.clientHeight=r,e.pageHeight=a,e.columnHeight=a,e.columnGap=parseFloat(t.getAttribute("data-column-gap")),e.columnWidth=parseFloat(t.getAttribute("data-column-width")),e.pageWidth=parseFloat(t.getAttribute("data-page-width")),e.pageMoveLength=s,e.shadowWidth=parseFloat(t.getAttribute("data-shadow-width")),e}getContentWrapperHeight(){return this.getFlipMode()=="page"?`${this.rendererContainer.clientHeight}px`:this.owner.inIframe?"100%":"auto"}getContentsShadowMargin(){return this.htmlOptions.contentsShadowMargin??10}getContentWrapperPadding(n,e){const t=this.getFlipMode(),i=this.getContentPaddingFactor();let r=t=="scroll"?30:0;const s=this.getContentsShadowMargin();t=="page"&&(r+=s);const a=r+"px";let h=t=="scroll"?30:0;t=="page"&&(h+=s),t=="scroll"&&h<this.options.minFooterHeight&&(h=this.options.minFooterHeight);const d=this.getContentsShadowMargin()+Math.min(20,n*i),u=h+"px",l=t=="scroll"?`${d}px`:"0",p=t=="scroll"?`${d}px`:"0",c=t=="scroll"?`${e}px`:"0",C=`${r+h}px`,f=t=="scroll"?`${r}px ${d}px ${h}px ${d}px`:`${r}px 0 0 0px`;return{contentWrapperPaddingTop:a,contentWrapperPaddingLeft:l,contentWrapperPaddingRight:p,contentWrapperPaddingBottom:u,contentWrapperPaddingLeftRight:c,contentWrapperPaddingTopBottom:C,contentWrapperPadding:f,contentWrapperPaddingTopNumber:r,contentWrapperPaddingBottomNumber:h}}getContentsContainerWidth(){const{width:n}=this.rendererContainer.getBoundingClientRect(),e=n;if(this.device.getDeviceType()=="mobile"&&e<=768)return e;if(this.getFlipMode()=="scroll")return this.htmlOptions.enableAutoFitPageWidth?e:this.htmlOptions.maxScrollContentWidth?Math.min(e,Math.abs(this.htmlOptions.maxScrollContentWidth)):Math.min(e,this.htmlOptions.columnWidth);let t=this.htmlOptions.columns;const i=this.getColumnWidth();if(this.htmlOptions.autoColumns){if(!this.htmlOptions.maxColumns)return e;e<=i?t=1:t=this.htmlOptions.maxColumns}const r=this.getMultiColumnWidthFactor();return t>1?Math.min(e,t*i*r):Math.min(e,i)}calculateColumns(n){let e=this.htmlOptions.columns??1;const t=this.getColumnWidth();if(this.htmlOptions.autoColumns)if(n<=t)e=1;else{e=Math.floor(n/t);const i=n%t;(i>t/5||i>e*50)&&(e+=1),this.htmlOptions.maxColumns&&e>this.htmlOptions.maxColumns&&(e=this.htmlOptions.maxColumns)}return e}getFinalColumnWidth(n,e,t){const i=t*(e-1);let r=(n-i)/e,s=0;const a=Math.round(r);return a!=r&&(r=a,s=n-(e*a+i)),{columnWidth:r,remainder:s}}getContentPaddingFactor(){return this.device.getDeviceType()=="mobile"?.01:.05}getMultiColumnWidthFactor(){let n=this.htmlOptions.multiColumnWidthFactor;return n||(n=.8),n=Math.abs(n),n<.5&&(n=.5),n>1&&(n=1),n}getFlipMode(){return this.htmlOptions.forceScroll?"scroll":this.htmlOptions.flipMode}async dispose(){this.updateCssVariablesTimeoutId&&(clearTimeout(this.updateCssVariablesTimeoutId),this.updateCssVariablesTimeoutId=null)}}exports.HtmlRendererViewport=T;

package/dist/mediaTypes/html/renderer/layout/HtmlRendererViewport.d.ts

@@ -0,0 +1,41 @@
+import { HtmlLayoutMetrics } from './HtmlLayoutMetrics';
+import { HtmlOptions } from '../../HtmlOptions';
+import { OptionsProvider } from '../../../../kernal/OptionsProvider';
+import { Reader } from '../../../../kernal/Reader';
+import { IDisposable } from '../../../../kernal';
+import { IRendererViewport } from '../../../../kernal/IRendererViewport';
+
+export declare class HtmlRendererViewport implements IRendererViewport<HtmlLayoutMetrics>, IDisposable {
+    private readonly owner;
+    private readonly readerContainer;
+    private layout;
+    private readonly options;
+    private readonly rendererContainer;
+    private readonly scrollElement;
+    private readonly contentsShadowContainer;
+    private readonly contentsContainer;
+    private readonly device;
+    private updateCssVariablesTimeoutId;
+    private readonly optionsProvider;
+    private readonly htmlOptions;
+    private readonly containerBuilder;
+    constructor(owner: Reader, readerContainer: HTMLElement, optionsProvider: OptionsProvider, htmlOptions: HtmlOptions);
+    getRendererContainer(): HTMLElement;
+    getScrollElement(): HTMLElement;
+    getLayoutMetrics(): HtmlLayoutMetrics;
+    applyCssVariables(): void;
+    private prepareRendererCssVariables;
+    private prepareOtherCssVariables;
+    private buildLayoutMetrics;
+    private getContentWrapperHeight;
+    private getContentsShadowMargin;
+    private getContentWrapperPadding;
+    private getColumnWidth;
+    private getContentsContainerWidth;
+    private calculateColumns;
+    private getFinalColumnWidth;
+    private getContentPaddingFactor;
+    private getMultiColumnWidthFactor;
+    private getFlipMode;
+    dispose(): Promise<void>;
+}

package/dist/mediaTypes/html/renderer/layout/HtmlRendererViewport.mjs

@@ -0,0 +1,170 @@
+import { HtmlLayoutMetrics as B } from "./HtmlLayoutMetrics.mjs";
+import { ViewportCssVariableNames as o } from "./ViewportCssVariableNames.mjs";
+import { HtmlContainerBuilder as V } from "../documents/HtmlContainerBuilder.mjs";
+import { injectCssContent as T } from "../../../../kernal/html/injector.mjs";
+import { HtmlSettings as H } from "../../HtmlSettings.mjs";
+class N {
+  constructor(n, e, t, i) {
+    this.owner = n, this.readerContainer = e, this.getColumnWidth = () => this.htmlOptions.maxColumnWidth ? Math.abs(this.htmlOptions.maxColumnWidth) : 768, this.options = this.owner.options, this.device = this.owner.device, this.optionsProvider = t, this.htmlOptions = i, this.containerBuilder = new V(i);
+    const {
+      rendererContainer: r,
+      rendererCss: s,
+      otherCss: a
+    } = this.containerBuilder.createContainers();
+    T(this.readerContainer.ownerDocument, s + a, !0, "html-renderer-style"), this.readerContainer.appendChild(r), this.rendererContainer = r, this.scrollElement = this.rendererContainer, this.contentsShadowContainer = this.rendererContainer.querySelector("." + H.ContentsShadowContainerCssName), this.contentsContainer = this.rendererContainer.querySelector("." + H.ContentsContainerCssName);
+  }
+  getRendererContainer() {
+    return this.rendererContainer;
+  }
+  getScrollElement() {
+    return this.rendererContainer;
+  }
+  getLayoutMetrics() {
+    return this.layout || (this.applyCssVariables(), this.layout = this.buildLayoutMetrics()), this.layout;
+  }
+  applyCssVariables() {
+    const n = this.prepareRendererCssVariables(), e = this.prepareOtherCssVariables(), t = /* @__PURE__ */ new Map();
+    n.forEach((r, s) => {
+      t.set(s, r);
+    }), e.forEach((r, s) => {
+      t.set(s, r);
+    });
+    const i = this.owner.getRootContainer();
+    t.forEach((r, s) => {
+      i.style.setProperty(s, r);
+    }), this.layout = this.buildLayoutMetrics();
+  }
+  prepareRendererCssVariables() {
+    const n = this.getFlipMode(), e = n == "page" ? "hidden" : "auto", t = /* @__PURE__ */ new Map(), i = n == "page" ? 0 : this.htmlOptions.contentWrapperMarginBottom ?? 10, r = n == "page" ? 0 : this.htmlOptions.contentWrapperMarginTop ?? 10;
+    return t.set(o.ContentWrapperMarginTop, r + "px"), t.set(o.ContentWrapperMarginBottom, i + "px"), t.set(o.ContentWrapperBorderRadius, (this.htmlOptions.contentWrapperBorderRadius ?? 0) + "px"), t.set(o.ScrollElementOverflow, e), t;
+  }
+  prepareOtherCssVariables() {
+    const n = this.owner.getRootContainer(), e = this.getFlipMode();
+    e == "page" && this.scrollElement?.scrollTo(0, 0);
+    const t = this.htmlOptions.columnGap ?? 40, i = this.contentsShadowContainer, r = this.rendererContainer.clientWidth, s = this.rendererContainer.clientHeight;
+    this.rendererContainer.setAttribute("data-client-width", `${r}`), this.rendererContainer.setAttribute("data-client-height", `${s}`);
+    const a = this.getContentsContainerWidth(), l = a + "px", p = this.rendererContainer.offsetWidth - this.rendererContainer.clientWidth, u = this.rendererContainer.offsetHeight - this.rendererContainer.clientHeight, h = /* @__PURE__ */ new Map();
+    h.set(o.ScrollElementVerticalScrollBarWidth, p + "px"), h.set(o.ScrollElementHorizontalScrollBarHeight, u + "px"), n.style.setProperty(o.ContentsContainerWidth, l), h.set(o.ContentsContainerWidth, l);
+    let d = 0;
+    e == "page" && (d = 0), r - a - 2 < 2 * d && (d = 0);
+    let c = "";
+    d > 0 ? c = "" + d + "px 0" : c = "0", n.style.setProperty(o.ContentsContainerPadding, c), h.set(o.ContentsContainerPadding, c);
+    const g = this.calculateColumns(a);
+    this.htmlOptions.columns = g;
+    const f = this.getContentPaddingFactor(), W = this.getContentsShadowMargin() + Math.min(20, a * f), {
+      columnWidth: m,
+      remainder: w
+    } = this.getFinalColumnWidth(a - W * 2, g, t);
+    e == "page" ? w != 0 ? i.style.margin = `0 ${W + w / 2}px` : i.style.margin = `0 ${W}px` : i.style.margin = "0px";
+    const C = i.getBoundingClientRect().width;
+    this.rendererContainer.setAttribute("data-transform-length", (C + t).toString()), this.rendererContainer.setAttribute("data-shadow-width", C.toString()), this.rendererContainer.setAttribute("data-column-width", m.toString()), this.rendererContainer.setAttribute("data-column-gap", t.toString()), this.rendererContainer.setAttribute("data-page-width", `${m}`);
+    const {
+      contentWrapperPaddingBottomNumber: P,
+      contentWrapperPaddingTopNumber: y,
+      contentWrapperPadding: O,
+      contentWrapperPaddingTopBottom: S
+    } = this.getContentWrapperPadding(a, t);
+    this.rendererContainer.setAttribute("data-page-height", `${s - y - P}`), h.set(o.ContentWrapperWidth, C + "px"), e == "scroll" ? h.set(o.ContentWrapperMinWidth, C + "px") : h.set(o.ContentWrapperMinWidth, m + t / 2 + "px"), h.set(o.ContentWrapperHeight, this.getContentWrapperHeight()), h.set(o.ContentWrapperMinHeight, s + "px"), h.set(o.ContentWrapperMaxHeight, s + "px"), h.set(o.ContentWrapperPadding, O), e == "page" ? h.set(o.ContentContainerWidth, m + "px") : h.set(o.ContentContainerWidth, "100%");
+    const F = `calc(var(${o.ContentWrapperHeight}) - ${S})`;
+    return h.set(o.ContentContainerHeight, F), h.set(o.ContentColumnGap, t + "px"), this.rendererContainer && (h.set(o.ContentsContainerOffsetLeft, "calc((" + this.rendererContainer.clientWidth + "px - " + l + ") / 2)"), this.updateCssVariablesTimeoutId = setTimeout(() => {
+      const M = /* @__PURE__ */ new Map();
+      M.set(o.ContentsContainerOffsetLeft, this.contentsContainer.offsetLeft + "px"), M.forEach((b, x) => {
+        n.style.setProperty(x, b);
+      }), n && M.forEach((b, x) => {
+        n.style.setProperty(x, b);
+      });
+    }, 1e3)), h;
+  }
+  buildLayoutMetrics() {
+    const n = this.getFlipMode(), e = new B(), t = this.rendererContainer, {
+      clientWidth: i,
+      clientHeight: r
+    } = t, s = parseFloat(t.getAttribute("data-transform-length"));
+    e.clientWidth = i;
+    let a;
+    return n == "scroll" ? a = this.rendererContainer.ownerDocument.defaultView.innerHeight - this.optionsProvider.getHeaderHeight() - this.optionsProvider.getFooterHeight() : a = parseFloat(t.getAttribute("data-page-height")), e.clientHeight = r, e.pageHeight = a, e.columnHeight = a, e.columnGap = parseFloat(t.getAttribute("data-column-gap")), e.columnWidth = parseFloat(t.getAttribute("data-column-width")), e.pageWidth = parseFloat(t.getAttribute("data-page-width")), e.pageMoveLength = s, e.shadowWidth = parseFloat(t.getAttribute("data-shadow-width")), e;
+  }
+  getContentWrapperHeight() {
+    return this.getFlipMode() == "page" ? `${this.rendererContainer.clientHeight}px` : this.owner.inIframe ? "100%" : "auto";
+  }
+  getContentsShadowMargin() {
+    return this.htmlOptions.contentsShadowMargin ?? 10;
+  }
+  getContentWrapperPadding(n, e) {
+    const t = this.getFlipMode(), i = this.getContentPaddingFactor();
+    let r = t == "scroll" ? 30 : 0;
+    const s = this.getContentsShadowMargin();
+    t == "page" && (r += s);
+    const a = r + "px";
+    let l = t == "scroll" ? 30 : 0;
+    t == "page" && (l += s), t == "scroll" && l < this.options.minFooterHeight && (l = this.options.minFooterHeight);
+    const p = this.getContentsShadowMargin() + Math.min(20, n * i), u = l + "px", h = t == "scroll" ? `${p}px` : "0", d = t == "scroll" ? `${p}px` : "0", c = t == "scroll" ? `${e}px` : "0", g = `${r + l}px`, f = t == "scroll" ? `${r}px ${p}px ${l}px ${p}px` : `${r}px 0 0 0px`;
+    return {
+      contentWrapperPaddingTop: a,
+      contentWrapperPaddingLeft: h,
+      contentWrapperPaddingRight: d,
+      contentWrapperPaddingBottom: u,
+      contentWrapperPaddingLeftRight: c,
+      contentWrapperPaddingTopBottom: g,
+      contentWrapperPadding: f,
+      contentWrapperPaddingTopNumber: r,
+      contentWrapperPaddingBottomNumber: l
+    };
+  }
+  getContentsContainerWidth() {
+    const {
+      width: n
+    } = this.rendererContainer.getBoundingClientRect(), e = n;
+    if (this.device.getDeviceType() == "mobile" && e <= 768)
+      return e;
+    if (this.getFlipMode() == "scroll")
+      return this.htmlOptions.enableAutoFitPageWidth ? e : this.htmlOptions.maxScrollContentWidth ? Math.min(e, Math.abs(this.htmlOptions.maxScrollContentWidth)) : Math.min(e, this.htmlOptions.columnWidth);
+    let t = this.htmlOptions.columns;
+    const i = this.getColumnWidth();
+    if (this.htmlOptions.autoColumns) {
+      if (!this.htmlOptions.maxColumns)
+        return e;
+      e <= i ? t = 1 : t = this.htmlOptions.maxColumns;
+    }
+    const r = this.getMultiColumnWidthFactor();
+    return t > 1 ? Math.min(e, t * i * r) : Math.min(e, i);
+  }
+  calculateColumns(n) {
+    let e = this.htmlOptions.columns ?? 1;
+    const t = this.getColumnWidth();
+    if (this.htmlOptions.autoColumns)
+      if (n <= t)
+        e = 1;
+      else {
+        e = Math.floor(n / t);
+        const i = n % t;
+        (i > t / 5 || i > e * 50) && (e += 1), this.htmlOptions.maxColumns && e > this.htmlOptions.maxColumns && (e = this.htmlOptions.maxColumns);
+      }
+    return e;
+  }
+  getFinalColumnWidth(n, e, t) {
+    const i = t * (e - 1);
+    let r = (n - i) / e, s = 0;
+    const a = Math.round(r);
+    return a != r && (r = a, s = n - (e * a + i)), {
+      columnWidth: r,
+      remainder: s
+    };
+  }
+  getContentPaddingFactor() {
+    return this.device.getDeviceType() == "mobile" ? 0.01 : 0.05;
+  }
+  getMultiColumnWidthFactor() {
+    let n = this.htmlOptions.multiColumnWidthFactor;
+    return n || (n = 0.8), n = Math.abs(n), n < 0.5 && (n = 0.5), n > 1 && (n = 1), n;
+  }
+  getFlipMode() {
+    return this.htmlOptions.forceScroll ? "scroll" : this.htmlOptions.flipMode;
+  }
+  async dispose() {
+    this.updateCssVariablesTimeoutId && (clearTimeout(this.updateCssVariablesTimeoutId), this.updateCssVariablesTimeoutId = null);
+  }
+}
+export {
+  N as HtmlRendererViewport
+};

package/dist/mediaTypes/html/renderer/layout/IHtmlRendererLayout.cjs

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

package/dist/mediaTypes/html/renderer/layout/IHtmlRendererLayout.d.ts

@@ -0,0 +1,13 @@
+import { FlipMode } from '../../../../kernal';
+import { IHtmlDocument } from '../IHtmlDocument';
+
+export interface IHtmlRendererLayout {
+    applyStyles(): Promise<void>;
+    applyDocStyles(doc: IHtmlDocument): Promise<void>;
+    changeFlipMode(flipMode: FlipMode): Promise<void>;
+    changeColumns(columnOptions: ColumnOptions): Promise<void>;
+}
+export type ColumnOptions = {
+    columns: number;
+    autoColumns: boolean;
+};

package/dist/mediaTypes/html/renderer/layout/IHtmlRendererLayout.mjs

@@ -0,0 +1 @@
+

package/dist/mediaTypes/html/renderer/layout/ViewportCssVariableNames.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=class t{};t.ContentsContainerWidth="--contents-container-width",t.ContentsContainerOffsetLeft="--contents-container-offsetleft",t.ContentsContainerPadding="--contents-container-padding",t.ScrollElementOverflow="--scroll-element-overflow",t.ScrollElementVerticalScrollBarWidth="--scroll-element-vertial-scrollbar-width",t.ScrollElementHorizontalScrollBarHeight="--scroll-element-horizontal-scrollbar-height",t.ContentWrapperWidth="--content-wrapper-width",t.ContentWrapperMinWidth="--content-wrapper-min-width",t.ContentWrapperHeight="--content-wrapper-height",t.ContentWrapperPadding="--content-wrapper-padding",t.ContentWrapperMinHeight="--content-wrapper-min-height",t.ContentWrapperMaxHeight="--content-wrapper-max-height",t.ContentWrapperMarginTop="--content-wrapper-margin-top",t.ContentWrapperMarginBottom="--content-wrapper-margin-bottom",t.ContentWrapperBorderRadius="--content-wrapper-border-radius",t.ContentContainerWidth="--content-container-width",t.ContentContainerHeight="--content-container-height",t.ContentColumnGap="--content-column-gap",t.ContentColumnRuleWidth="--content-column-rule-width";let n=t;exports.ViewportCssVariableNames=n;

package/dist/mediaTypes/html/renderer/layout/ViewportCssVariableNames.d.ts

@@ -0,0 +1,21 @@
+export declare class ViewportCssVariableNames {
+    static readonly ContentsContainerWidth = "--contents-container-width";
+    static readonly ContentsContainerOffsetLeft = "--contents-container-offsetleft";
+    static readonly ContentsContainerPadding = "--contents-container-padding";
+    static readonly ScrollElementOverflow = "--scroll-element-overflow";
+    static readonly ScrollElementVerticalScrollBarWidth = "--scroll-element-vertial-scrollbar-width";
+    static readonly ScrollElementHorizontalScrollBarHeight = "--scroll-element-horizontal-scrollbar-height";
+    static readonly ContentWrapperWidth = "--content-wrapper-width";
+    static readonly ContentWrapperMinWidth = "--content-wrapper-min-width";
+    static readonly ContentWrapperHeight = "--content-wrapper-height";
+    static readonly ContentWrapperPadding = "--content-wrapper-padding";
+    static readonly ContentWrapperMinHeight = "--content-wrapper-min-height";
+    static readonly ContentWrapperMaxHeight = "--content-wrapper-max-height";
+    static readonly ContentWrapperMarginTop = "--content-wrapper-margin-top";
+    static readonly ContentWrapperMarginBottom = "--content-wrapper-margin-bottom";
+    static readonly ContentWrapperBorderRadius = "--content-wrapper-border-radius";
+    static readonly ContentContainerWidth = "--content-container-width";
+    static readonly ContentContainerHeight = "--content-container-height";
+    static readonly ContentColumnGap = "--content-column-gap";
+    static readonly ContentColumnRuleWidth = "--content-column-rule-width";
+}

package/dist/mediaTypes/html/renderer/layout/ViewportCssVariableNames.mjs

@@ -0,0 +1,7 @@
+const t = class t {
+};
+t.ContentsContainerWidth = "--contents-container-width", t.ContentsContainerOffsetLeft = "--contents-container-offsetleft", t.ContentsContainerPadding = "--contents-container-padding", t.ScrollElementOverflow = "--scroll-element-overflow", t.ScrollElementVerticalScrollBarWidth = "--scroll-element-vertial-scrollbar-width", t.ScrollElementHorizontalScrollBarHeight = "--scroll-element-horizontal-scrollbar-height", t.ContentWrapperWidth = "--content-wrapper-width", t.ContentWrapperMinWidth = "--content-wrapper-min-width", t.ContentWrapperHeight = "--content-wrapper-height", t.ContentWrapperPadding = "--content-wrapper-padding", t.ContentWrapperMinHeight = "--content-wrapper-min-height", t.ContentWrapperMaxHeight = "--content-wrapper-max-height", t.ContentWrapperMarginTop = "--content-wrapper-margin-top", t.ContentWrapperMarginBottom = "--content-wrapper-margin-bottom", t.ContentWrapperBorderRadius = "--content-wrapper-border-radius", t.ContentContainerWidth = "--content-container-width", t.ContentContainerHeight = "--content-container-height", t.ContentColumnGap = "--content-column-gap", t.ContentColumnRuleWidth = "--content-column-rule-width";
+let n = t;
+export {
+  n as ViewportCssVariableNames
+};

package/dist/mediaTypes/html/renderer/location/HtmlElementLocator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../../../kernal/common/text.cjs"),h=require("../../../../kernal/html/finder.cjs"),f=require("../../../../kernal/progress/Progress.cjs"),S=require("../../../../kernal/html/position.cjs"),p=require("../../../../kernal/common/url.cjs");class b{constructor(r){this.documentsProvider=r}async locateElement(r,e,a){let t,l,m=!1;const g=a.flipMode,s=r.getContentContainer(),u={removeHtmlWhitespace:a.removeHtmlWhitespace,whitespaceRegex:a.whitespaceRegex,nonWhiteSpaceSymbolTagNames:a.nonWhiteSpaceSymbolTagNames},c=e.symbolType??a.symbolType;if(!y.isNullOrWhiteSpace(e.tagName))t=h.getElementByNameAndIndex(s,e.tagName,e.tagIndex);else if(e.current!=null){const o=e.unit??"ratio",n=e.current??0;if(o==="page"){const i=await this.locateByPageUnit(r,s,e,n,g,c,u);t=i.target,l=i.pageNumber,m=i.isDocumentStart}else if(o==="symbol"){const i=this.locateBySymbolUnit(s,n,c,u);t=i.target,m=i.isDocumentStart}else{const i=await this.locateByRatioUnit(r,s,e,n,g,c,u);t=i.target,l=i.pageNumber,m=i.isDocumentStart}}else{const o=p.getUrlFragment(e?.url??"").anchor;let n=s;if(y.isNullOrWhiteSpace(o))m=!0;else{const i=s.ownerDocument.getElementById(o);i!=null&&(n=i)}t=n}return t?g=="page"&&!l&&(l=await r.getPageNumber(t)):(t=s,g=="page"&&!l&&(l=1)),h.compareTagName(t.tagName,"BODY")&&(m=!0),{target:t,pageNumber:l,isDocumentStart:m}}async locateByPageUnit(r,e,a,t,l,m,g){if(t==0)return{target:e,pageNumber:1,isDocumentStart:!0};const s=await r.getNumberOfPages();let u=t;if(a.total>1&&a.total!=s&&(u=Math.ceil(s*(a.current/a.total))),l=="page")return{pageNumber:u,isDocumentStart:!1};if(u<=1||s<=1)return{target:e,isDocumentStart:!0};if(u>=s)return this.locateElementByRatio(e,f.Progress.Max,m,g);const c=(u-1)/s;return this.locateElementByRatio(e,c,m,g)}locateBySymbolUnit(r,e,a,t){if(e==0)return{target:r,isDocumentStart:!0};const l=S.getElementByPosition(r,e,a,!1,t);return l?.element?{target:l.element,isDocumentStart:!1}:r.lastElementChild?{target:r.lastElementChild,isDocumentStart:!1}:{target:r,isDocumentStart:!1}}async locateByRatioUnit(r,e,a,t,l,m,g){if(l=="page"){if(t==0)return{target:e,pageNumber:1,isDocumentStart:!0};const s=await r.getNumberOfPages();let u=t;return a.total>1&&a.total!=s&&(u=Math.ceil(s*(a.current/a.total))),u>=f.Progress.Min&&u<=f.Progress.Max?this.locateElementByRatio(e,u,m,g):{pageNumber:u,isDocumentStart:!1}}return this.locateElementByRatio(e,t,m,g)}locateElementByRatio(r,e,a,t){return e>=f.Progress.Max&&r.lastElementChild?{target:r.lastElementChild,isDocumentStart:!1}:{target:S.getElementByProgress(r,e,a,t)?.element,isDocumentStart:!1}}}exports.HtmlElementLocator=b;

package/dist/mediaTypes/html/renderer/location/HtmlElementLocator.d.ts

@@ -0,0 +1,14 @@
+import { FileLocation, IDocumentsProvider } from '../../../../kernal';
+import { HtmlOptions } from '../../HtmlOptions';
+import { IHtmlDocument } from '../IHtmlDocument';
+import { ElementLocatorResult, IHtmlElementLocator } from './IHtmlElementLocator';
+
+export declare class HtmlElementLocator implements IHtmlElementLocator {
+    readonly documentsProvider: IDocumentsProvider;
+    constructor(documentsProvider: IDocumentsProvider);
+    locateElement(doc: IHtmlDocument, location: FileLocation, options: HtmlOptions): Promise<ElementLocatorResult>;
+    private locateByPageUnit;
+    private locateBySymbolUnit;
+    private locateByRatioUnit;
+    private locateElementByRatio;
+}

package/dist/mediaTypes/html/renderer/location/HtmlElementLocator.mjs

@@ -0,0 +1,119 @@
+import { isNullOrWhiteSpace as p } from "../../../../kernal/common/text.mjs";
+import { getElementByNameAndIndex as h, compareTagName as y } from "../../../../kernal/html/finder.mjs";
+import { Progress as o } from "../../../../kernal/progress/Progress.mjs";
+import { getElementByPosition as S, getElementByProgress as N } from "../../../../kernal/html/position.mjs";
+import { getUrlFragment as b } from "../../../../kernal/common/url.mjs";
+class w {
+  constructor(a) {
+    this.documentsProvider = a;
+  }
+  async locateElement(a, e, r) {
+    let t, l, i = !1;
+    const g = r.flipMode, s = a.getContentContainer(), m = {
+      removeHtmlWhitespace: r.removeHtmlWhitespace,
+      whitespaceRegex: r.whitespaceRegex,
+      nonWhiteSpaceSymbolTagNames: r.nonWhiteSpaceSymbolTagNames
+    }, n = e.symbolType ?? r.symbolType;
+    if (!p(e.tagName))
+      t = h(s, e.tagName, e.tagIndex);
+    else if (e.current != null) {
+      const c = e.unit ?? "ratio", f = e.current ?? 0;
+      if (c === "page") {
+        const u = await this.locateByPageUnit(a, s, e, f, g, n, m);
+        t = u.target, l = u.pageNumber, i = u.isDocumentStart;
+      } else if (c === "symbol") {
+        const u = this.locateBySymbolUnit(s, f, n, m);
+        t = u.target, i = u.isDocumentStart;
+      } else {
+        const u = await this.locateByRatioUnit(a, s, e, f, g, n, m);
+        t = u.target, l = u.pageNumber, i = u.isDocumentStart;
+      }
+    } else {
+      const c = b(e?.url ?? "").anchor;
+      let f = s;
+      if (p(c))
+        i = !0;
+      else {
+        const u = s.ownerDocument.getElementById(c);
+        u != null && (f = u);
+      }
+      t = f;
+    }
+    return t ? g == "page" && !l && (l = await a.getPageNumber(t)) : (t = s, g == "page" && !l && (l = 1)), y(t.tagName, "BODY") && (i = !0), {
+      target: t,
+      pageNumber: l,
+      isDocumentStart: i
+    };
+  }
+  async locateByPageUnit(a, e, r, t, l, i, g) {
+    if (t == 0)
+      return {
+        target: e,
+        pageNumber: 1,
+        isDocumentStart: !0
+      };
+    const s = await a.getNumberOfPages();
+    let m = t;
+    if (r.total > 1 && r.total != s && (m = Math.ceil(s * (r.current / r.total))), l == "page")
+      return {
+        pageNumber: m,
+        isDocumentStart: !1
+      };
+    if (m <= 1 || s <= 1)
+      return {
+        target: e,
+        isDocumentStart: !0
+      };
+    if (m >= s)
+      return this.locateElementByRatio(e, o.Max, i, g);
+    const n = (m - 1) / s;
+    return this.locateElementByRatio(e, n, i, g);
+  }
+  locateBySymbolUnit(a, e, r, t) {
+    if (e == 0)
+      return {
+        target: a,
+        isDocumentStart: !0
+      };
+    const l = S(a, e, r, !1, t);
+    return l?.element ? {
+      target: l.element,
+      isDocumentStart: !1
+    } : a.lastElementChild ? {
+      target: a.lastElementChild,
+      isDocumentStart: !1
+    } : {
+      target: a,
+      isDocumentStart: !1
+    };
+  }
+  async locateByRatioUnit(a, e, r, t, l, i, g) {
+    if (l == "page") {
+      if (t == 0)
+        return {
+          target: e,
+          pageNumber: 1,
+          isDocumentStart: !0
+        };
+      const s = await a.getNumberOfPages();
+      let m = t;
+      return r.total > 1 && r.total != s && (m = Math.ceil(s * (r.current / r.total))), m >= o.Min && m <= o.Max ? this.locateElementByRatio(e, m, i, g) : {
+        pageNumber: m,
+        isDocumentStart: !1
+      };
+    }
+    return this.locateElementByRatio(e, t, i, g);
+  }
+  locateElementByRatio(a, e, r, t) {
+    return e >= o.Max && a.lastElementChild ? {
+      target: a.lastElementChild,
+      isDocumentStart: !1
+    } : {
+      target: N(a, e, r, t)?.element,
+      isDocumentStart: !1
+    };
+  }
+}
+export {
+  w as HtmlElementLocator
+};

package/dist/mediaTypes/html/renderer/location/HtmlLocationCalculator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../kernal/progress/Progress.cjs");class g{constructor(t,o){this.documentsProvider=t,this.options=o}async getLocation(t,o){const{url:e,current:s}=await this.recoverCurrentPercentage(t,o),r=new l.FileLocation(e,1,"ratio");return r.current=s,r}async recoverCurrentPercentage(t,o){const e=await this.documentsProvider.fileParser.getSpineFiles();if(t==1)return{url:e[e.length-1].url,current:1};if(t==0)return{url:e[0].url,current:0};const s=n=>o=="custom"||n.charRatio==0,r=e.find(n=>(s(n)?n.endProgress:n.charEndProgress)>=t)??e[e.length-1],u=s(r)?r.startProgress:r.charStartProgress,c=s(r)?r.ratio:r.charRatio,a=t-u;let i=0;return c>0&&(i=a/c),{url:r?.url??"",current:i}}}exports.HtmlLocationCalculator=g;

package/dist/mediaTypes/html/renderer/location/HtmlLocationCalculator.d.ts

@@ -0,0 +1,14 @@
+import { FileLocation, IDocumentsProvider, SymbolType } from '../../../../kernal';
+import { HtmlOptions } from '../../HtmlOptions';
+import { IHtmlLocationCalculator } from './IHtmlLocationCalculator';
+
+export declare class HtmlLocationCalculator implements IHtmlLocationCalculator {
+    readonly documentsProvider: IDocumentsProvider;
+    private readonly options;
+    constructor(documentsProvider: IDocumentsProvider, options: HtmlOptions);
+    getLocation(totalPercentage: number, symbolType: SymbolType): Promise<FileLocation>;
+    protected recoverCurrentPercentage(totalPercentage: number, symbolType: SymbolType): Promise<{
+        url: string;
+        current: number;
+    }>;
+}