@foxycape/core 1.2.3 → 1.2.5

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/html/injector.cjs"),t=require("../../../../kernal/html/realm.cjs"),n=require("../../HtmlSettings.cjs"),r=require("./ViewportCssVariableNames.cjs"),i=require("./resolveLayoutRoute.cjs"),a=require("./HtmlLayoutMetrics.cjs"),o=require("../documents/HtmlContainerBuilder.cjs"),s=require("./applyLayoutClasses.cjs"),c=require("./resolveContentWrapperMinWidth.cjs");var l=class{constructor(t,r,i,a){this.owner=t,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=i,this.htmlOptions=a,this.containerBuilder=new o.HtmlContainerBuilder(a);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(`.`+n.HtmlSettings.ContentsShadowContainerCssName),this.rendererContainer.setAttribute(n.HtmlSettings.HostViewportModeAttribute,this.owner.getHostViewport().mode)}getRendererContainer(){return this.rendererContainer}getScrollElement(){let e=this.owner.getHostViewport();return e.mode==`window`?e.scrollElement:this.rendererContainer}getLayoutMetrics(){return this.layout||=(this.internlApplyCssVariables(),this.buildLayoutMetrics()),this.layout}applyCssVariables(){this.internlApplyCssVariables(),this.layout=this.buildLayoutMetrics()}internlApplyCssVariables(){this.owner.refreshHostViewport();let e=i.getLayoutGeometry(this.htmlOptions),t=this.getScrollElement(),n=e.flipMode==`scroll`&&t?{left:t.scrollLeft,top:t.scrollTop}:void 0;this.applyFlowClasses(e),this.syncPageTransformSign(e);let a=this.prepareRendererCssVariables(),o=this.prepareOtherCssVariables(),s=new Map;a.forEach((e,t)=>{s.set(t,e)}),o.forEach((e,t)=>{s.set(t,e)});let c=this.owner.getRootContainer();c.style.setProperty(`direction`,`var(${r.ViewportCssVariableNames.ReaderViewportDirection})`),s.forEach((e,t)=>{c.style.setProperty(t,e)}),n&&t&&t.scrollTo(n.left,n.top)}syncPageTransformSign(e){let r=this.rendererContainer.querySelector(`.`+n.HtmlSettings.TransformContainerCssName);if(!t.isHtmlElement(r))return;if(e.flipMode!=`page`){r.style.removeProperty(`transition`),r.style.removeProperty(`transform`),r.removeAttribute(`data-target-transform`);return}if(r.hasAttribute(n.HtmlSettings.PageMovingAttributeName))return;let i=r.getAttribute(`data-target-transform`);if(i==null||i===``)return;let a=parseFloat(i);Number.isFinite(a)&&(r.style.removeProperty(`transition`),r.style.transform=e.getPageTranslateCss(a))}prepareRendererCssVariables(){let e=i.getLayoutGeometry(this.htmlOptions),t=e.flipMode;this.rendererContainer.setAttribute(n.HtmlSettings.HostViewportModeAttribute,this.owner.getHostViewport().mode);let a=new Map,o=e.viewport.zeroWrapperMargins?0:this.htmlOptions.contentWrapperMarginBottom??10,s=e.viewport.zeroWrapperMargins?0:this.htmlOptions.contentWrapperMarginTop??10,c=e.viewport.zeroWrapperMargins?0:this.htmlOptions.contentWrapperGap??10;a.set(r.ViewportCssVariableNames.ContentWrapperMarginTop,s+`px`),a.set(r.ViewportCssVariableNames.ContentWrapperMarginBottom,o+`px`),a.set(r.ViewportCssVariableNames.ContentWrapperGap,c+`px`);let l=this.htmlOptions.enableContentWrapperBorderRadius&&t==`scroll`?this.htmlOptions.contentWrapperBorderRadius??0:0;a.set(r.ViewportCssVariableNames.ContentWrapperBorderRadius,l+`px`);let u=this.owner.getHostViewport().mode==`window`&&t==`scroll`;return a.set(r.ViewportCssVariableNames.ScrollElementOverflow,u?`visible`:e.overflowY),a.set(r.ViewportCssVariableNames.ScrollElementOverflowX,u?`visible`:e.overflowX),a.set(r.ViewportCssVariableNames.ReaderViewportDirection,e.direction==`ltr`?`unset`:e.direction),a}applyFlowClasses(e){s.applyRootDirectionClass(this.owner.getRootContainer(),e),s.applyRendererLayoutClass(this.rendererContainer,e)}prepareOtherCssVariables(){let e=this.owner.getRootContainer(),t=i.getLayoutGeometry(this.htmlOptions),n=t.flipMode;n==`page`&&this.scrollElement?.scrollTo(0,0);let a=this.htmlOptions.columnGap??40,o=this.contentsShadowContainer,s=this.rendererContainer.clientWidth||this.owner.getHostViewport().width,l=this.getViewportHeight();this.rendererContainer.setAttribute(`data-client-width`,`${s}`),this.rendererContainer.setAttribute(`data-client-height`,`${l}`);let u=this.getContentsContainerWidth(),d=t.viewport.contentsContainerWidthMode==`max-content`?`max-content`:u+`px`,f=this.rendererContainer.offsetWidth-this.rendererContainer.clientWidth,p=this.rendererContainer.offsetHeight-this.rendererContainer.clientHeight,m=new Map;m.set(r.ViewportCssVariableNames.ScrollElementVerticalScrollBarWidth,f+`px`),m.set(r.ViewportCssVariableNames.ScrollElementHorizontalScrollBarHeight,p+`px`),m.set(r.ViewportCssVariableNames.ReaderViewportWidth,s+`px`),m.set(r.ViewportCssVariableNames.ReaderViewportHeight,l+`px`),e.style.setProperty(r.ViewportCssVariableNames.ContentsContainerWidth,d),m.set(r.ViewportCssVariableNames.ContentsContainerWidth,d);let h=0;n==`page`&&(h=0),s-u-2<2*h&&(h=0);let g=``;g=h>0?``+h+`px 0`:`0`,e.style.setProperty(r.ViewportCssVariableNames.ContentsContainerPadding,g),m.set(r.ViewportCssVariableNames.ContentsContainerPadding,g);let _=t.viewport.forceSingleColumn?1:this.calculateColumns(u);t.viewport.forceSingleColumn||(this.htmlOptions.columns=_);let{marginInline:v,marginBlock:y}=this.getContentsShadowMargin(u),{columnWidth:b}=this.getFinalColumnWidth(u-v*2,_,a),x=v,S=y;n==`scroll`&&(x=0,S=0),o.style=n==`scroll`?`margin: ${S}px ${x}px;`:`margin: ${S}px ${x}px;height: ${l-2*y}px;`;let C=o.getBoundingClientRect().width,w=_*b+Math.max(0,_-1)*a,{contentWrapperPaddingBottomNumber:T,contentWrapperPaddingTopNumber:E,contentWrapperPadding:D,contentWrapperPaddingTopBottom:O}=this.getContentWrapperPadding(u,a),k=l-E-T,A=t.getPageMoveLength(w,k,a);this.rendererContainer.setAttribute(`data-transform-length`,A.toString()),this.rendererContainer.setAttribute(`data-shadow-width`,C.toString()),this.rendererContainer.setAttribute(`data-column-width`,b.toString()),this.rendererContainer.setAttribute(`data-column-gap`,a.toString()),this.rendererContainer.setAttribute(`data-page-width`,`${w}`),this.rendererContainer.setAttribute(`data-page-height`,`${k}`),m.set(r.ViewportCssVariableNames.ContentWrapperWidth,t.viewport.contentWrapperWidthMode==`auto`?`auto`:C+`px`),m.set(r.ViewportCssVariableNames.ContentWrapperMinWidth,c.resolveContentWrapperMinWidth(t.viewport.contentWrapperMinWidthMode,{shadowWidth:C,columnWidth:b,columnGap:a,viewportWidth:s})),m.set(r.ViewportCssVariableNames.ContentWrapperHeight,this.getContentWrapperHeight()),m.set(r.ViewportCssVariableNames.ContentWrapperMinHeight,l+`px`),m.set(r.ViewportCssVariableNames.ContentWrapperMaxHeight,t.viewport.contentWrapperMaxHeightMode==`none`?`none`:l+`px`),m.set(r.ViewportCssVariableNames.ContentWrapperPadding,D),t.viewport.contentContainerWidthMode==`auto`?m.set(r.ViewportCssVariableNames.ContentContainerWidth,`auto`):t.viewport.contentContainerWidthMode==`column`?m.set(r.ViewportCssVariableNames.ContentContainerWidth,b+`px`):m.set(r.ViewportCssVariableNames.ContentContainerWidth,`100%`);let j=t.viewport.contentContainerHeightMode==`page`?k+`px`:`calc(var(${r.ViewportCssVariableNames.ContentWrapperHeight}) - ${O})`;return m.set(r.ViewportCssVariableNames.ContentContainerHeight,j),m.set(r.ViewportCssVariableNames.ContentColumnGap,a+`px`),m}buildLayoutMetrics(){let e=this.getFlipMode(),t=new a.HtmlLayoutMetrics,n=this.rendererContainer,{clientWidth:r}=n,i=parseFloat(n.getAttribute(`data-transform-length`));t.clientWidth=r||this.owner.getHostViewport().width;let o;return o=e==`scroll`?this.getViewportHeight():parseFloat(n.getAttribute(`data-page-height`)),t.clientHeight=this.getViewportHeight(),t.pageHeight=o,t.columnHeight=o,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=i,t.shadowWidth=parseFloat(n.getAttribute(`data-shadow-width`)),t}getContentWrapperHeight(){let e=i.getLayoutGeometry(this.htmlOptions);return e.viewport.contentWrapperHeightMode==`auto`?`auto`:e.viewport.contentWrapperHeightMode==`viewport`?`${this.getViewportHeight()}px`:this.owner.inIframe?`100%`:`auto`}getContentsShadowMargin(e){let t=this.htmlOptions.contentsShadowMargin??20,n=this.getContentPaddingFactor(),r=this.device.getDeviceType()==`mobile`?Math.round(t*.6):t;return{marginBlock:r,marginInline:r+Math.min(10,e*n)}}getContentWrapperPadding(e,t){let n=this.getFlipMode(),r=n==`scroll`?30:0,{marginBlock:i,marginInline:a}=this.getContentsShadowMargin(e);n==`page`&&(r+=i);let o=r+`px`,s=n==`scroll`?30:0;n==`page`&&(s+=i);let c=s+`px`;return{contentWrapperPaddingTop:o,contentWrapperPaddingLeft:n==`scroll`?`${a}px`:`0`,contentWrapperPaddingRight:n==`scroll`?`${a}px`:`0`,contentWrapperPaddingBottom:c,contentWrapperPaddingLeftRight:n==`scroll`?`${t}px`:`0`,contentWrapperPaddingTopBottom:`${r+s}px`,contentWrapperPadding:n==`scroll`?`${r}px ${a}px ${s}px ${a}px`:`0px`,contentWrapperPaddingTopNumber:r,contentWrapperPaddingBottomNumber:s}}getContentsContainerWidth(){let e=this.rendererContainer.clientWidth||this.owner.getHostViewport().width;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,n=this.getColumnWidth();if(this.htmlOptions.autoColumns){if(!this.htmlOptions.maxColumns)return e;t=e<=n?1:this.htmlOptions.maxColumns}let r=this.getMultiColumnWidthFactor();return t>1?Math.min(e,t*n*r):Math.min(e,n)}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}getViewportHeight(){let e=this.owner.getHostViewport();if(e.mode==`host`){let e=this.rendererContainer.clientHeight;if(e>=80&&e<33554400)return Math.round(e)}return e.height}getFlipMode(){return i.getLayoutGeometry(this.htmlOptions).flipMode}async dispose(){this.updateCssVariablesTimeoutId&&=(clearTimeout(this.updateCssVariablesTimeoutId),null)}};exports.HtmlRendererViewport=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/html/injector.cjs"),t=require("../../HtmlSettings.cjs"),n=require("../../../../kernal/html/realm.cjs"),r=require("./ViewportCssVariableNames.cjs"),i=require("./resolveLayoutRoute.cjs"),a=require("./HtmlLayoutMetrics.cjs"),o=require("../documents/HtmlContainerBuilder.cjs"),s=require("./applyLayoutClasses.cjs"),c=require("./resolveContentWrapperMinWidth.cjs");var l=class{constructor(n,r,i,a){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=i,this.htmlOptions=a,this.containerBuilder=new o.HtmlContainerBuilder(a);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.rendererContainer.setAttribute(t.HtmlSettings.HostViewportModeAttribute,this.owner.getHostViewport().mode)}getRendererContainer(){return this.rendererContainer}getScrollElement(){let e=this.owner.getHostViewport();return e.mode==`window`?e.scrollElement:this.rendererContainer}getLayoutMetrics(){return this.layout||=(this.internlApplyCssVariables(),this.buildLayoutMetrics()),this.layout}applyCssVariables(){this.internlApplyCssVariables(),this.layout=this.buildLayoutMetrics()}internlApplyCssVariables(){this.owner.refreshHostViewport();let e=i.getLayoutGeometry(this.htmlOptions),t=this.getScrollElement(),n=e.flipMode==`scroll`&&t?{left:t.scrollLeft,top:t.scrollTop}:void 0;this.applyFlowClasses(e),this.syncPageTransformSign(e);let a=this.prepareRendererCssVariables(),o=this.prepareOtherCssVariables(),s=new Map;a.forEach((e,t)=>{s.set(t,e)}),o.forEach((e,t)=>{s.set(t,e)});let c=this.owner.getRootContainer();c.style.setProperty(`direction`,`var(${r.ViewportCssVariableNames.ReaderViewportDirection})`),s.forEach((e,t)=>{c.style.setProperty(t,e)}),n&&t&&t.scrollTo(n.left,n.top)}syncPageTransformSign(e){let r=this.rendererContainer.querySelector(`.`+t.HtmlSettings.TransformContainerCssName);if(!n.isHtmlElement(r))return;if(e.flipMode!=`page`){r.style.removeProperty(`transition`),r.style.removeProperty(`transform`),r.removeAttribute(`data-target-transform`);return}if(r.hasAttribute(t.HtmlSettings.PageMovingAttributeName))return;let i=r.getAttribute(`data-target-transform`);if(i==null||i===``)return;let a=parseFloat(i);Number.isFinite(a)&&(r.style.removeProperty(`transition`),r.style.transform=e.getPageTranslateCss(a))}prepareRendererCssVariables(){let e=i.getLayoutGeometry(this.htmlOptions),n=e.flipMode;this.rendererContainer.setAttribute(t.HtmlSettings.HostViewportModeAttribute,this.owner.getHostViewport().mode);let a=new Map,o=e.viewport.zeroWrapperMargins?0:this.htmlOptions.contentWrapperMarginBottom??10,s=e.viewport.zeroWrapperMargins?0:this.htmlOptions.contentWrapperMarginTop??10,c=e.viewport.zeroWrapperMargins?0:this.htmlOptions.contentWrapperGap??10;a.set(r.ViewportCssVariableNames.ContentWrapperMarginTop,s+`px`),a.set(r.ViewportCssVariableNames.ContentWrapperMarginBottom,o+`px`),a.set(r.ViewportCssVariableNames.ContentWrapperGap,c+`px`);let l=this.htmlOptions.enableContentWrapperBorderRadius&&n==`scroll`?this.htmlOptions.contentWrapperBorderRadius??0:0;a.set(r.ViewportCssVariableNames.ContentWrapperBorderRadius,l+`px`);let u=this.owner.getHostViewport().mode==`window`&&n==`scroll`;return a.set(r.ViewportCssVariableNames.ScrollElementOverflow,u?`visible`:e.overflowY),a.set(r.ViewportCssVariableNames.ScrollElementOverflowX,u?`visible`:e.overflowX),a.set(r.ViewportCssVariableNames.ReaderViewportDirection,e.direction==`ltr`?`unset`:e.direction),a}applyFlowClasses(e){s.applyRootDirectionClass(this.owner.getRootContainer(),e),s.applyRendererLayoutClass(this.rendererContainer,e)}prepareOtherCssVariables(){let e=this.owner.getRootContainer(),t=i.getLayoutGeometry(this.htmlOptions),n=t.flipMode;n==`page`&&this.scrollElement?.scrollTo(0,0);let a=this.htmlOptions.columnGap??40,o=this.contentsShadowContainer,s=this.rendererContainer.clientWidth||this.owner.getHostViewport().width,l=this.getViewportHeight();this.rendererContainer.setAttribute(`data-client-width`,`${s}`),this.rendererContainer.setAttribute(`data-client-height`,`${l}`);let u=this.getContentsContainerWidth(),d=t.viewport.contentsContainerWidthMode==`max-content`?`max-content`:u+`px`,f=this.rendererContainer.offsetWidth-this.rendererContainer.clientWidth,p=this.rendererContainer.offsetHeight-this.rendererContainer.clientHeight,m=new Map;m.set(r.ViewportCssVariableNames.ScrollElementVerticalScrollBarWidth,f+`px`),m.set(r.ViewportCssVariableNames.ScrollElementHorizontalScrollBarHeight,p+`px`),m.set(r.ViewportCssVariableNames.ReaderViewportWidth,s+`px`),m.set(r.ViewportCssVariableNames.ReaderViewportHeight,l+`px`),e.style.setProperty(r.ViewportCssVariableNames.ContentsContainerWidth,d),m.set(r.ViewportCssVariableNames.ContentsContainerWidth,d);let h=0;n==`page`&&(h=0),s-u-2<2*h&&(h=0);let g=``;g=h>0?``+h+`px 0`:`0`,e.style.setProperty(r.ViewportCssVariableNames.ContentsContainerPadding,g),m.set(r.ViewportCssVariableNames.ContentsContainerPadding,g);let _=t.viewport.forceSingleColumn?1:this.calculateColumns(u);t.viewport.forceSingleColumn||(this.htmlOptions.columns=_);let{marginInline:v,marginBlock:y}=this.getContentsShadowMargin(u),{columnWidth:b}=this.getFinalColumnWidth(u-v*2,_,a),x=v,S=y;n==`scroll`&&(x=0,S=0),o.style=n==`scroll`?`margin: ${S}px ${x}px;`:`margin: ${S}px ${x}px;height: ${l-2*y}px;`;let C=o.getBoundingClientRect().width,w=_*b+Math.max(0,_-1)*a,{contentWrapperPaddingBottomNumber:T,contentWrapperPaddingTopNumber:E,contentWrapperPadding:D,contentWrapperPaddingTopBottom:O}=this.getContentWrapperPadding(u,a),k=l-E-T,A=t.getPageMoveLength(w,k,a);this.rendererContainer.setAttribute(`data-transform-length`,A.toString()),this.rendererContainer.setAttribute(`data-shadow-width`,C.toString()),this.rendererContainer.setAttribute(`data-column-width`,b.toString()),this.rendererContainer.setAttribute(`data-column-gap`,a.toString()),this.rendererContainer.setAttribute(`data-page-width`,`${w}`),this.rendererContainer.setAttribute(`data-page-height`,`${k}`),m.set(r.ViewportCssVariableNames.ContentWrapperWidth,t.viewport.contentWrapperWidthMode==`auto`?`auto`:C+`px`),m.set(r.ViewportCssVariableNames.ContentWrapperMinWidth,c.resolveContentWrapperMinWidth(t.viewport.contentWrapperMinWidthMode,{shadowWidth:C,columnWidth:b,columnGap:a,viewportWidth:s})),m.set(r.ViewportCssVariableNames.ContentWrapperHeight,this.getContentWrapperHeight()),m.set(r.ViewportCssVariableNames.ContentWrapperMinHeight,l+`px`),m.set(r.ViewportCssVariableNames.ContentWrapperMaxHeight,t.viewport.contentWrapperMaxHeightMode==`none`?`none`:l+`px`),m.set(r.ViewportCssVariableNames.ContentWrapperPadding,D),t.viewport.contentContainerWidthMode==`auto`?m.set(r.ViewportCssVariableNames.ContentContainerWidth,`auto`):t.viewport.contentContainerWidthMode==`column`?m.set(r.ViewportCssVariableNames.ContentContainerWidth,b+`px`):m.set(r.ViewportCssVariableNames.ContentContainerWidth,`100%`);let j=t.viewport.contentContainerHeightMode==`page`?k+`px`:`calc(var(${r.ViewportCssVariableNames.ContentWrapperHeight}) - ${O})`;return m.set(r.ViewportCssVariableNames.ContentContainerHeight,j),m.set(r.ViewportCssVariableNames.ContentColumnGap,a+`px`),m}buildLayoutMetrics(){let e=this.getFlipMode(),t=new a.HtmlLayoutMetrics,n=this.rendererContainer,{clientWidth:r}=n,i=parseFloat(n.getAttribute(`data-transform-length`));t.clientWidth=r||this.owner.getHostViewport().width;let o;return o=e==`scroll`?this.getViewportHeight():parseFloat(n.getAttribute(`data-page-height`)),t.clientHeight=this.getViewportHeight(),t.pageHeight=o,t.columnHeight=o,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=i,t.shadowWidth=parseFloat(n.getAttribute(`data-shadow-width`)),t}getContentWrapperHeight(){let e=i.getLayoutGeometry(this.htmlOptions);return e.viewport.contentWrapperHeightMode==`auto`?`auto`:e.viewport.contentWrapperHeightMode==`viewport`?`${this.getViewportHeight()}px`:this.owner.inIframe?`100%`:`auto`}getContentsShadowMargin(e){let t=this.htmlOptions.contentsShadowMargin??20,n=this.getContentPaddingFactor(),r=this.device.getDeviceType()==`mobile`?Math.round(t*.6):t;return{marginBlock:r,marginInline:r+Math.min(10,e*n)}}getContentWrapperPadding(e,t){let n=this.getFlipMode(),r=n==`scroll`?30:0,{marginBlock:i,marginInline:a}=this.getContentsShadowMargin(e);n==`page`&&(r+=i);let o=r+`px`,s=n==`scroll`?30:0;n==`page`&&(s+=i);let c=s+`px`;return{contentWrapperPaddingTop:o,contentWrapperPaddingLeft:n==`scroll`?`${a}px`:`0`,contentWrapperPaddingRight:n==`scroll`?`${a}px`:`0`,contentWrapperPaddingBottom:c,contentWrapperPaddingLeftRight:n==`scroll`?`${t}px`:`0`,contentWrapperPaddingTopBottom:`${r+s}px`,contentWrapperPadding:n==`scroll`?`${r}px ${a}px ${s}px ${a}px`:`0px`,contentWrapperPaddingTopNumber:r,contentWrapperPaddingBottomNumber:s}}getContentsContainerWidth(){let e=this.rendererContainer.clientWidth||this.owner.getHostViewport().width;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,n=this.getColumnWidth();if(this.htmlOptions.autoColumns){if(!this.htmlOptions.maxColumns)return e;t=e<=n?1:this.htmlOptions.maxColumns}let r=this.getMultiColumnWidthFactor();return t>1?Math.min(e,t*n*r):Math.min(e,n)}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}getViewportHeight(){let e=this.owner.getHostViewport();if(e.mode==`host`){let e=this.rendererContainer.clientHeight;if(e>=80&&e<33554400)return Math.round(e)}return e.height}getFlipMode(){return i.getLayoutGeometry(this.htmlOptions).flipMode}async dispose(){this.updateCssVariablesTimeoutId&&=(clearTimeout(this.updateCssVariablesTimeoutId),null)}};exports.HtmlRendererViewport=l;

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

@@ -1,6 +1,6 @@
 import { injectCssContent as e } from "../../../../kernal/html/injector.mjs";
-import { isHtmlElement as t } from "../../../../kernal/html/realm.mjs";
-import { HtmlSettings as n } from "../../HtmlSettings.mjs";
+import { HtmlSettings as t } from "../../HtmlSettings.mjs";
+import { isHtmlElement as n } from "../../../../kernal/html/realm.mjs";
 import { ViewportCssVariableNames as r } from "./ViewportCssVariableNames.mjs";
 import { getLayoutGeometry as i } from "./resolveLayoutRoute.mjs";
 import { HtmlLayoutMetrics as a } from "./HtmlLayoutMetrics.mjs";
@@ -9,10 +9,10 @@ import { applyRendererLayoutClass as s, applyRootDirectionClass as c } from "./a
 import { resolveContentWrapperMinWidth as l } from "./resolveContentWrapperMinWidth.mjs";
 //#region mediaTypes/html/renderer/layout/HtmlRendererViewport.ts
 var u = class {
-	constructor(t, r, i, a) {
-		this.owner = t, 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 = i, this.htmlOptions = a, this.containerBuilder = new o(a);
+	constructor(n, r, i, a) {
+		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 = i, this.htmlOptions = a, this.containerBuilder = new o(a);
 		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("." + n.ContentsShadowContainerCssName), this.rendererContainer.setAttribute(n.HostViewportModeAttribute, this.owner.getHostViewport().mode);
+		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.rendererContainer.setAttribute(t.HostViewportModeAttribute, this.owner.getHostViewport().mode);
 	}
 	getRendererContainer() {
 		return this.rendererContainer;
@@ -46,26 +46,26 @@ var u = class {
 		}), n && t && t.scrollTo(n.left, n.top);
 	}
 	syncPageTransformSign(e) {
-		let r = this.rendererContainer.querySelector("." + n.TransformContainerCssName);
-		if (!t(r)) return;
+		let r = this.rendererContainer.querySelector("." + t.TransformContainerCssName);
+		if (!n(r)) return;
 		if (e.flipMode != "page") {
 			r.style.removeProperty("transition"), r.style.removeProperty("transform"), r.removeAttribute("data-target-transform");
 			return;
 		}
-		if (r.hasAttribute(n.PageMovingAttributeName)) return;
+		if (r.hasAttribute(t.PageMovingAttributeName)) return;
 		let i = r.getAttribute("data-target-transform");
 		if (i == null || i === "") return;
 		let a = parseFloat(i);
 		Number.isFinite(a) && (r.style.removeProperty("transition"), r.style.transform = e.getPageTranslateCss(a));
 	}
 	prepareRendererCssVariables() {
-		let e = i(this.htmlOptions), t = e.flipMode;
-		this.rendererContainer.setAttribute(n.HostViewportModeAttribute, this.owner.getHostViewport().mode);
+		let e = i(this.htmlOptions), n = e.flipMode;
+		this.rendererContainer.setAttribute(t.HostViewportModeAttribute, this.owner.getHostViewport().mode);
 		let a = /* @__PURE__ */ new Map(), o = e.viewport.zeroWrapperMargins ? 0 : this.htmlOptions.contentWrapperMarginBottom ?? 10, s = e.viewport.zeroWrapperMargins ? 0 : this.htmlOptions.contentWrapperMarginTop ?? 10, c = e.viewport.zeroWrapperMargins ? 0 : this.htmlOptions.contentWrapperGap ?? 10;
 		a.set(r.ContentWrapperMarginTop, s + "px"), a.set(r.ContentWrapperMarginBottom, o + "px"), a.set(r.ContentWrapperGap, c + "px");
-		let l = this.htmlOptions.enableContentWrapperBorderRadius && t == "scroll" ? this.htmlOptions.contentWrapperBorderRadius ?? 0 : 0;
+		let l = this.htmlOptions.enableContentWrapperBorderRadius && n == "scroll" ? this.htmlOptions.contentWrapperBorderRadius ?? 0 : 0;
 		a.set(r.ContentWrapperBorderRadius, l + "px");
-		let u = this.owner.getHostViewport().mode == "window" && t == "scroll";
+		let u = this.owner.getHostViewport().mode == "window" && n == "scroll";
 		return a.set(r.ScrollElementOverflow, u ? "visible" : e.overflowY), a.set(r.ScrollElementOverflowX, u ? "visible" : e.overflowX), a.set(r.ReaderViewportDirection, e.direction == "ltr" ? "unset" : e.direction), a;
 	}
 	applyFlowClasses(e) {

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/html/realm.cjs"),t=require("../../HtmlSettings.cjs");var n=500,r=`data-layout-route-quiet-until`,i=n=>{let r=n.querySelector(`.`+t.HtmlSettings.TransformContainerCssName);return e.isHtmlElement(r)?r:null},a=(e,t=500)=>{e.setAttribute(r,`${Date.now()+t}`)},o=e=>{let t=Number.parseInt(e.getAttribute(r)??``,10);return Number.isFinite(t)&&Date.now()<t},s=()=>typeof requestAnimationFrame==`function`?new Promise(e=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>e())})}):Promise.resolve(),c=e=>{let n=i(e);n&&(a(e),n.style.transition=`none`,n.style.removeProperty(`will-change`),n.removeAttribute(t.HtmlSettings.PageMovingAttributeName),n.setAttribute(t.HtmlSettings.LayoutSwitchingAttributeName,`true`),n.style.transform=`translate3d(0px,0,0)`,n.setAttribute(`data-target-transform`,`0`))},l=e=>{let n=i(e);n&&(n.removeAttribute(t.HtmlSettings.LayoutSwitchingAttributeName),n.style.removeProperty(`transition`),a(e))};exports.LAYOUT_ROUTE_RESIZE_QUIET_MS=n,exports.freezePageStripForRouteChange=c,exports.markLayoutRouteChangeQuiet=a,exports.shouldIgnoreResizeAfterRouteChange=o,exports.unfreezePageStripForRouteChange=l,exports.waitForPageStripPaint=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../HtmlSettings.cjs"),t=require("../../../../kernal/html/realm.cjs");var n=500,r=`data-layout-route-quiet-until`,i=n=>{let r=n.querySelector(`.`+e.HtmlSettings.TransformContainerCssName);return t.isHtmlElement(r)?r:null},a=(e,t=500)=>{e.setAttribute(r,`${Date.now()+t}`)},o=e=>{let t=Number.parseInt(e.getAttribute(r)??``,10);return Number.isFinite(t)&&Date.now()<t},s=()=>typeof requestAnimationFrame==`function`?new Promise(e=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>e())})}):Promise.resolve(),c=t=>{let n=i(t);n&&(a(t),n.style.transition=`none`,n.style.removeProperty(`will-change`),n.removeAttribute(e.HtmlSettings.PageMovingAttributeName),n.setAttribute(e.HtmlSettings.LayoutSwitchingAttributeName,`true`),n.style.transform=`translate3d(0px,0,0)`,n.setAttribute(`data-target-transform`,`0`))},l=t=>{let n=i(t);n&&(n.removeAttribute(e.HtmlSettings.LayoutSwitchingAttributeName),n.style.removeProperty(`transition`),a(t))};exports.LAYOUT_ROUTE_RESIZE_QUIET_MS=n,exports.freezePageStripForRouteChange=c,exports.markLayoutRouteChangeQuiet=a,exports.shouldIgnoreResizeAfterRouteChange=o,exports.unfreezePageStripForRouteChange=l,exports.waitForPageStripPaint=s;

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

@@ -1,9 +1,9 @@
-import { isHtmlElement as e } from "../../../../kernal/html/realm.mjs";
-import { HtmlSettings as t } from "../../HtmlSettings.mjs";
+import { HtmlSettings as e } from "../../HtmlSettings.mjs";
+import { isHtmlElement as t } from "../../../../kernal/html/realm.mjs";
 //#region mediaTypes/html/renderer/layout/pageStripRouteChange.ts
 var n = 500, r = "data-layout-route-quiet-until", i = (n) => {
-	let r = n.querySelector("." + t.TransformContainerCssName);
-	return e(r) ? r : null;
+	let r = n.querySelector("." + e.TransformContainerCssName);
+	return t(r) ? r : null;
 }, a = (e, t = 500) => {
 	e.setAttribute(r, `${Date.now() + t}`);
 }, o = (e) => {
@@ -13,12 +13,12 @@ var n = 500, r = "data-layout-route-quiet-until", i = (n) => {
 	requestAnimationFrame(() => {
 		requestAnimationFrame(() => e());
 	});
-}) : Promise.resolve(), c = (e) => {
-	let n = i(e);
-	n && (a(e), n.style.transition = "none", n.style.removeProperty("will-change"), n.removeAttribute(t.PageMovingAttributeName), n.setAttribute(t.LayoutSwitchingAttributeName, "true"), n.style.transform = "translate3d(0px,0,0)", n.setAttribute("data-target-transform", "0"));
-}, l = (e) => {
-	let n = i(e);
-	n && (n.removeAttribute(t.LayoutSwitchingAttributeName), n.style.removeProperty("transition"), a(e));
+}) : Promise.resolve(), c = (t) => {
+	let n = i(t);
+	n && (a(t), n.style.transition = "none", n.style.removeProperty("will-change"), n.removeAttribute(e.PageMovingAttributeName), n.setAttribute(e.LayoutSwitchingAttributeName, "true"), n.style.transform = "translate3d(0px,0,0)", n.setAttribute("data-target-transform", "0"));
+}, l = (t) => {
+	let n = i(t);
+	n && (n.removeAttribute(e.LayoutSwitchingAttributeName), n.style.removeProperty("transition"), a(t));
 };
 //#endregion
 export { n as LAYOUT_ROUTE_RESIZE_QUIET_MS, c as freezePageStripForRouteChange, a as markLayoutRouteChangeQuiet, o as shouldIgnoreResizeAfterRouteChange, l as unfreezePageStripForRouteChange, s as waitForPageStripPaint };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/web/BrowserCapabilities.cjs"),t=require("../../../../kernal/html/finder.cjs"),n=require("../../../../kernal/html/realm.cjs"),r=require("../../../../kernal/html/translationAnchor.cjs"),i=require("../../../../kernal/html/style.cjs"),a=require("../../HtmlSettings.cjs"),o=require("../layout/geometry/restoreLayoutState.cjs"),s=require("../layout/resolveLayoutRoute.cjs"),c=require("./scrollActivity.cjs");var l=1,u=class{constructor(e,t,n){this.doc=e,this.viewport=t,this.options=n}capture(){let e=this.doc.owner.getRenderer(),t=this.viewport.getScrollElement()??e?.getScrollElement(),n=this.getTransformContainer(),r=this.doc.getWrapperContainer(),a=s.getLayoutGeometry(this.options),o=this.findLocationAnchor(),c=r?a.getCaptureExtent(r):{width:0,height:0};return{scrollLeft:t?.scrollLeft??0,scrollTop:t?.scrollTop??0,width:c.width,height:c.height,transformLeft:n?i.getTransformLength(n,`x`):0,transformTop:n?i.getTransformLength(n,`y`):0,firstVisibleDocument:a.documentOrderAnchor==`last`?e?.getLastVisibleDocument():e?.getFirstVisibleDocument(),offsetLeft:o?.offsetLeft??0,offsetTop:o?.offsetTop??0,foundElement:!!o}}concealPageStrip(){this.getTransformContainer()?.setAttribute(a.HtmlSettings.LayoutSwitchingAttributeName,`true`)}revealPageStrip(){this.getTransformContainer()?.removeAttribute(a.HtmlSettings.LayoutSwitchingAttributeName)}async restore(t){let n=this.doc.owner.getRenderer();if(!n||!t)return;let r=n.getDocuments(),i=r.indexOf(this.doc);if(i<0)return;let a=s.getLayoutGeometry(this.options),o=r.indexOf(t.firstVisibleDocument);if(!(o<0)){if(a.flipMode==`page`){if(i>o)return;e.BrowserCapabilities.isSafari()||await this.waitUntilPageTransformStable(),this.restorePageTransform(t,i===o);return}this.clearPageTransformIfNeeded(),this.restoreScroll(t,i,o)}}async waitUntilPageTransformStable(){if(s.getLayoutGeometry(this.options).flipMode!=`page`)return;let e=this.getTransformContainer();if(!e)return;let t=Date.now()+400;for(;this.hasActiveTransformTransition(e)&&!(Date.now()>=t);)await new Promise(t=>{let n=()=>{e.removeEventListener(`transitionend`,r),clearTimeout(i)},r=r=>{r.target===e&&(n(),t())};e.addEventListener(`transitionend`,r);let i=setTimeout(()=>{n(),t()},120)})}restorePageTransform(e,t){let n=this.getTransformContainer();if(!n)return;let r=s.getLayoutGeometry(this.options),i=r.readPageTransform(n),a=this.doc.getWrapperContainer(),o=r.measurePageSizeDelta(a,e),c=0,l=t?this.findLocationAnchor():null;l&&e.foundElement&&(c=r.measurePageOffsetDelta(l,e));let u=r.restorePageTransform({currentTransform:i,sizeDelta:o,offsetDelta:c,isFirstVisible:t,foundElement:!!(l&&e.foundElement)});n.style.removeProperty(`transition`),n.setAttribute(`data-target-transform`,`${u}`),n.style.transform=r.getPageTranslateCss(u)}restoreScroll(e,t,n){let r=this.doc.owner.getRenderer(),i=this.viewport.getScrollElement()??r?.getScrollElement();if(!i)return;let a=this.doc.getWrapperContainer(),u=s.getLayoutGeometry(this.options);if(u.shouldSkipSizeRestore({userScrollSettling:c.isUserScrollSettling(),holdingAbsoluteLocate:c.isHoldingAbsoluteAnchor()}))return;let d=u.readLogicalScroll(i),f=u.readCapturedLogicalScroll(i,e),p=u.blockAxis==`x`?i.scrollWidth:i.scrollHeight,m=u.blockAxis==`x`?i.clientWidth:i.clientHeight,h=u.measureBlockSizeDelta(a,e),g=0,_=t===n?this.findLocationAnchor():null,v=!!(_&&e.foundElement);v&&_&&(g=u.measureBlockOffsetDelta(_,e));let y=u.restoreScroll({liveScroll:d,capturedScroll:f,sizeDelta:h,offsetDelta:g,foundElement:v,currentIndex:t,anchorIndex:n,atReadingStart:o.isAtReadingStartScroll({liveScroll:d,scrollExtent:p,clientLength:m,initialScroll:u.initialScroll})});if(!(Math.abs(y-d)<=l)&&u.shouldApplyRestoredScroll(y,d)){c.beginProgrammaticScroll();try{u.writeLogicalScroll(i,y)}finally{c.endProgrammaticScroll()}}}findLocationAnchor(){let e=this.doc.owner.context.currentLocation,n=this.doc.getContentContainer();if(!n||!e?.precise||!e.tagName||e.tagIndex==null)return null;let i=t.getElementByNameAndIndex(n,e.tagName,e.tagIndex);return r.resolveVisibleTranslationAnchor(i)}clearPageTransformIfNeeded(){let e=this.getTransformContainer();e&&(e.style.removeProperty(`transition`),e.style.removeProperty(`transform`),e.removeAttribute(`data-target-transform`))}getTransformContainer(){try{let e=this.viewport.getRendererContainer()?.querySelector(`.`+a.HtmlSettings.TransformContainerCssName);return n.isHtmlElement(e)?e:null}catch{return null}}hasActiveTransformTransition(e){let t=e.getAnimations;if(typeof t!=`function`)return!1;for(let n of t.call(e,{subtree:!1}))if(n.playState===`running`||n.playState===`pending`)return!0;return!1}};exports.HtmlLayoutStatePreserver=u;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/web/BrowserCapabilities.cjs"),t=require("../../../../kernal/html/finder.cjs"),n=require("../../HtmlSettings.cjs"),r=require("../../../../kernal/html/realm.cjs"),i=require("../../../../kernal/html/translationAnchor.cjs"),a=require("../../../../kernal/html/style.cjs"),o=require("../layout/geometry/restoreLayoutState.cjs"),s=require("../layout/resolveLayoutRoute.cjs"),c=require("./scrollActivity.cjs");var l=1,u=class{constructor(e,t,n){this.doc=e,this.viewport=t,this.options=n}capture(){let e=this.doc.owner.getRenderer(),t=this.viewport.getScrollElement()??e?.getScrollElement(),n=this.getTransformContainer(),r=this.doc.getWrapperContainer(),i=s.getLayoutGeometry(this.options),o=this.findLocationAnchor(),c=r?i.getCaptureExtent(r):{width:0,height:0};return{scrollLeft:t?.scrollLeft??0,scrollTop:t?.scrollTop??0,width:c.width,height:c.height,transformLeft:n?a.getTransformLength(n,`x`):0,transformTop:n?a.getTransformLength(n,`y`):0,firstVisibleDocument:i.documentOrderAnchor==`last`?e?.getLastVisibleDocument():e?.getFirstVisibleDocument(),offsetLeft:o?.offsetLeft??0,offsetTop:o?.offsetTop??0,foundElement:!!o}}concealPageStrip(){this.getTransformContainer()?.setAttribute(n.HtmlSettings.LayoutSwitchingAttributeName,`true`)}revealPageStrip(){this.getTransformContainer()?.removeAttribute(n.HtmlSettings.LayoutSwitchingAttributeName)}async restore(t){let n=this.doc.owner.getRenderer();if(!n||!t)return;let r=n.getDocuments(),i=r.indexOf(this.doc);if(i<0)return;let a=s.getLayoutGeometry(this.options),o=r.indexOf(t.firstVisibleDocument);if(!(o<0)){if(a.flipMode==`page`){if(i>o)return;e.BrowserCapabilities.isSafari()||await this.waitUntilPageTransformStable(),this.restorePageTransform(t,i===o);return}this.clearPageTransformIfNeeded(),this.restoreScroll(t,i,o)}}async waitUntilPageTransformStable(){if(s.getLayoutGeometry(this.options).flipMode!=`page`)return;let e=this.getTransformContainer();if(!e)return;let t=Date.now()+400;for(;this.hasActiveTransformTransition(e)&&!(Date.now()>=t);)await new Promise(t=>{let n=()=>{e.removeEventListener(`transitionend`,r),clearTimeout(i)},r=r=>{r.target===e&&(n(),t())};e.addEventListener(`transitionend`,r);let i=setTimeout(()=>{n(),t()},120)})}restorePageTransform(e,t){let n=this.getTransformContainer();if(!n)return;let r=s.getLayoutGeometry(this.options),i=r.readPageTransform(n),a=this.doc.getWrapperContainer(),o=r.measurePageSizeDelta(a,e),c=0,l=t?this.findLocationAnchor():null;l&&e.foundElement&&(c=r.measurePageOffsetDelta(l,e));let u=r.restorePageTransform({currentTransform:i,sizeDelta:o,offsetDelta:c,isFirstVisible:t,foundElement:!!(l&&e.foundElement)});n.style.removeProperty(`transition`),n.setAttribute(`data-target-transform`,`${u}`),n.style.transform=r.getPageTranslateCss(u)}restoreScroll(e,t,n){let r=this.doc.owner.getRenderer(),i=this.viewport.getScrollElement()??r?.getScrollElement();if(!i)return;let a=this.doc.getWrapperContainer(),u=s.getLayoutGeometry(this.options);if(u.shouldSkipSizeRestore({userScrollSettling:c.isUserScrollSettling(),holdingAbsoluteLocate:c.isHoldingAbsoluteAnchor()}))return;let d=u.readLogicalScroll(i),f=u.readCapturedLogicalScroll(i,e),p=u.blockAxis==`x`?i.scrollWidth:i.scrollHeight,m=u.blockAxis==`x`?i.clientWidth:i.clientHeight,h=u.measureBlockSizeDelta(a,e),g=0,_=t===n?this.findLocationAnchor():null,v=!!(_&&e.foundElement);v&&_&&(g=u.measureBlockOffsetDelta(_,e));let y=u.restoreScroll({liveScroll:d,capturedScroll:f,sizeDelta:h,offsetDelta:g,foundElement:v,currentIndex:t,anchorIndex:n,atReadingStart:o.isAtReadingStartScroll({liveScroll:d,scrollExtent:p,clientLength:m,initialScroll:u.initialScroll})});if(!(Math.abs(y-d)<=l)&&u.shouldApplyRestoredScroll(y,d)){c.beginProgrammaticScroll();try{u.writeLogicalScroll(i,y)}finally{c.endProgrammaticScroll()}}}findLocationAnchor(){let e=this.doc.owner.context.currentLocation,n=this.doc.getContentContainer();if(!n||!e?.precise||!e.tagName||e.tagIndex==null)return null;let r=t.getElementByNameAndIndex(n,e.tagName,e.tagIndex);return i.resolveVisibleTranslationAnchor(r)}clearPageTransformIfNeeded(){let e=this.getTransformContainer();e&&(e.style.removeProperty(`transition`),e.style.removeProperty(`transform`),e.removeAttribute(`data-target-transform`))}getTransformContainer(){try{let e=this.viewport.getRendererContainer()?.querySelector(`.`+n.HtmlSettings.TransformContainerCssName);return r.isHtmlElement(e)?e:null}catch{return null}}hasActiveTransformTransition(e){let t=e.getAnimations;if(typeof t!=`function`)return!1;for(let n of t.call(e,{subtree:!1}))if(n.playState===`running`||n.playState===`pending`)return!0;return!1}};exports.HtmlLayoutStatePreserver=u;

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

@@ -1,9 +1,9 @@
 import { BrowserCapabilities as e } from "../../../../kernal/web/BrowserCapabilities.mjs";
 import { getElementByNameAndIndex as t } from "../../../../kernal/html/finder.mjs";
-import { isHtmlElement as n } from "../../../../kernal/html/realm.mjs";
-import { resolveVisibleTranslationAnchor as r } from "../../../../kernal/html/translationAnchor.mjs";
-import { getTransformLength as i } from "../../../../kernal/html/style.mjs";
-import { HtmlSettings as a } from "../../HtmlSettings.mjs";
+import { HtmlSettings as n } from "../../HtmlSettings.mjs";
+import { isHtmlElement as r } from "../../../../kernal/html/realm.mjs";
+import { resolveVisibleTranslationAnchor as i } from "../../../../kernal/html/translationAnchor.mjs";
+import { getTransformLength as a } from "../../../../kernal/html/style.mjs";
 import { isAtReadingStartScroll as o } from "../layout/geometry/restoreLayoutState.mjs";
 import { getLayoutGeometry as s } from "../layout/resolveLayoutRoute.mjs";
 import { beginProgrammaticScroll as c, endProgrammaticScroll as l, isHoldingAbsoluteAnchor as u, isUserScrollSettling as d } from "./scrollActivity.mjs";
@@ -13,7 +13,7 @@ var f = 1, p = class {
 		this.doc = e, this.viewport = t, this.options = n;
 	}
 	capture() {
-		let e = this.doc.owner.getRenderer(), t = this.viewport.getScrollElement() ?? e?.getScrollElement(), n = this.getTransformContainer(), r = this.doc.getWrapperContainer(), a = s(this.options), o = this.findLocationAnchor(), c = r ? a.getCaptureExtent(r) : {
+		let e = this.doc.owner.getRenderer(), t = this.viewport.getScrollElement() ?? e?.getScrollElement(), n = this.getTransformContainer(), r = this.doc.getWrapperContainer(), i = s(this.options), o = this.findLocationAnchor(), c = r ? i.getCaptureExtent(r) : {
 			width: 0,
 			height: 0
 		};
@@ -22,19 +22,19 @@ var f = 1, p = class {
 			scrollTop: t?.scrollTop ?? 0,
 			width: c.width,
 			height: c.height,
-			transformLeft: n ? i(n, "x") : 0,
-			transformTop: n ? i(n, "y") : 0,
-			firstVisibleDocument: a.documentOrderAnchor == "last" ? e?.getLastVisibleDocument() : e?.getFirstVisibleDocument(),
+			transformLeft: n ? a(n, "x") : 0,
+			transformTop: n ? a(n, "y") : 0,
+			firstVisibleDocument: i.documentOrderAnchor == "last" ? e?.getLastVisibleDocument() : e?.getFirstVisibleDocument(),
 			offsetLeft: o?.offsetLeft ?? 0,
 			offsetTop: o?.offsetTop ?? 0,
 			foundElement: !!o
 		};
 	}
 	concealPageStrip() {
-		this.getTransformContainer()?.setAttribute(a.LayoutSwitchingAttributeName, "true");
+		this.getTransformContainer()?.setAttribute(n.LayoutSwitchingAttributeName, "true");
 	}
 	revealPageStrip() {
-		this.getTransformContainer()?.removeAttribute(a.LayoutSwitchingAttributeName);
+		this.getTransformContainer()?.removeAttribute(n.LayoutSwitchingAttributeName);
 	}
 	async restore(t) {
 		let n = this.doc.owner.getRenderer();
@@ -119,8 +119,8 @@ var f = 1, p = class {
 	findLocationAnchor() {
 		let e = this.doc.owner.context.currentLocation, n = this.doc.getContentContainer();
 		if (!n || !e?.precise || !e.tagName || e.tagIndex == null) return null;
-		let i = t(n, e.tagName, e.tagIndex);
-		return r(i);
+		let r = t(n, e.tagName, e.tagIndex);
+		return i(r);
 	}
 	clearPageTransformIfNeeded() {
 		let e = this.getTransformContainer();
@@ -128,8 +128,8 @@ var f = 1, p = class {
 	}
 	getTransformContainer() {
 		try {
-			let e = this.viewport.getRendererContainer()?.querySelector("." + a.TransformContainerCssName);
-			return n(e) ? e : null;
+			let e = this.viewport.getRendererContainer()?.querySelector("." + n.TransformContainerCssName);
+			return r(e) ? e : null;
 		} catch {
 			return null;
 		}

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/Constants.cjs"),t=require("../../../../kernal/html/injector.cjs"),n=require("../../HtmlSettings.cjs"),r=require("./ContentCssVariables.cjs");var i=class{constructor(t){this.documentsProvider=t,this.defaultVariables=new Map,this.currentVariables=new Map,this.contentStyleId=`html-content-css-variables-style`,this.holderClassName=e.readerPrefixName+`t`,this.allElementSelectorPrefix=`html body *.${this.holderClassName}.${this.holderClassName}.${this.holderClassName}`,this.specialTextAlignCssId=e.readerPrefixName+`reader-special-variables-text-align-css`,this.defaultVariables.clear();for(let[e,t]of r.ContentCssVariables.getDefaultVariables())this.defaultVariables.set(e,t)}initialize(e){if(this.currentVariables.clear(),e)for(let[t,n]of e)this.currentVariables.set(t,n)}async getCss(){let{default:e}=await Promise.resolve().then(()=>require("./html-content.cjs"));return e.toString()}getDefaultVariables(){return this.defaultVariables}getCurrentVariables(){return this.currentVariables}getDefaultVariableValue(e){return this.defaultVariables.get(e)??``}getVariableValue(e){return this.currentVariables.get(e)??this.defaultVariables.get(e)??``}async injectStyles(e){let n=e.getContentContainer();if(n||=await e.getVirtualContentContainer(),!n?.ownerDocument)return;let r=n.ownerDocument,i=r.documentElement;for(let[e,t]of this.defaultVariables)this.currentVariables.has(e)||i.style.setProperty(e,t);for(let[e,t]of this.currentVariables)i.style.setProperty(e,this.normalizeVariableValue(e,t));this.syncUserSpecifiedFontClass(i);let a=await this.getCss();t.injectCssContent(r,a,!0,this.contentStyleId),this.syncTextAlignStyle(r)}syncTextAlignStyle(e){let n=this.getVariableValue(r.ContentCssVariables.TextAlign).trim();if(!n||n===`start`||n===`auto`){t.removeElement(e,this.specialTextAlignCssId);return}let i=`${this.allElementSelectorPrefix}{text-align:var(${r.ContentCssVariables.TextAlign}) !important;`;(n===`center`||n===`right`)&&(i+=`text-indent:0 !important;`),i+=`}`,t.injectCssContent(e,i,!0,this.specialTextAlignCssId)}syncUserSpecifiedFontClass(e){let t=this.normalizeVariableValue(r.ContentCssVariables.FontFamily,this.getVariableValue(r.ContentCssVariables.FontFamily));e.classList.toggle(n.HtmlSettings.UserSpecifiedFontClassName,r.ContentCssVariables.isUserSpecifiedFontFamily(t))}normalizeVariableValue(e,t){return e===r.ContentCssVariables.FontFamily&&t.trim()===`inherit`?r.ContentCssVariables.FallbackFontFamily:t}async changeStyles(e){for(let[t,n]of e)this.currentVariables.set(t,this.normalizeVariableValue(t,n));let t=this.documentsProvider.getLoadedDocuments(),n=t.filter(e=>e.getWrapperContainer()?.isVisible),r=t.filter(e=>!e.getWrapperContainer()?.isVisible);for(let t of n)this.applyVariablesToDocument(t,e);for(let t of r)this.applyVariablesToDocument(t,e);for(let e of t)e.resetLayoutSizes();let i=this.documentsProvider.restoreReadingPosition;i&&await i()}async changeStyle(e,t){await this.changeStyles(new Map([[e,t]]))}applyVariablesToDocument(e,t){let n=e.getContentContainer()?.ownerDocument?.documentElement;if(n){for(let[e,r]of t)n.style.setProperty(e,this.normalizeVariableValue(e,r));this.syncUserSpecifiedFontClass(n),this.syncTextAlignStyle(n.ownerDocument)}}async resetStyles(){this.currentVariables.clear();let e=this.documentsProvider.getLoadedDocuments();for(let t of e)await this.injectStyles(t)}async dispose(){this.defaultVariables.clear(),this.currentVariables.clear()}};exports.HtmlStyleProvider=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/Constants.cjs"),t=require("../../../../kernal/html/injector.cjs"),n=require("../../HtmlSettings.cjs"),r=require("./ContentCssVariables.cjs");var i=class{constructor(t){this.documentsProvider=t,this.currentVariables=new Map,this.contentStyleId=`html-content-css-variables-style`,this.holderClassName=e.readerPrefixName+`t`,this.allElementSelectorPrefix=`html body *.${this.holderClassName}.${this.holderClassName}.${this.holderClassName}`,this.specialTextAlignCssId=e.readerPrefixName+`reader-special-variables-text-align-css`}initialize(e){if(this.currentVariables.clear(),e)for(let[t,n]of e)this.currentVariables.set(t,n)}async getCss(){let{default:e}=await Promise.resolve().then(()=>require("./html-content.cjs"));return e.toString()}getDefaultVariables(){return r.ContentCssVariables.getDefaultVariables()}getCurrentVariables(){return this.currentVariables}getDefaultVariableValue(e){return this.getDefaultVariables().get(e)??``}getVariableValue(e){return this.currentVariables.get(e)??this.getDefaultVariableValue(e)}async injectStyles(e){let n=e.getContentContainer();if(n||=await e.getVirtualContentContainer(),!n?.ownerDocument)return;let r=n.ownerDocument,i=r.documentElement;for(let[e,t]of this.getDefaultVariables())this.currentVariables.has(e)||i.style.setProperty(e,t);for(let[e,t]of this.currentVariables)i.style.setProperty(e,this.normalizeVariableValue(e,t));this.syncUserSpecifiedFontClass(i);let a=await this.getCss();t.injectCssContent(r,a,!0,this.contentStyleId),this.syncTextAlignStyle(r)}syncTextAlignStyle(e){let n=this.getVariableValue(r.ContentCssVariables.TextAlign).trim();if(!n||n===`start`||n===`auto`){t.removeElement(e,this.specialTextAlignCssId);return}let i=`${this.allElementSelectorPrefix}{text-align:var(${r.ContentCssVariables.TextAlign}) !important;`;(n===`center`||n===`right`)&&(i+=`text-indent:0 !important;`),i+=`}`,t.injectCssContent(e,i,!0,this.specialTextAlignCssId)}syncUserSpecifiedFontClass(e){let t=this.normalizeVariableValue(r.ContentCssVariables.FontFamily,this.getVariableValue(r.ContentCssVariables.FontFamily));e.classList.toggle(n.HtmlSettings.UserSpecifiedFontClassName,r.ContentCssVariables.isUserSpecifiedFontFamily(t))}normalizeVariableValue(e,t){return e===r.ContentCssVariables.FontFamily&&t.trim()===`inherit`?r.ContentCssVariables.FallbackFontFamily:t}async changeStyles(e){for(let[t,n]of e)this.currentVariables.set(t,this.normalizeVariableValue(t,n));let t=this.documentsProvider.getLoadedDocuments(),n=t.filter(e=>e.getWrapperContainer()?.isVisible),r=t.filter(e=>!e.getWrapperContainer()?.isVisible);for(let t of n)this.applyVariablesToDocument(t,e);for(let t of r)this.applyVariablesToDocument(t,e);for(let e of t)e.resetLayoutSizes();let i=this.documentsProvider.restoreReadingPosition;i&&await i()}async changeStyle(e,t){await this.changeStyles(new Map([[e,t]]))}applyVariablesToDocument(e,t){let n=e.getContentContainer()?.ownerDocument?.documentElement;if(n){for(let[e,r]of t)n.style.setProperty(e,this.normalizeVariableValue(e,r));this.syncUserSpecifiedFontClass(n),this.syncTextAlignStyle(n.ownerDocument)}}async resetStyles(){this.currentVariables.clear();let e=this.documentsProvider.getLoadedDocuments();for(let t of e)await this.injectStyles(t)}async dispose(){this.currentVariables.clear()}};exports.HtmlStyleProvider=i;

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

@@ -3,7 +3,6 @@ import { IHtmlDocument } from '../IHtmlDocument';
 
 export declare class HtmlStyleProvider implements IStyleProvider {
     private readonly documentsProvider;
-    readonly defaultVariables: Map<string, string>;
     readonly currentVariables: Map<string, string>;
     private readonly contentStyleId;
     private readonly holderClassName;

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

@@ -5,8 +5,7 @@ import { ContentCssVariables as i } from "./ContentCssVariables.mjs";
 //#region mediaTypes/html/renderer/style/HtmlStyleProvider.ts
 var a = class {
 	constructor(t) {
-		this.documentsProvider = t, this.defaultVariables = /* @__PURE__ */ new Map(), this.currentVariables = /* @__PURE__ */ new Map(), this.contentStyleId = "html-content-css-variables-style", this.holderClassName = e + "t", this.allElementSelectorPrefix = `html body *.${this.holderClassName}.${this.holderClassName}.${this.holderClassName}`, this.specialTextAlignCssId = e + "reader-special-variables-text-align-css", this.defaultVariables.clear();
-		for (let [e, t] of i.getDefaultVariables()) this.defaultVariables.set(e, t);
+		this.documentsProvider = t, this.currentVariables = /* @__PURE__ */ new Map(), this.contentStyleId = "html-content-css-variables-style", this.holderClassName = e + "t", this.allElementSelectorPrefix = `html body *.${this.holderClassName}.${this.holderClassName}.${this.holderClassName}`, this.specialTextAlignCssId = e + "reader-special-variables-text-align-css";
 	}
 	initialize(e) {
 		if (this.currentVariables.clear(), e) for (let [t, n] of e) this.currentVariables.set(t, n);
@@ -16,22 +15,22 @@ var a = class {
 		return e.toString();
 	}
 	getDefaultVariables() {
-		return this.defaultVariables;
+		return i.getDefaultVariables();
 	}
 	getCurrentVariables() {
 		return this.currentVariables;
 	}
 	getDefaultVariableValue(e) {
-		return this.defaultVariables.get(e) ?? "";
+		return this.getDefaultVariables().get(e) ?? "";
 	}
 	getVariableValue(e) {
-		return this.currentVariables.get(e) ?? this.defaultVariables.get(e) ?? "";
+		return this.currentVariables.get(e) ?? this.getDefaultVariableValue(e);
 	}
 	async injectStyles(e) {
 		let n = e.getContentContainer();
 		if (n ||= await e.getVirtualContentContainer(), !n?.ownerDocument) return;
 		let r = n.ownerDocument, i = r.documentElement;
-		for (let [e, t] of this.defaultVariables) this.currentVariables.has(e) || i.style.setProperty(e, t);
+		for (let [e, t] of this.getDefaultVariables()) this.currentVariables.has(e) || i.style.setProperty(e, t);
 		for (let [e, t] of this.currentVariables) i.style.setProperty(e, this.normalizeVariableValue(e, t));
 		this.syncUserSpecifiedFontClass(i);
 		let a = await this.getCss();
@@ -78,7 +77,7 @@ var a = class {
 		for (let t of e) await this.injectStyles(t);
 	}
 	async dispose() {
-		this.defaultVariables.clear(), this.currentVariables.clear();
+		this.currentVariables.clear();
 	}
 };
 //#endregion

package/dist/mediaTypes/html/renderer/style/html-content.cjs

@@ -13,6 +13,10 @@ html,\r
 html body * {\r
     font-weight: var(--font-weight) !important;\r
 }\r
+html[class*="content-page-horizontal-"] body {\r
+    /* Keep 1px so drag handles stay visible on mobile when selecting text close to the edge */\r
+    padding-inline: 1px !important;\r
+}\r
 \r
 html.foxycape-user-font,\r
 html.foxycape-user-font body * {\r

package/dist/mediaTypes/html/renderer/style/html-content.mjs

@@ -1,4 +1,4 @@
 //#region mediaTypes/html/renderer/style/html-content.css?raw
-var e = "html {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    font-size: var(--font-size) !important;\r\n    color: var(--content-text-color);\r\n    --fallback-font-family: -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nhtml,\r\nhtml body * {\r\n    font-weight: var(--font-weight) !important;\r\n}\r\n\r\nhtml.foxycape-user-font,\r\nhtml.foxycape-user-font body * {\r\n    font-family: var(--font-family), var(--fallback-font-family) !important;\r\n}\r\n\r\nbody {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    height: auto !important;\r\n    font-size: 1rem;\r\n    line-height: var(--text-line-height);\r\n}\r\n\r\ndiv,\r\nspan,\r\napplet,\r\nobject,\r\niframe,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np,\r\nblockquote,\r\npre,\r\na,\r\nabbr,\r\nacronym,\r\naddress,\r\nbig,\r\ncite,\r\ncode,\r\ndel,\r\ndfn,\r\nem,\r\nimg,\r\nins,\r\nkbd,\r\nq,\r\ns,\r\nsamp,\r\nsmall,\r\nstrike,\r\nstrong,\r\nsub,\r\nsup,\r\ntt,\r\nvar,\r\nb,\r\nu,\r\ni,\r\ncenter,\r\ndl,\r\ndt,\r\ndd,\r\nol,\r\nul,\r\nli,\r\nfieldset,\r\nform,\r\nlabel,\r\nlegend,\r\ntable,\r\ncaption,\r\ntbody,\r\ntfoot,\r\nthead,\r\ntr,\r\nth,\r\ntd,\r\narticle,\r\naside,\r\ncanvas,\r\ndetails,\r\nembed,\r\nfigure,\r\nfigcaption,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmenu,\r\nnav,\r\noutput,\r\nruby,\r\nsection,\r\nsummary,\r\ntime,\r\nmark,\r\naudio,\r\nvideo {\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    box-sizing: border-box;\r\n    /* all elements max width is 100% */\r\n    max-width: 100%;\r\n}\r\n\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmenu,\r\nnav,\r\nsection {\r\n    display: block;\r\n    /* all elements max width is 100% */\r\n    max-width: 100%;\r\n}\r\n\r\n/* Physical column box, not CSS column-width (vertical page remaps that to page height). */\r\n.columns-layout>body * {\r\n    max-width: var(--column-box-width, var(--column-width, 100%));\r\n}\r\n\r\n/* remove body margin, for some old mobile columns layout is not correct */\r\n.columns-layout>body {\r\n    max-height: none !important;\r\n    max-width: none !important;\r\n    margin: 0px !important;\r\n    position: static !important;\r\n}\r\n\r\n.columns-layout :lang(zh),\r\n.columns-layout :lang(ja),\r\n.columns-layout :lang(ko) {\r\n    widows: 1;\r\n    orphans: 1;\r\n}\r\n\r\nh1 {\r\n    font-size: 1.8rem;\r\n}\r\n\r\nh2 {\r\n    font-size: 1.6rem;\r\n}\r\n\r\nh3 {\r\n    font-size: 1.2rem;\r\n}\r\n\r\nh4,\r\nh5,\r\nh6 {\r\n    font-size: 1rem;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n    word-break: normal;\r\n    word-wrap: break-word;\r\n    margin-block-start: var(--head-margin-top) !important;\r\n    margin-block-end: var(--head-margin-bottom) !important;\r\n    line-height: var(--head-line-height, 1.5em);\r\n    text-align: start;\r\n    text-indent: 0;\r\n}\r\n\r\n/* Page columns only. Book `margin-top/-left: -N` maps to inline-start in\r\n   vertical/horizontal writing and leaks the box into the previous page. */\r\nhtml[class*=\"content-page-\"] :is(\r\n    h1, h2, h3, h4, h5, h6,\r\n    div, p, section, article, header, footer, aside, nav, main,\r\n    table, figure, blockquote,\r\n    ul, ol\r\n) {\r\n    margin-inline-start: 0 !important;\r\n}\r\n\r\na {\r\n    text-decoration: none;\r\n}\r\n\r\nmt {\r\n    display: block;\r\n    border-radius: 8px;\r\n    font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft YaHei', 'PingFang SC', 'sans-serif';\r\n}\r\n\r\nst mt,\r\ndiv mt,\r\np mt,\r\np+mt,\r\ndiv+mt {\r\n    word-wrap: break-word;\r\n    margin-block-start: var(--paragraph-margin-top) !important;\r\n    margin-block-end: var(--paragraph-margin-bottom) !important;\r\n    line-height: var(--text-line-height) !important;\r\n    text-justify: inter-ideograph;\r\n}\r\n\r\ndiv,\r\np {\r\n    word-wrap: break-word;\r\n    margin-block-start: var(--paragraph-margin-top) !important;\r\n    margin-block-end: var(--paragraph-margin-bottom) !important;\r\n    line-height: var(--text-line-height) !important;\r\n    text-align: justify;\r\n    text-indent: var(--text-indent);\r\n    text-justify: inter-ideograph;\r\n}\r\n\r\ndiv>span,\r\np>span {\r\n    line-height: normal;\r\n}\r\n\r\ntd * {\r\n    text-indent: 0 !important;\r\n}\r\n\r\npre,\r\ncode {\r\n    text-align: start;\r\n}\r\n\r\nul {\r\n    margin-block-start: var(--head-margin-top) !important;\r\n    margin-block-end: var(--head-margin-bottom) !important;\r\n    line-height: var(--head-line-height, 1.5em);\r\n}\r\n\r\nli {\r\n    margin-block-start: var(--paragraph-margin-top) !important;\r\n    margin-block-end: var(--paragraph-margin-bottom) !important;\r\n    line-height: var(--text-line-height) !important;\r\n}\r\n\r\nli>p {\r\n    text-indent: 0;\r\n}\r\n\r\nfont {\r\n    font-size: var(--font-size) !important;\r\n}\r\n\r\nhtml body p[text-align='end'] {\r\n    text-indent: 0 !important;\r\n}\r\n\r\nli,\r\nol,\r\nul {\r\n    text-indent: 0;\r\n}\r\n\r\nimg,\r\nsvg,\r\nvideo,\r\ncanvas {\r\n    max-width: var(--column-box-width, var(--page-width, 100%));\r\n    max-height: var(--column-box-height, var(--page-height, none));\r\n    object-fit: contain;\r\n}\r\n\r\nimg[data-preset-preview-url=\"true\"]:not([data-load-state=\"loaded\"]) {\r\n    background-color: var(--content-background);\r\n    background-color: var(--image-placeholder-color);\r\n}\r\n\r\npre {\r\n    overflow: auto;\r\n    text-indent: 0;\r\n    white-space: pre;\r\n    padding-left: 1em;\r\n    padding-right: 1em;\r\n    padding-top: 0.5em;\r\n    padding-bottom: 0.5em;\r\n}\r\n\r\n.no-text-intent {\r\n    text-indent: 0 !important;\r\n}\r\n\r\n/** center image */\r\n.lhx-text-empty:has(> img:only-child),\r\n.lhx-text-empty:has(> img:only-of-type, > img:only-of-type + a),\r\n:not(.lhx-text-empty):has(> img:first-child) {\r\n    text-align: center;\r\n}\r\n\r\n/** only one image and image has a tag after it */\r\n.lhx-text-empty:has(> img:only-of-type + a) {\r\n    text-align: center;\r\n    text-indent: 0 !important;\r\n}\r\n\r\n/** only one child div, p or img, then no text indent */\r\n.lhx-text-empty:has(> div:only-child, > p:only-child, > canvas:only-child, > object:only-child, > svg:only-child, > audio:only-child, > video:only-child, > iframe:only-child, > img:only-child),\r\n:not(.lhx-text-empty):has(> div:first-child, > p:first-child, > canvas:first-child, > object:first-child, > svg:first-child, > audio:first-child, > video:first-child, > iframe:first-child, > img:first-child),\r\nimg:only-child,\r\ncanvas:only-child,\r\nsvg:only-child,\r\nvideo:only-child,\r\naudio:only-child,\r\niframe:only-child,\r\nembed:only-child,\r\n*:has(> br) {\r\n    text-indent: 0 !important;\r\n}\r\n\r\n/** enumerate known formats */\r\n.poem,\r\n.SubHed,\r\n.bodycontent-text_center,\r\n.center,\r\n.center-content {\r\n    text-indent: 0 !important;\r\n}\r\n\r\n.lazy-load-image {\r\n    /* initial transparent */\r\n    opacity: 0;\r\n    /* add transition effect */\r\n    transition: opacity 0.3s;\r\n}\r\n\r\n.lazy-load-image.loaded {\r\n    opacity: 1;\r\n}";
+var e = "html {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    font-size: var(--font-size) !important;\r\n    color: var(--content-text-color);\r\n    --fallback-font-family: -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nhtml,\r\nhtml body * {\r\n    font-weight: var(--font-weight) !important;\r\n}\r\nhtml[class*=\"content-page-horizontal-\"] body {\r\n    /* Keep 1px so drag handles stay visible on mobile when selecting text close to the edge */\r\n    padding-inline: 1px !important;\r\n}\r\n\r\nhtml.foxycape-user-font,\r\nhtml.foxycape-user-font body * {\r\n    font-family: var(--font-family), var(--fallback-font-family) !important;\r\n}\r\n\r\nbody {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    height: auto !important;\r\n    font-size: 1rem;\r\n    line-height: var(--text-line-height);\r\n}\r\n\r\ndiv,\r\nspan,\r\napplet,\r\nobject,\r\niframe,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np,\r\nblockquote,\r\npre,\r\na,\r\nabbr,\r\nacronym,\r\naddress,\r\nbig,\r\ncite,\r\ncode,\r\ndel,\r\ndfn,\r\nem,\r\nimg,\r\nins,\r\nkbd,\r\nq,\r\ns,\r\nsamp,\r\nsmall,\r\nstrike,\r\nstrong,\r\nsub,\r\nsup,\r\ntt,\r\nvar,\r\nb,\r\nu,\r\ni,\r\ncenter,\r\ndl,\r\ndt,\r\ndd,\r\nol,\r\nul,\r\nli,\r\nfieldset,\r\nform,\r\nlabel,\r\nlegend,\r\ntable,\r\ncaption,\r\ntbody,\r\ntfoot,\r\nthead,\r\ntr,\r\nth,\r\ntd,\r\narticle,\r\naside,\r\ncanvas,\r\ndetails,\r\nembed,\r\nfigure,\r\nfigcaption,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmenu,\r\nnav,\r\noutput,\r\nruby,\r\nsection,\r\nsummary,\r\ntime,\r\nmark,\r\naudio,\r\nvideo {\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    box-sizing: border-box;\r\n    /* all elements max width is 100% */\r\n    max-width: 100%;\r\n}\r\n\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmenu,\r\nnav,\r\nsection {\r\n    display: block;\r\n    /* all elements max width is 100% */\r\n    max-width: 100%;\r\n}\r\n\r\n/* Physical column box, not CSS column-width (vertical page remaps that to page height). */\r\n.columns-layout>body * {\r\n    max-width: var(--column-box-width, var(--column-width, 100%));\r\n}\r\n\r\n/* remove body margin, for some old mobile columns layout is not correct */\r\n.columns-layout>body {\r\n    max-height: none !important;\r\n    max-width: none !important;\r\n    margin: 0px !important;\r\n    position: static !important;\r\n}\r\n\r\n.columns-layout :lang(zh),\r\n.columns-layout :lang(ja),\r\n.columns-layout :lang(ko) {\r\n    widows: 1;\r\n    orphans: 1;\r\n}\r\n\r\nh1 {\r\n    font-size: 1.8rem;\r\n}\r\n\r\nh2 {\r\n    font-size: 1.6rem;\r\n}\r\n\r\nh3 {\r\n    font-size: 1.2rem;\r\n}\r\n\r\nh4,\r\nh5,\r\nh6 {\r\n    font-size: 1rem;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n    word-break: normal;\r\n    word-wrap: break-word;\r\n    margin-block-start: var(--head-margin-top) !important;\r\n    margin-block-end: var(--head-margin-bottom) !important;\r\n    line-height: var(--head-line-height, 1.5em);\r\n    text-align: start;\r\n    text-indent: 0;\r\n}\r\n\r\n/* Page columns only. Book `margin-top/-left: -N` maps to inline-start in\r\n   vertical/horizontal writing and leaks the box into the previous page. */\r\nhtml[class*=\"content-page-\"] :is(\r\n    h1, h2, h3, h4, h5, h6,\r\n    div, p, section, article, header, footer, aside, nav, main,\r\n    table, figure, blockquote,\r\n    ul, ol\r\n) {\r\n    margin-inline-start: 0 !important;\r\n}\r\n\r\na {\r\n    text-decoration: none;\r\n}\r\n\r\nmt {\r\n    display: block;\r\n    border-radius: 8px;\r\n    font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft YaHei', 'PingFang SC', 'sans-serif';\r\n}\r\n\r\nst mt,\r\ndiv mt,\r\np mt,\r\np+mt,\r\ndiv+mt {\r\n    word-wrap: break-word;\r\n    margin-block-start: var(--paragraph-margin-top) !important;\r\n    margin-block-end: var(--paragraph-margin-bottom) !important;\r\n    line-height: var(--text-line-height) !important;\r\n    text-justify: inter-ideograph;\r\n}\r\n\r\ndiv,\r\np {\r\n    word-wrap: break-word;\r\n    margin-block-start: var(--paragraph-margin-top) !important;\r\n    margin-block-end: var(--paragraph-margin-bottom) !important;\r\n    line-height: var(--text-line-height) !important;\r\n    text-align: justify;\r\n    text-indent: var(--text-indent);\r\n    text-justify: inter-ideograph;\r\n}\r\n\r\ndiv>span,\r\np>span {\r\n    line-height: normal;\r\n}\r\n\r\ntd * {\r\n    text-indent: 0 !important;\r\n}\r\n\r\npre,\r\ncode {\r\n    text-align: start;\r\n}\r\n\r\nul {\r\n    margin-block-start: var(--head-margin-top) !important;\r\n    margin-block-end: var(--head-margin-bottom) !important;\r\n    line-height: var(--head-line-height, 1.5em);\r\n}\r\n\r\nli {\r\n    margin-block-start: var(--paragraph-margin-top) !important;\r\n    margin-block-end: var(--paragraph-margin-bottom) !important;\r\n    line-height: var(--text-line-height) !important;\r\n}\r\n\r\nli>p {\r\n    text-indent: 0;\r\n}\r\n\r\nfont {\r\n    font-size: var(--font-size) !important;\r\n}\r\n\r\nhtml body p[text-align='end'] {\r\n    text-indent: 0 !important;\r\n}\r\n\r\nli,\r\nol,\r\nul {\r\n    text-indent: 0;\r\n}\r\n\r\nimg,\r\nsvg,\r\nvideo,\r\ncanvas {\r\n    max-width: var(--column-box-width, var(--page-width, 100%));\r\n    max-height: var(--column-box-height, var(--page-height, none));\r\n    object-fit: contain;\r\n}\r\n\r\nimg[data-preset-preview-url=\"true\"]:not([data-load-state=\"loaded\"]) {\r\n    background-color: var(--content-background);\r\n    background-color: var(--image-placeholder-color);\r\n}\r\n\r\npre {\r\n    overflow: auto;\r\n    text-indent: 0;\r\n    white-space: pre;\r\n    padding-left: 1em;\r\n    padding-right: 1em;\r\n    padding-top: 0.5em;\r\n    padding-bottom: 0.5em;\r\n}\r\n\r\n.no-text-intent {\r\n    text-indent: 0 !important;\r\n}\r\n\r\n/** center image */\r\n.lhx-text-empty:has(> img:only-child),\r\n.lhx-text-empty:has(> img:only-of-type, > img:only-of-type + a),\r\n:not(.lhx-text-empty):has(> img:first-child) {\r\n    text-align: center;\r\n}\r\n\r\n/** only one image and image has a tag after it */\r\n.lhx-text-empty:has(> img:only-of-type + a) {\r\n    text-align: center;\r\n    text-indent: 0 !important;\r\n}\r\n\r\n/** only one child div, p or img, then no text indent */\r\n.lhx-text-empty:has(> div:only-child, > p:only-child, > canvas:only-child, > object:only-child, > svg:only-child, > audio:only-child, > video:only-child, > iframe:only-child, > img:only-child),\r\n:not(.lhx-text-empty):has(> div:first-child, > p:first-child, > canvas:first-child, > object:first-child, > svg:first-child, > audio:first-child, > video:first-child, > iframe:first-child, > img:first-child),\r\nimg:only-child,\r\ncanvas:only-child,\r\nsvg:only-child,\r\nvideo:only-child,\r\naudio:only-child,\r\niframe:only-child,\r\nembed:only-child,\r\n*:has(> br) {\r\n    text-indent: 0 !important;\r\n}\r\n\r\n/** enumerate known formats */\r\n.poem,\r\n.SubHed,\r\n.bodycontent-text_center,\r\n.center,\r\n.center-content {\r\n    text-indent: 0 !important;\r\n}\r\n\r\n.lazy-load-image {\r\n    /* initial transparent */\r\n    opacity: 0;\r\n    /* add transition effect */\r\n    transition: opacity 0.3s;\r\n}\r\n\r\n.lazy-load-image.loaded {\r\n    opacity: 1;\r\n}";
 //#endregion
 export { e as default };

package/dist/mediaTypes/pdf/fileParser/PdfFileParser.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../kernal/common/text.cjs"),t=require("../../../kernal/IFileParser.cjs"),n=require("../../../kernal/nav/Nav.cjs"),r=require("../../../kernal/io/IByteSource.cjs"),i=require("../../../kernal/io/BlobByteSource.cjs"),a=require("../../../kernal/io/MemoryByteSource.cjs"),o=require("../../base/fileParser/BaseFileParser.cjs"),s=require("../loadPdfDocument.cjs"),c=require("../ensurePdfWebWorker.cjs"),l=require("./PdfTextDocument.cjs"),u=require("./PdfPasswordProvider.cjs");var d=class extends o.BaseFileParser{constructor(e,t,n,r,i,a,o,s,c,l){super(e,t,n,r,s,c),this.events=i,this.locale=a,this.context=o,this.url=s,this.extension=c,this.options=l,this.ownedSources=[],this.pdfDocs=new Map,this.passwordProvider=new u.PdfPasswordProvider(i,a,o),this.bindDefaultPasswordFlow()}bindDefaultPasswordFlow(){this.options.standardPasswordProvider||(this.options.standardPasswordProvider=this.passwordProvider.getPassword)}async buildLocation(t,r){let i=typeof t==`string`?new n.NavPoint(``,t):t,a=await super.buildLocation(t,r);return(i.startPageNumber??0)>0&&(a.current=i.startPageNumber,a.unit=`page`),e.isNullOrWhiteSpace(i.pdfDest)||(a.pdfDest=i.pdfDest),a}async getCover(e,t){return null}async getTextDocuments(){if(this.textDocuments)return this.textDocuments;this.textDocuments=[];let e=await this.getSpineFiles();for(let t=0;t<e.length;t++){let n=e[t],r=new l.PdfTextDocument(this,n);this.textDocuments.push(r)}return this.textDocuments}async captureInitialSource(e){if(e.data&&e.data.byteLength>0){let t=e.byteSource;e.byteSource=void 0,await t?.close();return}if(e.byteSource){if(e.byteSource instanceof a.MemoryByteSource){e.data=await r.materialize(e.byteSource);let t=e.byteSource;e.byteSource=void 0,await t.close();return}this.sharedSource=e.byteSource,this.ownedSources.push(e.byteSource),e.byteSource=void 0}}trackSource(e){return this.ownedSources.push(e),e}async resolveSpineInput(e){if(e.data instanceof ArrayBuffer&&e.data.byteLength>0)return new Uint8Array(e.data);if(e.data instanceof Blob&&e.data.size>0)return this.trackSource(new i.BlobByteSource(e.data));if(this.sharedSource)return this.sharedSource;if(!e.url)return new Uint8Array;let t=await this.fileUrlParser.parse(e.url,{requireFullFile:!1});if(t.data&&t.data.byteLength>0){let e=t.byteSource;return t.byteSource=void 0,await e?.close(),new Uint8Array(t.data)}if(t.byteSource instanceof a.MemoryByteSource){let e=new Uint8Array(await r.materialize(t.byteSource));return await t.byteSource.close(),e}return t.byteSource?this.trackSource(t.byteSource):new Uint8Array}async getPdfDocument(e){let t=this.pdfDocs.get(e.url);return t&&!t.loadingTask.destroyed?t:(t=await this.internalGetPdfDocumentProxy(e),this.pdfDocs.set(e.url,t),t)}async internalGetPdfDocumentProxy(e){let t;this.options.standardPasswordProvider&&(t=await this.options.standardPasswordProvider(this,e));let n=await this.resolveSpineInput(e);return await s.loadPdfDocument(n,{password:t,cMapUrl:this.options.cMapUrl,standardFontDataUrl:this.options.standardFontDataUrl,wasmUrl:this.options.wasmUrl,iccUrl:this.options.iccUrl,showPasswordPrompt:this.options.showPasswordPrompt,passwordPrompt:this.passwordProvider.onPasswordPrompt,internalUrlBuilder:this.options.internalUrlBuilder,documentInitParametersCallback:this.options.documentInitParametersCallback})}async load(e){let t=await this.parseUrl(this.url,{requireFullFile:!1});await this.initializeDatas(t),e?.measureFilePercentage&&await this.measureFilePercentage(t.spineFiles??[],t.requireCalculateFileSymbolCount)}async parseUrl(e,n){let r=await super.parseUrl(e,n);if(r.spineFiles||=[],!r.isMultiFiles){await this.captureInitialSource(r);let e=new t.SpineFile(r.data,r.mainUrl,this.extension),n=await this.internalGetPdfDocumentProxy(e);r.data=void 0,e.data=void 0;for(let e=0;e<n.numPages;e++){let i=`${e+1}.pdf`,a=new t.SpineFile(null,i,this.extension);r.spineFiles.push(a),this.pdfDocs.set(i,n)}r.nav=await this.initNav(n)}return r}async measureFilePercentage(e,t){if(!e)return;if(!e.find(e=>e.symbolCount==null)){e[0]?.ratio!=null&&this.applyProgressRanges(e);return}let n=0;e.forEach(e=>{(e.symbolCount==null||e.symbolCount<=0)&&(e.symbolCount=1),n+=e.symbolCount}),n<=0&&(n=1),e.forEach(e=>{e.ratio??=e.symbolCount/n}),this.applyProgressRanges(e)}async getNav(){return await super.getNav()||null}async dispose(){await super.dispose();for(let[,e]of this.pdfDocs.entries())try{await e.cleanup(),await c.destroyPdfLoadingTask(e.loadingTask),await e.destroy()}catch{await c.destroyPdfLoadingTask(e.loadingTask)}this.pdfDocs.clear(),this.sharedSource=void 0;let e=this.ownedSources.splice(0);for(let t of e)try{await t.close()}catch{}if(this.textDocuments){for(let e of this.textDocuments)await e.dispose();this.textDocuments.splice(0)}}async initNav(e){let t=new n.Nav;if(!e)return t;let r=await e.getOutline();if(r==null||r.length==0)return t;for(let n=0;n<r.length;n++){let i=r[n],a=await this.getPageNumber(e,i.dest),o=await this.formatPdfDest(e,i.dest),s=await this.getNavPoint(e,i.title,a,o,i.items);t.navPoints.push(s)}return t}async getNavPoint(e,t,r,i,a){t=t?.trim().replace(/[\x00-\x1f]/gi,``);let o=r.toString()+`.pdf`,s=new n.NavPoint(t,o,r,i);if(a!=null&&a.length>0)for(let t=0;t<a.length;t++){let n=await this.getPageNumber(e,a[t].dest),r=await this.formatPdfDest(e,a[t].dest),i=await this.getNavPoint(e,a[t].title,n,r,a[t].items);s.children.push(i)}return s}async formatPdfDest(e,t){let n;return n=typeof t==`string`?await e.getDestination(t):t,JSON.stringify(n)}async getPageNumber(e,t){let n,r=0;try{if(n=typeof t==`string`?await e.getDestination(t):t,Array.isArray(n)){let[t]=n;typeof t==`object`&&t?r=await e.getPageIndex(t)+1:Number.isInteger(t)&&(r=t+1)}}catch{}return r}};exports.PdfFileParser=d;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../kernal/common/text.cjs"),t=require("../../../kernal/IFileParser.cjs"),n=require("../../../kernal/nav/Nav.cjs"),r=require("../../../kernal/io/IByteSource.cjs"),i=require("../../../kernal/io/BlobByteSource.cjs"),a=require("../../../kernal/io/MemoryByteSource.cjs"),o=require("../loadPdfDocument.cjs"),s=require("../ensurePdfWebWorker.cjs"),c=require("../../base/fileParser/BaseFileParser.cjs"),l=require("./PdfTextDocument.cjs"),u=require("./PdfPasswordProvider.cjs");var d=class extends c.BaseFileParser{constructor(e,t,n,r,i,a,o,s,c,l){super(e,t,n,r,s,c),this.events=i,this.locale=a,this.context=o,this.url=s,this.extension=c,this.options=l,this.ownedSources=[],this.pdfDocs=new Map,this.passwordProvider=new u.PdfPasswordProvider(i,a,o),this.bindDefaultPasswordFlow()}bindDefaultPasswordFlow(){this.options.standardPasswordProvider||(this.options.standardPasswordProvider=this.passwordProvider.getPassword)}async buildLocation(t,r){let i=typeof t==`string`?new n.NavPoint(``,t):t,a=await super.buildLocation(t,r);return(i.startPageNumber??0)>0&&(a.current=i.startPageNumber,a.unit=`page`),e.isNullOrWhiteSpace(i.pdfDest)||(a.pdfDest=i.pdfDest),a}async getCover(e,t){return null}async getTextDocuments(){if(this.textDocuments)return this.textDocuments;this.textDocuments=[];let e=await this.getSpineFiles();for(let t=0;t<e.length;t++){let n=e[t],r=new l.PdfTextDocument(this,n);this.textDocuments.push(r)}return this.textDocuments}async captureInitialSource(e){if(e.data&&e.data.byteLength>0){let t=e.byteSource;e.byteSource=void 0,await t?.close();return}if(e.byteSource){if(e.byteSource instanceof a.MemoryByteSource){e.data=await r.materialize(e.byteSource);let t=e.byteSource;e.byteSource=void 0,await t.close();return}this.sharedSource=e.byteSource,this.ownedSources.push(e.byteSource),e.byteSource=void 0}}trackSource(e){return this.ownedSources.push(e),e}async resolveSpineInput(e){if(e.data instanceof ArrayBuffer&&e.data.byteLength>0)return new Uint8Array(e.data);if(e.data instanceof Blob&&e.data.size>0)return this.trackSource(new i.BlobByteSource(e.data));if(this.sharedSource)return this.sharedSource;if(!e.url)return new Uint8Array;let t=await this.fileUrlParser.parse(e.url,{requireFullFile:!1});if(t.data&&t.data.byteLength>0){let e=t.byteSource;return t.byteSource=void 0,await e?.close(),new Uint8Array(t.data)}if(t.byteSource instanceof a.MemoryByteSource){let e=new Uint8Array(await r.materialize(t.byteSource));return await t.byteSource.close(),e}return t.byteSource?this.trackSource(t.byteSource):new Uint8Array}async getPdfDocument(e){let t=this.pdfDocs.get(e.url);return t&&!t.loadingTask.destroyed?t:(t=await this.internalGetPdfDocumentProxy(e),this.pdfDocs.set(e.url,t),t)}async internalGetPdfDocumentProxy(e){let t;this.options.standardPasswordProvider&&(t=await this.options.standardPasswordProvider(this,e));let n=await this.resolveSpineInput(e);return await o.loadPdfDocument(n,{password:t,cMapUrl:this.options.cMapUrl,standardFontDataUrl:this.options.standardFontDataUrl,wasmUrl:this.options.wasmUrl,iccUrl:this.options.iccUrl,showPasswordPrompt:this.options.showPasswordPrompt,passwordPrompt:this.passwordProvider.onPasswordPrompt,internalUrlBuilder:this.options.internalUrlBuilder,documentInitParametersCallback:this.options.documentInitParametersCallback})}async load(e){let t=await this.parseUrl(this.url,{requireFullFile:!1});await this.initializeDatas(t),e?.measureFilePercentage&&await this.measureFilePercentage(t.spineFiles??[],t.requireCalculateFileSymbolCount)}async parseUrl(e,n){let r=await super.parseUrl(e,n);if(r.spineFiles||=[],!r.isMultiFiles){await this.captureInitialSource(r);let e=new t.SpineFile(r.data,r.mainUrl,this.extension),n=await this.internalGetPdfDocumentProxy(e);r.data=void 0,e.data=void 0;for(let e=0;e<n.numPages;e++){let i=`${e+1}.pdf`,a=new t.SpineFile(null,i,this.extension);r.spineFiles.push(a),this.pdfDocs.set(i,n)}r.nav=await this.initNav(n)}return r}async measureFilePercentage(e,t){if(!e)return;if(!e.find(e=>e.symbolCount==null)){e[0]?.ratio!=null&&this.applyProgressRanges(e);return}let n=0;e.forEach(e=>{(e.symbolCount==null||e.symbolCount<=0)&&(e.symbolCount=1),n+=e.symbolCount}),n<=0&&(n=1),e.forEach(e=>{e.ratio??=e.symbolCount/n}),this.applyProgressRanges(e)}async getNav(){return await super.getNav()||null}async dispose(){await super.dispose();for(let[,e]of this.pdfDocs.entries())try{await e.cleanup(),await s.destroyPdfLoadingTask(e.loadingTask),await e.destroy()}catch{await s.destroyPdfLoadingTask(e.loadingTask)}this.pdfDocs.clear(),this.sharedSource=void 0;let e=this.ownedSources.splice(0);for(let t of e)try{await t.close()}catch{}if(this.textDocuments){for(let e of this.textDocuments)await e.dispose();this.textDocuments.splice(0)}}async initNav(e){let t=new n.Nav;if(!e)return t;let r=await e.getOutline();if(r==null||r.length==0)return t;for(let n=0;n<r.length;n++){let i=r[n],a=await this.getPageNumber(e,i.dest),o=await this.formatPdfDest(e,i.dest),s=await this.getNavPoint(e,i.title,a,o,i.items);t.navPoints.push(s)}return t}async getNavPoint(e,t,r,i,a){t=t?.trim().replace(/[\x00-\x1f]/gi,``);let o=r.toString()+`.pdf`,s=new n.NavPoint(t,o,r,i);if(a!=null&&a.length>0)for(let t=0;t<a.length;t++){let n=await this.getPageNumber(e,a[t].dest),r=await this.formatPdfDest(e,a[t].dest),i=await this.getNavPoint(e,a[t].title,n,r,a[t].items);s.children.push(i)}return s}async formatPdfDest(e,t){let n;return n=typeof t==`string`?await e.getDestination(t):t,JSON.stringify(n)}async getPageNumber(e,t){let n,r=0;try{if(n=typeof t==`string`?await e.getDestination(t):t,Array.isArray(n)){let[t]=n;typeof t==`object`&&t?r=await e.getPageIndex(t)+1:Number.isInteger(t)&&(r=t+1)}}catch{}return r}};exports.PdfFileParser=d;

package/dist/mediaTypes/pdf/fileParser/PdfFileParser.mjs

@@ -4,13 +4,13 @@ import { Nav as n, NavPoint as r } from "../../../kernal/nav/Nav.mjs";
 import { materialize as i } from "../../../kernal/io/IByteSource.mjs";
 import { BlobByteSource as a } from "../../../kernal/io/BlobByteSource.mjs";
 import { MemoryByteSource as o } from "../../../kernal/io/MemoryByteSource.mjs";
-import { BaseFileParser as s } from "../../base/fileParser/BaseFileParser.mjs";
-import { loadPdfDocument as c } from "../loadPdfDocument.mjs";
-import { destroyPdfLoadingTask as l } from "../ensurePdfWebWorker.mjs";
+import { loadPdfDocument as s } from "../loadPdfDocument.mjs";
+import { destroyPdfLoadingTask as c } from "../ensurePdfWebWorker.mjs";
+import { BaseFileParser as l } from "../../base/fileParser/BaseFileParser.mjs";
 import { PdfTextDocument as u } from "./PdfTextDocument.mjs";
 import { PdfPasswordProvider as d } from "./PdfPasswordProvider.mjs";
 //#region mediaTypes/pdf/fileParser/PdfFileParser.ts
-var f = class extends s {
+var f = class extends l {
 	constructor(e, t, n, r, i, a, o, s, c, l) {
 		super(e, t, n, r, s, c), this.events = i, this.locale = a, this.context = o, this.url = s, this.extension = c, this.options = l, this.ownedSources = [], this.pdfDocs = /* @__PURE__ */ new Map(), this.passwordProvider = new d(i, a, o), this.bindDefaultPasswordFlow();
 	}
@@ -77,7 +77,7 @@ var f = class extends s {
 		let t;
 		this.options.standardPasswordProvider && (t = await this.options.standardPasswordProvider(this, e));
 		let n = await this.resolveSpineInput(e);
-		return await c(n, {
+		return await s(n, {
 			password: t,
 			cMapUrl: this.options.cMapUrl,
 			standardFontDataUrl: this.options.standardFontDataUrl,
@@ -126,9 +126,9 @@ var f = class extends s {
 	async dispose() {
 		await super.dispose();
 		for (let [, e] of this.pdfDocs.entries()) try {
-			await e.cleanup(), await l(e.loadingTask), await e.destroy();
+			await e.cleanup(), await c(e.loadingTask), await e.destroy();
 		} catch {
-			await l(e.loadingTask);
+			await c(e.loadingTask);
 		}
 		this.pdfDocs.clear(), this.sharedSource = void 0;
 		let e = this.ownedSources.splice(0);

package/dist/mediaTypes/pdf/renderer/MultiPdfViewer.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ensurePdfWebWorker.cjs"),n=require("../shared/text/pageText.cjs");let r=require("../../../pdfjs/legacy/build/pdf.mjs");r=e.__toESM(r,1);let i=require("../../../pdfjs/legacy/web/pdf_viewer.mjs");i=e.__toESM(i,1);let a=require("perfect-debounce");var o=class extends i.PDFViewer{#e;constructor(e,r){super(e),this.options=r,this.#e=null,this.onPageRendered=async()=>{},this.docs=new Map,this.getPageText=async(e,r)=>{if(this.otherPages&&e>1){let i=this._pages.find(t=>t.id==e),a=i.spineFile;if(a){let e=this.docs.get(i.id),o=!1;e||(e=await this.callback(a,1),o=!0);let s=await n.getPageText(e.page,r);if(o){let n=e.doc;await n.cleanup(!1),await t.destroyPdfLoadingTask(n.loadingTask),await n.destroy()}return s}return``}{let t=await this.pdfDocument.getPage(e);return await n.getPageText(t,r)}},this.forceRenderingQueue=new Map,this.previousPageNumber=1,this.delayEnsurePdfPageLoaded=(0,a.debounce)(this.#n,25),this.loadRemotePdf=async e=>{let t=this._pages[e-1];if(t.pdfPage)return t.pdfPage;let n=t.spineFile;if(n){let r=this.docs.get(e);return r||(r=await this.callback(n,1),this.docs.set(t.id,r)),r.page}return null},this.DEFAULT_SCALE_DELTA=1.1,this.MAX_AUTO_SCALE=1.25,this.MAX_SCALE=10,this.MIN_SCALE=.1,this.#i=null,this.isMultiDocument=!1,this.bindEvents(),this.#e={previousPageNumber:1,scrollDown:!0,pages:[]}}bindEvents(){this.eventBus.on(`pagerendered`,this.onPageRendered)}unbindEvents(){this.eventBus.off(`pagerendered`,this.onPageRendered)}async setOtherPages(e,t){this.otherPages=e,e&&e.length>0&&(this.isMultiDocument=!0,e.forEach(e=>{e.originDestroy=e.destroy,e.destroy=()=>{e.originDestroy(),e.pdfPage=null;let t=this.docs.get(e.id);t&&(this.docs.delete(e.id),t.doc.destroy().then(()=>{t.doc.cleanup()}))},this._pages.push(e)})),this.callback=t}forceRendering(e){let t=e||this._getVisiblePages(),n=this.#t(t),r=this._spreadMode!==i.SpreadMode.NONE&&this._scrollMode!==i.ScrollMode.HORIZONTAL,a=this.renderingQueue.getHighestPriority(t,this._pages,n,r);return a?(this.previousPageNumber=a.id,this.forceRenderingQueue.get(a.id)?void 0:(this.forceRenderingQueue.set(a.id,a.id),this.isMultiDocument?this.delayEnsurePdfPageLoaded(a).then(e=>{if(this.forceRenderingQueue.delete(a.id),a.pdfPage)this.renderingQueue.renderView(a);else if(e){let t=this._pages[e.customPageNumber-1];t.pdfPage||t.setPdfPage(e),this.renderingQueue.renderView(t)}}):this.#n(a).then(e=>{if(this.forceRenderingQueue.delete(a.id),a.pdfPage)this.renderingQueue.renderView(a);else if(e){let t=this._pages[e.customPageNumber-1];t.pdfPage||t.setPdfPage(e),this.renderingQueue.renderView(t)}}),!0)):!1}#t(e){if(e.first?.id===1)return!0;if(e.last?.id===this.pagesCount)return!1;switch(this._scrollMode){case i.ScrollMode.PAGE:return this.#e.scrollDown;case i.ScrollMode.HORIZONTAL:return this.scroll.right}return this.scroll.down}async#n(e){if(e.pdfPage)return e.pdfPage;try{let t=e.spineFile,n;return n=t?await this.loadRemotePdf(e.id):await this.pdfDocument.getPage(e.id),n.customPageNumber=e.id,e.pdfPage||e.setPdfPage(n),n}catch(e){return console.error(`Unable to get page for page view`,e),null}}async dispose(){this.unbindEvents(),this.#i&&=(clearTimeout(this.#i),null);for(let[e,n]of this.docs.entries())try{n.doc&&await n.doc.cleanup(),await t.destroyPdfLoadingTask(n.doc?.loadingTask),n.doc&&await n.doc.destroy()}catch{}this.docs.clear(),this.otherPages&&this.otherPages.splice(0),this.forceRenderingQueue&&this.forceRenderingQueue.clear()}increaseScale({drawingDelay:e,scaleFactor:t,steps:n}={}){if(!this.pdfDocument)return;let r=this._currentScale;if(t!==void 0&&t>1)r=Math.round(r*t*100)/100;else{n??=1;do r=Math.ceil((r*this.DEFAULT_SCALE_DELTA).toFixed(2)*10)/10;while(--n>0&&r<this.MAX_SCALE)}this.#s(Math.min(this.MAX_SCALE,r),{noScroll:!1,drawingDelay:e})}decreaseScale({drawingDelay:e,scaleFactor:t,steps:n}={}){if(!this.pdfDocument)return;let r=this._currentScale;if(t!==void 0&&t>0&&t<1)r=Math.round(r*t*100)/100;else{n??=1;do r=Math.floor((r/this.DEFAULT_SCALE_DELTA).toFixed(2)*10)/10;while(--n>0&&r>this.MIN_SCALE)}this.#s(Math.max(this.MIN_SCALE,r),{noScroll:!1,drawingDelay:e})}_updateScrollMode(e){let t=this._scrollMode,n=this.viewer;n.classList.toggle(`scrollHorizontal`,t===i.ScrollMode.HORIZONTAL),n.classList.toggle(`scrollWrapped`,t===i.ScrollMode.WRAPPED),!(!this.pdfDocument||!e)&&(t===i.ScrollMode.PAGE?this.#u():this._previousScrollMode===i.ScrollMode.PAGE&&this._updateSpreadMode(),this._currentScaleValue&&isNaN(this._currentScaleValue)&&this.#s(this._currentScaleValue,{noScroll:!0}),this._customSetCurrentPageNumber(e,!0),this.update())}_updateSpreadMode(e){if(!this.pdfDocument)return;let t=this.viewer,n=this._pages;if(this._scrollMode===i.ScrollMode.PAGE)this.#u();else if(t.textContent=``,this._spreadMode===i.SpreadMode.NONE)for(let e of this._pages)t.append(e.div);else{let e=this._spreadMode-1,r=null;for(let i=0,a=n.length;i<a;++i)r===null?(r=document.createElement(`div`),r.className=`spread`,t.append(r)):i%2===e&&(r=r.cloneNode(!1),t.append(r)),r.append(n[i].div)}e&&(this._currentScaleValue&&isNaN(this._currentScaleValue)&&this.#s(this._currentScaleValue,{noScroll:!0}),this._customSetCurrentPageNumber(e,!0),this.update())}set pagesRotation(e){if(!this.isValidRotation(e))throw Error(`Invalid pages rotation angle.`);if(!this.pdfDocument||(e%=360,e<0&&(e+=360),this._pagesRotation===e))return;this._pagesRotation=e;let t=this._currentPageNumber;this.refresh(!0,{rotation:e}),this._currentScaleValue&&this.#s(this._currentScaleValue,{noScroll:!0}),this.eventBus.dispatch(`rotationchanging`,{source:this,pagesRotation:e,pageNumber:t}),this.defaultRenderingQueue&&this.update()}get pagesRotation(){return super.pagesRotation}set currentScaleValue(e){this.pdfDocument&&this.#s(e,{noScroll:!1})}get currentScaleValue(){return super.currentScaleValue}set currentScale(e){if(isNaN(e))throw Error(`Invalid numeric scale.`);this.pdfDocument&&this.#s(e,{noScroll:!1})}get currentScale(){return super.currentScale}#r(e){return e===this._currentScale||Math.abs(e-this._currentScale)<1e-15}#i;#a(e,t,{noScroll:n=!1,preset:i=!1,drawingDelay:a=-1}){if(this._currentScaleValue=t.toString(),this.#r(e)){i&&this.eventBus.dispatch(`scalechanging`,{source:this,scale:e,presetValue:t});return}this.viewer.style.setProperty(`--scale-factor`,e*r.PixelsPerInch.PDF_TO_CSS_UNITS);let o=a>=0&&a<1e3;if(this.refresh(!0,{scale:e,drawingDelay:o?a:-1}),o&&(this.#i=setTimeout(()=>{this.#i=null,this.refresh()},a)),this._currentScale=e,!n){let e=this._currentPageNumber,t;this._location&&!(this.isInPresentationMode||this.isChangingPresentationMode)&&(e=this._location.pageNumber,t=[null,{name:`XYZ`},this._location.left,this._location.top,null]),this.scrollPageIntoView({pageNumber:e,destArray:t,allowNegativeOffset:!0})}this.eventBus.dispatch(`scalechanging`,{source:this,scale:e,presetValue:i?t:void 0}),this.defaultRenderingQueue&&this.update()}get#o(){return this._spreadMode!==i.SpreadMode.NONE&&this._scrollMode!==i.ScrollMode.HORIZONTAL?2:1}#s(e,t){let n=parseFloat(e);if(typeof e==`string`&&e.trim().endsWith(`%`)&&Number.isFinite(n)&&n>0&&(n/=100,e=String(n)),n>0)t.preset=!1,this.#a(n,e,t);else{let r=this._pages[this._currentPageNumber-1];if(!r)return;let a=this.options.horizontalPadding?this.options.horizontalPadding:10,o=this.options.verticalPadding?this.options.verticalPadding:0;a<0&&(a=0),o<0&&(o=0),this._spreadMode!==i.SpreadMode.NONE&&(this.options.removeHorizonalMargin||(a+=10)),this.isInPresentationMode?(a=o=4,this._spreadMode!==i.SpreadMode.NONE&&(a*=2)):this.removePageBorders?this._scrollMode===i.ScrollMode.HORIZONTAL&&([a,o]=[o,a]):(a+=19*this.#o,o+=5,this._scrollMode===i.ScrollMode.HORIZONTAL&&([a,o]=[o,a]));let s=(this.container.clientWidth-a)/r.width*r.scale/this.#o,c=(this.container.clientHeight-o)/r.height*r.scale;switch(e){case`page-actual`:n=1;break;case`page-width`:n=s;break;case`page-height`:n=c;break;case`page-fit`:n=Math.min(s,c);break;case`auto`:let t=this.isPortraitOrientation(r)?s:Math.min(c,s);n=Math.min(this.MAX_AUTO_SCALE,t);break;default:console.error(`#setScale: "${e}" is an unknown zoom value.`);return}t.preset=!0,this.#a(n,e,t)}}#c(){let e=this._pages[this._currentPageNumber-1];this.isInPresentationMode&&this.#s(this._currentScaleValue,{noScroll:!0}),this.#l(e)}#l(e,t=null){let{div:n,id:r}=e;if(this._currentPageNumber!==r&&this._customSetCurrentPageNumber(r),this._scrollMode===i.ScrollMode.PAGE&&(this.#u(),this.update()),!t&&!this.isInPresentationMode){let e=n.offsetLeft+n.clientLeft,r=e+n.clientWidth,{scrollLeft:a,clientWidth:o}=this.container;(this._scrollMode===i.ScrollMode.HORIZONTAL||e<a||r>a+o)&&(t={left:0,top:0})}this.scrollIntoView(n,t),!this._currentScaleValue&&this._location&&(this._location=null)}#u(){if(this._scrollMode!==i.ScrollMode.PAGE)throw Error(`#ensurePageViewVisible: Invalid scrollMode value.`);let e=this._currentPageNumber,t=this.#e,n=this.viewer;if(n.textContent=``,t.pages.length=0,this._spreadMode===i.SpreadMode.NONE&&!this.isInPresentationMode){let r=this._pages[e-1];n.append(r.div),t.pages.push(r)}else{let r=new Set,i=this._spreadMode-1;i===-1?r.add(e-1):e%2===i?(r.add(e-2),r.add(e-1)):(r.add(e-1),r.add(e));let a=document.createElement(`div`);if(a.className=`spread`,this.isInPresentationMode){let e=document.createElement(`div`);e.className=`dummyPage`,a.append(e)}for(let e of r){let n=this._pages[e];n&&(a.append(n.div),t.pages.push(n))}n.append(a)}t.scrollDown=e>=t.previousPageNumber,t.previousPageNumber=e}rescrollIntoView(e){this._location=null,this.#s(this._currentScaleValue,{noScroll:!1}),this._customSetCurrentPageNumber(e,!0)}_customSetCurrentPageNumber(e,t=!1){if(this._currentPageNumber===e)return t&&this.#c(),!0;if(!(0<e&&e<=this.pagesCount))return!1;let n=this._currentPageNumber;return this._currentPageNumber=e,this.eventBus.dispatch(`pagechanging`,{source:this,pageNumber:e,pageLabel:this._pageLabels?.[e-1]??null,previous:n}),t&&this.#c(),!0}scrollIntoView(e,t,n=!1){let r=e.offsetParent;if(!r){console.error(`offsetParent is not set -- cannot scroll`);return}let i=e.offsetTop+e.clientTop,a=e.offsetLeft+e.clientLeft;for(;r.clientHeight===r.scrollHeight&&r.clientWidth===r.scrollWidth||n&&(r.classList.contains(`markedContent`)||getComputedStyle(r).overflow===`hidden`);)if(i+=r.offsetTop,a+=r.offsetLeft,r=r.offsetParent,!r)return;t&&(t.top!==void 0&&(i+=t.top),t.left!==void 0&&(a+=t.left,r.scrollLeft=a)),r.scrollTop=i}isPortraitOrientation(e){return e.width<=e.height}isValidRotation(e){return Number.isInteger(e)&&e%90==0}refresh(e=!1,t=Object.create(null)){if(this.pdfDocument){for(let e of this._pages)e.update(t);this.#i!==null&&(clearTimeout(this.#i),this.#i=null),e||this.update()}}};exports.MultiPDFViewer=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ensurePdfWebWorker.cjs"),n=require("../shared/text/pageText.cjs");let r=require("../../../pdfjs/legacy/build/pdf.mjs");r=e.__toESM(r,1);let i=require("../../../pdfjs/legacy/web/pdf_viewer.mjs");i=e.__toESM(i,1);let a=require("perfect-debounce");var o=class extends i.PDFViewer{#e;constructor(e,r){super(e),this.options=r,this.#e=null,this.onPageRendered=async()=>{},this.docs=new Map,this.getPageText=async(e,r)=>{if(this.otherPages&&e>1){let i=this._pages.find(t=>t.id==e),a=i.spineFile;if(a){let e=this.docs.get(i.id),o=!1;e||(e=await this.callback(a,1),o=!0);let s=await n.getPageText(e.page,r);if(o){let n=e.doc;await n.cleanup(!1),await t.destroyPdfLoadingTask(n.loadingTask),await n.destroy()}return s}return``}{let t=await this.pdfDocument.getPage(e);return await n.getPageText(t,r)}},this.forceRenderingQueue=new Map,this.previousPageNumber=1,this.delayEnsurePdfPageLoaded=(0,a.debounce)(this.#n,25),this.loadRemotePdf=async e=>{let t=this._pages[e-1];if(t.pdfPage)return t.pdfPage;let n=t.spineFile;if(n){let r=this.docs.get(e);return r||(r=await this.callback(n,1),this.docs.set(t.id,r)),r.page}return null},this.DEFAULT_SCALE_DELTA=1.1,this.MAX_AUTO_SCALE=1.25,this.MAX_SCALE=10,this.MIN_SCALE=.1,this.#i=null,this.isMultiDocument=!1,this.bindEvents(),this.#e={previousPageNumber:1,scrollDown:!0,pages:[]}}bindEvents(){this.eventBus.on(`pagerendered`,this.onPageRendered)}unbindEvents(){this.eventBus.off(`pagerendered`,this.onPageRendered)}async setOtherPages(e,t){this.otherPages=e,e&&e.length>0&&(this.isMultiDocument=!0,e.forEach(e=>{e.originDestroy=e.destroy,e.destroy=()=>{e.originDestroy(),e.pdfPage=null;let t=this.docs.get(e.id);t&&(this.docs.delete(e.id),t.doc.destroy().then(()=>{t.doc.cleanup()}))},this._pages.push(e)})),this.callback=t}forceRendering(e){let t=e||this._getVisiblePages(),n=this.#t(t),r=this._spreadMode!==i.SpreadMode.NONE&&this._scrollMode!==i.ScrollMode.HORIZONTAL,a=this.renderingQueue.getHighestPriority(t,this._pages,n,r);return a?(this.previousPageNumber=a.id,this.forceRenderingQueue.get(a.id)?void 0:(this.forceRenderingQueue.set(a.id,a.id),this.isMultiDocument?this.delayEnsurePdfPageLoaded(a).then(e=>{if(this.forceRenderingQueue.delete(a.id),a.pdfPage)this.renderingQueue.renderView(a);else if(e){let t=this._pages[e.customPageNumber-1];t.pdfPage||t.setPdfPage(e),this.renderingQueue.renderView(t)}}):this.#n(a).then(e=>{if(this.forceRenderingQueue.delete(a.id),a.pdfPage)this.renderingQueue.renderView(a);else if(e){let t=this._pages[e.customPageNumber-1];t.pdfPage||t.setPdfPage(e),this.renderingQueue.renderView(t)}}),!0)):!1}#t(e){if(e.first?.id===1)return!0;if(e.last?.id===this.pagesCount)return!1;switch(this._scrollMode){case i.ScrollMode.PAGE:return this.#e.scrollDown;case i.ScrollMode.HORIZONTAL:return this.scroll.right}return this.scroll.down}async#n(e){if(e.pdfPage)return e.pdfPage;try{let t=e.spineFile,n;return n=t?await this.loadRemotePdf(e.id):await this.pdfDocument.getPage(e.id),n.customPageNumber=e.id,e.pdfPage||e.setPdfPage(n),n}catch(e){return console.error(`Unable to get page for page view`,e),null}}async dispose(){this.unbindEvents(),this.#i&&=(clearTimeout(this.#i),null);for(let[e,n]of this.docs.entries())try{n.doc&&await n.doc.cleanup(),await t.destroyPdfLoadingTask(n.doc?.loadingTask),n.doc&&await n.doc.destroy()}catch{}this.docs.clear(),this.otherPages&&this.otherPages.splice(0),this.forceRenderingQueue&&this.forceRenderingQueue.clear()}increaseScale({drawingDelay:e,scaleFactor:t,steps:n}={}){if(!this.pdfDocument)return;let r=this._currentScale;if(t!==void 0&&t>1)r=Math.round(r*t*100)/100;else{n??=1;do r=Math.ceil((r*this.DEFAULT_SCALE_DELTA).toFixed(2)*10)/10;while(--n>0&&r<this.MAX_SCALE)}this.#s(Math.min(this.MAX_SCALE,r),{noScroll:!1,drawingDelay:e})}decreaseScale({drawingDelay:e,scaleFactor:t,steps:n}={}){if(!this.pdfDocument)return;let r=this._currentScale;if(t!==void 0&&t>0&&t<1)r=Math.round(r*t*100)/100;else{n??=1;do r=Math.floor((r/this.DEFAULT_SCALE_DELTA).toFixed(2)*10)/10;while(--n>0&&r>this.MIN_SCALE)}this.#s(Math.max(this.MIN_SCALE,r),{noScroll:!1,drawingDelay:e})}adjustScrollForScaleOrigin(e,t,n){if(!(e>0))return;let r=this.currentScale/e-1;if(r===0)return;let[i,a]=this.containerTopLeft;this.container.scrollLeft+=(t-a)*r,this.container.scrollTop+=(n-i)*r}adjustScrollForViewportCenter(e){let t=this.container.getBoundingClientRect();this.adjustScrollForScaleOrigin(e,t.left+t.width/2,t.top+t.height/2)}_updateScrollMode(e){let t=this._scrollMode,n=this.viewer;n.classList.toggle(`scrollHorizontal`,t===i.ScrollMode.HORIZONTAL),n.classList.toggle(`scrollWrapped`,t===i.ScrollMode.WRAPPED),!(!this.pdfDocument||!e)&&(t===i.ScrollMode.PAGE?this.#u():this._previousScrollMode===i.ScrollMode.PAGE&&this._updateSpreadMode(),this._currentScaleValue&&isNaN(this._currentScaleValue)&&this.#s(this._currentScaleValue,{noScroll:!0}),this._customSetCurrentPageNumber(e,!0),this.update())}_updateSpreadMode(e){if(!this.pdfDocument)return;let t=this.viewer,n=this._pages;if(this._scrollMode===i.ScrollMode.PAGE)this.#u();else if(t.textContent=``,this._spreadMode===i.SpreadMode.NONE)for(let e of this._pages)t.append(e.div);else{let e=this._spreadMode-1,r=null;for(let i=0,a=n.length;i<a;++i)r===null?(r=document.createElement(`div`),r.className=`spread`,t.append(r)):i%2===e&&(r=r.cloneNode(!1),t.append(r)),r.append(n[i].div)}e&&(this._currentScaleValue&&isNaN(this._currentScaleValue)&&this.#s(this._currentScaleValue,{noScroll:!0}),this._customSetCurrentPageNumber(e,!0),this.update())}set pagesRotation(e){if(!this.isValidRotation(e))throw Error(`Invalid pages rotation angle.`);if(!this.pdfDocument||(e%=360,e<0&&(e+=360),this._pagesRotation===e))return;this._pagesRotation=e;let t=this._currentPageNumber;this.refresh(!0,{rotation:e}),this._currentScaleValue&&this.#s(this._currentScaleValue,{noScroll:!0}),this.eventBus.dispatch(`rotationchanging`,{source:this,pagesRotation:e,pageNumber:t}),this.defaultRenderingQueue&&this.update()}get pagesRotation(){return super.pagesRotation}set currentScaleValue(e){this.pdfDocument&&this.#s(e,{noScroll:!1})}get currentScaleValue(){return super.currentScaleValue}set currentScale(e){if(isNaN(e))throw Error(`Invalid numeric scale.`);this.pdfDocument&&this.#s(e,{noScroll:!1})}get currentScale(){return super.currentScale}#r(e){return e===this._currentScale||Math.abs(e-this._currentScale)<1e-15}#i;#a(e,t,{noScroll:n=!1,preset:i=!1,drawingDelay:a=-1}){if(this._currentScaleValue=t.toString(),this.#r(e)){i&&this.eventBus.dispatch(`scalechanging`,{source:this,scale:e,presetValue:t});return}this.viewer.style.setProperty(`--scale-factor`,e*r.PixelsPerInch.PDF_TO_CSS_UNITS);let o=a>=0&&a<1e3;if(this.refresh(!0,{scale:e,drawingDelay:o?a:-1}),o&&(this.#i=setTimeout(()=>{this.#i=null,this.refresh()},a)),this._currentScale=e,!n){let e=this._currentPageNumber,t;this._location&&!(this.isInPresentationMode||this.isChangingPresentationMode)&&(e=this._location.pageNumber,t=[null,{name:`XYZ`},this._location.left,this._location.top,null]),this.scrollPageIntoView({pageNumber:e,destArray:t,allowNegativeOffset:!0})}this.eventBus.dispatch(`scalechanging`,{source:this,scale:e,presetValue:i?t:void 0}),this.defaultRenderingQueue&&this.update()}get#o(){return this._spreadMode!==i.SpreadMode.NONE&&this._scrollMode!==i.ScrollMode.HORIZONTAL?2:1}#s(e,t){let n=parseFloat(e);if(typeof e==`string`&&e.trim().endsWith(`%`)&&Number.isFinite(n)&&n>0&&(n/=100,e=String(n)),n>0)t.preset=!1,this.#a(n,e,t);else{let r=this._pages[this._currentPageNumber-1];if(!r)return;let a=this.options.horizontalPadding?this.options.horizontalPadding:10,o=this.options.verticalPadding?this.options.verticalPadding:0;a<0&&(a=0),o<0&&(o=0),this._spreadMode!==i.SpreadMode.NONE&&(this.options.removeHorizonalMargin||(a+=10)),this.isInPresentationMode?(a=o=4,this._spreadMode!==i.SpreadMode.NONE&&(a*=2)):this.removePageBorders?this._scrollMode===i.ScrollMode.HORIZONTAL&&([a,o]=[o,a]):(a+=19*this.#o,o+=5,this._scrollMode===i.ScrollMode.HORIZONTAL&&([a,o]=[o,a]));let s=(this.container.clientWidth-a)/r.width*r.scale/this.#o,c=(this.container.clientHeight-o)/r.height*r.scale;switch(e){case`page-actual`:n=1;break;case`page-width`:n=s;break;case`page-height`:n=c;break;case`page-fit`:n=Math.min(s,c);break;case`auto`:let t=this.isPortraitOrientation(r)?s:Math.min(c,s);n=Math.min(this.MAX_AUTO_SCALE,t);break;default:console.error(`#setScale: "${e}" is an unknown zoom value.`);return}t.preset=!0,this.#a(n,e,t)}}#c(){let e=this._pages[this._currentPageNumber-1];this.isInPresentationMode&&this.#s(this._currentScaleValue,{noScroll:!0}),this.#l(e)}#l(e,t=null){let{div:n,id:r}=e;if(this._currentPageNumber!==r&&this._customSetCurrentPageNumber(r),this._scrollMode===i.ScrollMode.PAGE&&(this.#u(),this.update()),!t&&!this.isInPresentationMode){let e=n.offsetLeft+n.clientLeft,r=e+n.clientWidth,{scrollLeft:a,clientWidth:o}=this.container;(this._scrollMode===i.ScrollMode.HORIZONTAL||e<a||r>a+o)&&(t={left:0,top:0})}this.scrollIntoView(n,t),!this._currentScaleValue&&this._location&&(this._location=null)}#u(){if(this._scrollMode!==i.ScrollMode.PAGE)throw Error(`#ensurePageViewVisible: Invalid scrollMode value.`);let e=this._currentPageNumber,t=this.#e,n=this.viewer;if(n.textContent=``,t.pages.length=0,this._spreadMode===i.SpreadMode.NONE&&!this.isInPresentationMode){let r=this._pages[e-1];n.append(r.div),t.pages.push(r)}else{let r=new Set,i=this._spreadMode-1;i===-1?r.add(e-1):e%2===i?(r.add(e-2),r.add(e-1)):(r.add(e-1),r.add(e));let a=document.createElement(`div`);if(a.className=`spread`,this.isInPresentationMode){let e=document.createElement(`div`);e.className=`dummyPage`,a.append(e)}for(let e of r){let n=this._pages[e];n&&(a.append(n.div),t.pages.push(n))}n.append(a)}t.scrollDown=e>=t.previousPageNumber,t.previousPageNumber=e}rescrollIntoView(e){this._location=null,this.#s(this._currentScaleValue,{noScroll:!1}),this._customSetCurrentPageNumber(e,!0)}_customSetCurrentPageNumber(e,t=!1){if(this._currentPageNumber===e)return t&&this.#c(),!0;if(!(0<e&&e<=this.pagesCount))return!1;let n=this._currentPageNumber;return this._currentPageNumber=e,this.eventBus.dispatch(`pagechanging`,{source:this,pageNumber:e,pageLabel:this._pageLabels?.[e-1]??null,previous:n}),t&&this.#c(),!0}scrollIntoView(e,t,n=!1){let r=e.offsetParent;if(!r){console.error(`offsetParent is not set -- cannot scroll`);return}let i=e.offsetTop+e.clientTop,a=e.offsetLeft+e.clientLeft;for(;r.clientHeight===r.scrollHeight&&r.clientWidth===r.scrollWidth||n&&(r.classList.contains(`markedContent`)||getComputedStyle(r).overflow===`hidden`);)if(i+=r.offsetTop,a+=r.offsetLeft,r=r.offsetParent,!r)return;t&&(t.top!==void 0&&(i+=t.top),t.left!==void 0&&(a+=t.left,r.scrollLeft=a)),r.scrollTop=i}isPortraitOrientation(e){return e.width<=e.height}isValidRotation(e){return Number.isInteger(e)&&e%90==0}refresh(e=!1,t=Object.create(null)){if(this.pdfDocument){for(let e of this._pages)e.update(t);this.#i!==null&&(clearTimeout(this.#i),this.#i=null),e||this.update()}}};exports.MultiPDFViewer=o;

package/dist/mediaTypes/pdf/renderer/MultiPdfViewer.d.ts

@@ -40,6 +40,8 @@ export declare class MultiPDFViewer extends pdfjsViewer.PDFViewer implements IDi
         scaleFactor?: number;
         steps?: number;
     }): void;
+    adjustScrollForScaleOrigin(previousScale: number, clientX: number, clientY: number): void;
+    adjustScrollForViewportCenter(previousScale: number): void;
     _updateScrollMode(pageNumber?: null): void;
     _updateSpreadMode(pageNumber?: null): void;
     set pagesRotation(rotation: number);

package/dist/mediaTypes/pdf/renderer/MultiPdfViewer.mjs

@@ -129,6 +129,17 @@ var a = class extends i.PDFViewer {
 			drawingDelay: e
 		});
 	}
+	adjustScrollForScaleOrigin(e, t, n) {
+		if (!(e > 0)) return;
+		let r = this.currentScale / e - 1;
+		if (r === 0) return;
+		let [i, a] = this.containerTopLeft;
+		this.container.scrollLeft += (t - a) * r, this.container.scrollTop += (n - i) * r;
+	}
+	adjustScrollForViewportCenter(e) {
+		let t = this.container.getBoundingClientRect();
+		this.adjustScrollForScaleOrigin(e, t.left + t.width / 2, t.top + t.height / 2);
+	}
 	_updateScrollMode(e) {
 		let t = this._scrollMode, n = this.viewer;
 		n.classList.toggle("scrollHorizontal", t === i.ScrollMode.HORIZONTAL), n.classList.toggle("scrollWrapped", t === i.ScrollMode.WRAPPED), !(!this.pdfDocument || !e) && (t === i.ScrollMode.PAGE ? this.#u() : this._previousScrollMode === i.ScrollMode.PAGE && this._updateSpreadMode(), this._currentScaleValue && isNaN(this._currentScaleValue) && this.#s(this._currentScaleValue, { noScroll: !0 }), this._customSetCurrentPageNumber(e, !0), this.update());

package/dist/mediaTypes/pdf/renderer/PdfDocument.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../kernal/common/uuid.cjs"),t=require("../../../kernal/IFileParser.cjs"),n=require("../../../kernal/html/geometry.cjs"),r=require("../../base/renderer/BaseDocument.cjs");var i=`custom-text-layer`,a=class extends r.BaseDocument{constructor(e,n,r,i,a,o){super(e,r,i,new t.SpineFile(null,a||`${o}.pdf`,`.pdf`)),this.pdfViewer=n,this.texts=new Map,this.currentPageNumber=o,this.loadStatus=`success`}get pageNumber(){return this.currentPageNumber}getPageGeometry(){let e=this.resolvePageView(),t=e?.pdfPage?.ref;if(!(!e?.viewport||!e.div||!t))return{rawWidth:e.viewport.viewBox[2],rawHeight:e.viewport.viewBox[3],rotation:Math.abs(e.viewport.rotation)%360,displayWidth:e.width,displayHeight:e.height,pageRect:e.div.getBoundingClientRect(),ref:t}}getVisibleElements(e){if(this.loadStatus!=`success`)return[];let t=this.getContentContainer();if(!t)return[];let r=this.collectTextLayerElements(t);if(r.length===0)return[];let i=this.owner.getRenderer()?.getScrollElement()??this.owner.getReaderContainer();if(!i)return[];let a=i.getBoundingClientRect(),o={left:a.left,top:a.top,right:a.right,bottom:a.bottom};return o.right<=o.left||o.bottom<=o.top?[]:n.getOrderedElementsIntersectingRect(r,o,{fullVisible:e})}collectTextLayerElements(e){let t=e.querySelectorAll(`svg.${i} text`);return t.length>0?Array.from(t):Array.from(e.querySelectorAll(`.textLayer span`))}resolvePageView(){return this.pdfViewer._pages.find(e=>e.id==this.pageNumber)}async load(){this.loadStatus=`success`}async getText(t){let n=e.computeUniqueId(JSON.stringify(t??{}));if(this.texts.has(n))return this.texts.get(n);let r=await this.pdfViewer.getPageText(this.pageNumber,t);return this.texts.set(n,r),r}async dispose(){this.texts.clear(),await super.dispose()}};exports.PdfDocument=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../kernal/common/uuid.cjs"),t=require("../../../kernal/IFileParser.cjs"),n=require("../../base/renderer/BaseDocument.cjs"),r=require("../../../kernal/html/geometry.cjs");var i=`custom-text-layer`,a=class extends n.BaseDocument{constructor(e,n,r,i,a,o){super(e,r,i,new t.SpineFile(null,a||`${o}.pdf`,`.pdf`)),this.pdfViewer=n,this.texts=new Map,this.currentPageNumber=o,this.loadStatus=`success`}get pageNumber(){return this.currentPageNumber}getPageGeometry(){let e=this.resolvePageView(),t=e?.pdfPage?.ref;if(!(!e?.viewport||!e.div||!t))return{rawWidth:e.viewport.viewBox[2],rawHeight:e.viewport.viewBox[3],rotation:Math.abs(e.viewport.rotation)%360,displayWidth:e.width,displayHeight:e.height,pageRect:e.div.getBoundingClientRect(),ref:t}}getVisibleElements(e){if(this.loadStatus!=`success`)return[];let t=this.getContentContainer();if(!t)return[];let n=this.collectTextLayerElements(t);if(n.length===0)return[];let i=this.owner.getRenderer()?.getScrollElement()??this.owner.getReaderContainer();if(!i)return[];let a=i.getBoundingClientRect(),o={left:a.left,top:a.top,right:a.right,bottom:a.bottom};return o.right<=o.left||o.bottom<=o.top?[]:r.getOrderedElementsIntersectingRect(n,o,{fullVisible:e})}collectTextLayerElements(e){let t=e.querySelectorAll(`svg.${i} text`);return t.length>0?Array.from(t):Array.from(e.querySelectorAll(`.textLayer span`))}resolvePageView(){return this.pdfViewer._pages.find(e=>e.id==this.pageNumber)}async load(){this.loadStatus=`success`}async getText(t){let n=e.computeUniqueId(JSON.stringify(t??{}));if(this.texts.has(n))return this.texts.get(n);let r=await this.pdfViewer.getPageText(this.pageNumber,t);return this.texts.set(n,r),r}async dispose(){this.texts.clear(),await super.dispose()}};exports.PdfDocument=a;

package/dist/mediaTypes/pdf/renderer/PdfDocument.mjs

@@ -1,9 +1,9 @@
 import { computeUniqueId as e } from "../../../kernal/common/uuid.mjs";
 import { SpineFile as t } from "../../../kernal/IFileParser.mjs";
-import { getOrderedElementsIntersectingRect as n } from "../../../kernal/html/geometry.mjs";
-import { BaseDocument as r } from "../../base/renderer/BaseDocument.mjs";
+import { BaseDocument as n } from "../../base/renderer/BaseDocument.mjs";
+import { getOrderedElementsIntersectingRect as r } from "../../../kernal/html/geometry.mjs";
 //#region mediaTypes/pdf/renderer/PdfDocument.ts
-var i = "custom-text-layer", a = class extends r {
+var i = "custom-text-layer", a = class extends n {
 	constructor(e, n, r, i, a, o) {
 		super(e, r, i, new t(null, a || `${o}.pdf`, ".pdf")), this.pdfViewer = n, this.texts = /* @__PURE__ */ new Map(), this.currentPageNumber = o, this.loadStatus = "success";
 	}
@@ -26,8 +26,8 @@ var i = "custom-text-layer", a = class extends r {
 		if (this.loadStatus != "success") return [];
 		let t = this.getContentContainer();
 		if (!t) return [];
-		let r = this.collectTextLayerElements(t);
-		if (r.length === 0) return [];
+		let n = this.collectTextLayerElements(t);
+		if (n.length === 0) return [];
 		let i = this.owner.getRenderer()?.getScrollElement() ?? this.owner.getReaderContainer();
 		if (!i) return [];
 		let a = i.getBoundingClientRect(), o = {
@@ -36,7 +36,7 @@ var i = "custom-text-layer", a = class extends r {
 			right: a.right,
 			bottom: a.bottom
 		};
-		return o.right <= o.left || o.bottom <= o.top ? [] : n(r, o, { fullVisible: e });
+		return o.right <= o.left || o.bottom <= o.top ? [] : r(n, o, { fullVisible: e });
 	}
 	collectTextLayerElements(e) {
 		let t = e.querySelectorAll(`svg.${i} text`);