@foxycape/core 1.1.3 → 1.1.5

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-

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

@@ -1 +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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=class{static{this.ContentsContainerWidth=`--contents-container-width`}static{this.ContentsContainerOffsetLeft=`--contents-container-offsetleft`}static{this.ContentsContainerPadding=`--contents-container-padding`}static{this.ScrollElementOverflow=`--scroll-element-overflow`}static{this.ScrollElementVerticalScrollBarWidth=`--scroll-element-vertial-scrollbar-width`}static{this.ScrollElementHorizontalScrollBarHeight=`--scroll-element-horizontal-scrollbar-height`}static{this.ContentWrapperWidth=`--content-wrapper-width`}static{this.ContentWrapperMinWidth=`--content-wrapper-min-width`}static{this.ContentWrapperHeight=`--content-wrapper-height`}static{this.ContentWrapperPadding=`--content-wrapper-padding`}static{this.ContentWrapperMinHeight=`--content-wrapper-min-height`}static{this.ContentWrapperMaxHeight=`--content-wrapper-max-height`}static{this.ContentWrapperMarginTop=`--content-wrapper-margin-top`}static{this.ContentWrapperMarginBottom=`--content-wrapper-margin-bottom`}static{this.ContentWrapperBorderRadius=`--content-wrapper-border-radius`}static{this.ContentContainerWidth=`--content-container-width`}static{this.ContentContainerHeight=`--content-container-height`}static{this.ContentColumnGap=`--content-column-gap`}static{this.ContentColumnRuleWidth=`--content-column-rule-width`}};exports.ViewportCssVariableNames=e;

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

@@ -1,7 +1,62 @@
-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
+//#region mediaTypes/html/renderer/layout/ViewportCssVariableNames.ts
+var e = class {
+	static {
+		this.ContentsContainerWidth = "--contents-container-width";
+	}
+	static {
+		this.ContentsContainerOffsetLeft = "--contents-container-offsetleft";
+	}
+	static {
+		this.ContentsContainerPadding = "--contents-container-padding";
+	}
+	static {
+		this.ScrollElementOverflow = "--scroll-element-overflow";
+	}
+	static {
+		this.ScrollElementVerticalScrollBarWidth = "--scroll-element-vertial-scrollbar-width";
+	}
+	static {
+		this.ScrollElementHorizontalScrollBarHeight = "--scroll-element-horizontal-scrollbar-height";
+	}
+	static {
+		this.ContentWrapperWidth = "--content-wrapper-width";
+	}
+	static {
+		this.ContentWrapperMinWidth = "--content-wrapper-min-width";
+	}
+	static {
+		this.ContentWrapperHeight = "--content-wrapper-height";
+	}
+	static {
+		this.ContentWrapperPadding = "--content-wrapper-padding";
+	}
+	static {
+		this.ContentWrapperMinHeight = "--content-wrapper-min-height";
+	}
+	static {
+		this.ContentWrapperMaxHeight = "--content-wrapper-max-height";
+	}
+	static {
+		this.ContentWrapperMarginTop = "--content-wrapper-margin-top";
+	}
+	static {
+		this.ContentWrapperMarginBottom = "--content-wrapper-margin-bottom";
+	}
+	static {
+		this.ContentWrapperBorderRadius = "--content-wrapper-border-radius";
+	}
+	static {
+		this.ContentContainerWidth = "--content-container-width";
+	}
+	static {
+		this.ContentContainerHeight = "--content-container-height";
+	}
+	static {
+		this.ContentColumnGap = "--content-column-gap";
+	}
+	static {
+		this.ContentColumnRuleWidth = "--content-column-rule-width";
+	}
 };
+//#endregion
+export { e as ViewportCssVariableNames };

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

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