@foxycape/core 1.2.2 → 1.2.4

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) {
@@ -132,16 +132,16 @@ var u = class {
 		};
 	}
 	getContentsContainerWidth() {
-		let { width: e } = this.rendererContainer.getBoundingClientRect(), t = e;
-		if (this.device.getDeviceType() == "mobile" && t <= 768) return t;
-		if (this.getFlipMode() == "scroll") return this.htmlOptions.enableAutoFitPageWidth ? t : this.htmlOptions.maxScrollContentWidth ? Math.min(t, Math.abs(this.htmlOptions.maxScrollContentWidth)) : Math.min(t, this.htmlOptions.columnWidth);
-		let n = this.htmlOptions.columns, r = this.getColumnWidth();
+		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 t;
-			n = t <= r ? 1 : this.htmlOptions.maxColumns;
+			if (!this.htmlOptions.maxColumns) return e;
+			t = e <= n ? 1 : this.htmlOptions.maxColumns;
 		}
-		let i = this.getMultiColumnWidthFactor();
-		return n > 1 ? Math.min(t, n * r * i) : Math.min(t, r);
+		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();

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/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`);

package/dist/mediaTypes/pdf/renderer/documents/PdfDocumentsProvider.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../kernal/EventNames.cjs"),n=require("../../../../kernal/common/text.cjs"),r=require("../../../../kernal/html/finder.cjs"),i=require("../../../../kernal/html/injector.cjs"),a=require("../../../../kernal/Theme.cjs"),o=require("../../../../kernal/html/style.cjs"),s=require("../../../base/renderer/BaseDocumentsProvider.cjs"),c=require("../PdfViewerBuilder.cjs"),l=require("./resolvePdfLocationPageNumber.cjs"),u=require("../PdfDocument.cjs"),d=require("../layout/PdfRendererViewport.cjs");let f=require("../../../../pdfjs/legacy/build/pdf.mjs");f=e.__toESM(f,1);let p=require("../../../../pdfjs/legacy/web/pdf_viewer.mjs");p=e.__toESM(p,1),require("../../../../pdfjs/legacy/web/pdf_viewer.css");let m=require("perfect-debounce");var h=class extends s.BaseDocumentsProvider{constructor(e,i,a,s){super(e,i),this.readerContainer=a,this.options=s,this.isInit=!1,this.isFirstLoad=!0,this.pdfDocument=null,this.isEngineInitialized=!1,this.delayOnAutoScaleResize=(0,m.debounce)(async()=>{await this.onAutoScaleResize()},100),this.resize=async()=>{this.eventBus.dispatch(`resize`,{source:this.readerContainer.ownerDocument.defaultView})},this.fillDocuments=()=>{this.documentItems=[],this.pdfViewer._pages.forEach(e=>{let t=e.spineFile?.url,n=new u.PdfDocument(this.owner,this.pdfViewer,this.fileParser,e.div,t,e.id);this.documentItems.push(n)})},this.reload=async()=>{let e=this.owner.context.currentLocation;n.isNullOrWhiteSpace(e?.url)||await this.load(e,!0)},this.getSinglePdfPage=async(e,t)=>{let n=await this.fileParser.getPdfDocument(e);return{doc:n,page:await n.getPage(t)}},this.delayRedirect=async()=>{let e=this.owner.context.currentLocation;await this.redirect(e),this.isFirstLoad=!1,this.owner.events.off(t.EventNames.PdfPagesInit,this.delayRedirect)},this.redirect=async e=>{if(!e?.current)return;let t=e.current<1?Math.floor(e.current*this.numberOfPages):e.current;await this.gotoPageInternal(t,e.pdfDest,e.offsetTop,e?.ignoreOverlayHeader)},this.pageLoaded=(e,n)=>{let i=this.owner.context.currentLocation,a=r.getElementByNameAndIndex(e.getContentContainer(),i.tagName,i.tagIndex);this.gotoTargetElement(a,i),this.owner.events.off(t.EventNames.PdfPageTextRendered,this.pageLoaded),this.owner.events.emit(t.EventNames.PdfLoadFinished,{reader:this.owner})},this.gotoTargetElement=(e,t)=>{if(!e)return;o.scrollElementIntoView(e,void 0,void 0,this.owner.getRootContainer()?.ownerDocument);let n=0;if(t?.offsetTop&&(n+=t.offsetTop),n<=0)return;let r=this.getScrollElement();r.scrollHeight-r.scrollTop-r.clientHeight>0&&r.scrollTo(0,r.scrollTop-n)},this.setCurrentPageNumber=e=>{let t=this.pdfViewer,n=t.currentPageNumber;t.currentPageNumber=e;let r=t.currentScaleValue;this.options.resetScaleAfterPageChanged&&n!=e&&(r==`auto`||r==`page-fit`||r==`page-width`)&&(t.hasEqualPageSizes||t.rescrollIntoView(e))},this.logger=this.owner.loggerFactory.getLogger(this.constructor.name),this.rendererViewport=new d.PdfRendererViewport(e.getRootContainer(),a,this.options,()=>this.currentPage,()=>this.removePageBorders);let l=this.rendererViewport.getRendererContainer(),{pdfViewer:f,eventBus:p,linkService:h,findController:g,maxCanvasPixels:_,removePageBorders:v}=new c.PdfViewerBuilder(this.options).build(l);this.pdfViewer=f,this.eventBus=p,this.linkService=h,this.findController=g,this.maxCanvasPixels=_,this.removePageBorders=v}getViewerContainer(){return this.rendererViewport.getViewerContainer()}getEventBus(){return this.eventBus}getFindController(){return this.findController}getRendererContainer(){return this.rendererViewport.getRendererContainer()}getScrollElement(){return this.rendererViewport.getScrollElement()}hasPdfDocument(){return!!this.pdfDocument}async getProgress(e){}registerContainerResizeObserver(){this.containerResizeObserver||(this.containerResizeObserver&&=(this.containerResizeObserver.disconnect(),void 0),this.containerResizeObserver=new ResizeObserver(async e=>{if(this.owner.context){if(this.readerContainer.clientWidth==0||this.readerContainer.clientHeight==0){this.readerContainer.foxycape_document_hidden&&(this.readerContainer.foxycape_document_require_resize=`true`),this.readerContainer.foxycape_document_hidden=`true`;return}if(this.readerContainer.clientWidth>0&&this.readerContainer.clientHeight>0&&this.readerContainer.foxycape_document_hidden){if(this.readerContainer.foxycape_document_hidden=void 0,!this.readerContainer.foxycape_document_require_resize)return;this.readerContainer.foxycape_document_require_resize=void 0}this.owner.context.setUserChangedProgress(!1),(this.pdfViewer.currentScaleValue==`auto`||this.pdfViewer.currentScaleValue==`page-fit`||this.pdfViewer.currentScaleValue==`page-width`)&&!this.isFirstLoad&&await this.delayOnAutoScaleResize(),this.rendererViewport.applyCssVariables(),this.owner.context&&this.owner.events.emit(t.EventNames.RendererContainerSizeChange,this.getRendererContainer(),this.owner.context.userChangedProgress)}}),this.containerResizeObserver.observe(this.readerContainer))}async onAutoScaleResize(){let e=this.getRendererContainer();this.owner.resourceIsUnload||e.clientWidth==0||e.clientHeight==0||await this.resize()}async createDocument(e,t,n){let r=n+1;return new u.PdfDocument(this.owner,this.pdfViewer,this.fileParser,e,t.url,r)}async load(e,n){let r=this.owner.context;if(!r||this.owner.disposed)return;let i=!0;try{if(r.setUserChangedProgress(!n,e?.from),r.currentLocation=e,e?.storeCurrent&&await this.owner.onBeforeRedirect?.(this),!this.isInit){this.owner.events.on(t.EventNames.PdfPagesInit,this.delayRedirect),await this.loadEngine(async()=>{this.fillDocuments(),this.isInit=!0,this.registerContainerResizeObserver()}),this.getRendererContainer().focus();return}if(!this.owner.context||this.owner.disposed){i=!1;return}i=await this.navigateToLocation(e)}finally{i&&this.owner.context&&!this.owner.disposed&&this.owner.events.emit(t.EventNames.PdfLoadFinished,{reader:this.owner})}}async navigateToLocation(e){if(e?.url&&e.tagName&&e.tagIndex!=null){let n=this.getDocument(e.url),i=r.getElementByNameAndIndex(n.getContentContainer(),e.tagName,e.tagIndex);return i?(this.gotoTargetElement(i,e),!0):(this.owner.events.on(t.EventNames.PdfPageTextRendered,this.pageLoaded),!1)}let n=this.resolvePageNumber(e);return n==null||await this.gotoPageInternal(n,e?.pdfDest,e?.offsetTop,e?.ignoreOverlayHeader),!0}resolvePageNumber(e){return l.resolvePdfLocationPageNumber(e,this.numberOfPages,e=>{let t=this.getDocument(e);return t?this.getDocuments().indexOf(t)+1:null})}async initializeEngine(){if(this.isEngineInitialized)return;let e=`.pdfViewer .canvasWrapper{position:absolute;left:0;top:0}
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../kernal/EventNames.cjs"),n=require("../../../../kernal/common/text.cjs"),r=require("../../../../kernal/html/finder.cjs"),i=require("../../../../kernal/html/injector.cjs"),a=require("../../../../kernal/Theme.cjs"),o=require("../../../base/renderer/BaseDocumentsProvider.cjs"),s=require("../../../../kernal/html/style.cjs"),c=require("../PdfViewerBuilder.cjs"),l=require("./resolvePdfLocationPageNumber.cjs"),u=require("../PdfDocument.cjs"),d=require("../layout/PdfRendererViewport.cjs");let f=require("../../../../pdfjs/legacy/build/pdf.mjs");f=e.__toESM(f,1);let p=require("../../../../pdfjs/legacy/web/pdf_viewer.mjs");p=e.__toESM(p,1),require("../../../../pdfjs/legacy/web/pdf_viewer.css");let m=require("perfect-debounce");var h=class extends o.BaseDocumentsProvider{constructor(e,i,a,o){super(e,i),this.readerContainer=a,this.options=o,this.isInit=!1,this.isFirstLoad=!0,this.pdfDocument=null,this.isEngineInitialized=!1,this.delayOnAutoScaleResize=(0,m.debounce)(async()=>{await this.onAutoScaleResize()},100),this.resize=async()=>{this.eventBus.dispatch(`resize`,{source:this.readerContainer.ownerDocument.defaultView})},this.fillDocuments=()=>{this.documentItems=[],this.pdfViewer._pages.forEach(e=>{let t=e.spineFile?.url,n=new u.PdfDocument(this.owner,this.pdfViewer,this.fileParser,e.div,t,e.id);this.documentItems.push(n)})},this.reload=async()=>{let e=this.owner.context.currentLocation;n.isNullOrWhiteSpace(e?.url)||await this.load(e,!0)},this.getSinglePdfPage=async(e,t)=>{let n=await this.fileParser.getPdfDocument(e);return{doc:n,page:await n.getPage(t)}},this.delayRedirect=async()=>{let e=this.owner.context.currentLocation;await this.redirect(e),this.isFirstLoad=!1,this.owner.events.off(t.EventNames.PdfPagesInit,this.delayRedirect)},this.redirect=async e=>{if(!e?.current)return;let t=e.current<1?Math.floor(e.current*this.numberOfPages):e.current;await this.gotoPageInternal(t,e.pdfDest,e.offsetTop,e?.ignoreOverlayHeader)},this.pageLoaded=(e,n)=>{let i=this.owner.context.currentLocation,a=r.getElementByNameAndIndex(e.getContentContainer(),i.tagName,i.tagIndex);this.gotoTargetElement(a,i),this.owner.events.off(t.EventNames.PdfPageTextRendered,this.pageLoaded),this.owner.events.emit(t.EventNames.PdfLoadFinished,{reader:this.owner})},this.gotoTargetElement=(e,t)=>{if(!e)return;s.scrollElementIntoView(e,void 0,void 0,this.owner.getRootContainer()?.ownerDocument);let n=0;if(t?.offsetTop&&(n+=t.offsetTop),n<=0)return;let r=this.getScrollElement();r.scrollHeight-r.scrollTop-r.clientHeight>0&&r.scrollTo(0,r.scrollTop-n)},this.setCurrentPageNumber=e=>{let t=this.pdfViewer,n=t.currentPageNumber;t.currentPageNumber=e;let r=t.currentScaleValue;this.options.resetScaleAfterPageChanged&&n!=e&&(r==`auto`||r==`page-fit`||r==`page-width`)&&(t.hasEqualPageSizes||t.rescrollIntoView(e))},this.logger=this.owner.loggerFactory.getLogger(this.constructor.name),this.rendererViewport=new d.PdfRendererViewport(e.getRootContainer(),a,this.options,()=>this.currentPage,()=>this.removePageBorders);let l=this.rendererViewport.getRendererContainer(),{pdfViewer:f,eventBus:p,linkService:h,findController:g,maxCanvasPixels:_,removePageBorders:v}=new c.PdfViewerBuilder(this.options).build(l);this.pdfViewer=f,this.eventBus=p,this.linkService=h,this.findController=g,this.maxCanvasPixels=_,this.removePageBorders=v}getViewerContainer(){return this.rendererViewport.getViewerContainer()}getEventBus(){return this.eventBus}getFindController(){return this.findController}getRendererContainer(){return this.rendererViewport.getRendererContainer()}getScrollElement(){return this.rendererViewport.getScrollElement()}hasPdfDocument(){return!!this.pdfDocument}async getProgress(e){}registerContainerResizeObserver(){this.containerResizeObserver||(this.containerResizeObserver&&=(this.containerResizeObserver.disconnect(),void 0),this.containerResizeObserver=new ResizeObserver(async e=>{if(this.owner.context){if(this.readerContainer.clientWidth==0||this.readerContainer.clientHeight==0){this.readerContainer.foxycape_document_hidden&&(this.readerContainer.foxycape_document_require_resize=`true`),this.readerContainer.foxycape_document_hidden=`true`;return}if(this.readerContainer.clientWidth>0&&this.readerContainer.clientHeight>0&&this.readerContainer.foxycape_document_hidden){if(this.readerContainer.foxycape_document_hidden=void 0,!this.readerContainer.foxycape_document_require_resize)return;this.readerContainer.foxycape_document_require_resize=void 0}this.owner.context.setUserChangedProgress(!1),(this.pdfViewer.currentScaleValue==`auto`||this.pdfViewer.currentScaleValue==`page-fit`||this.pdfViewer.currentScaleValue==`page-width`)&&!this.isFirstLoad&&await this.delayOnAutoScaleResize(),this.rendererViewport.applyCssVariables(),this.owner.context&&this.owner.events.emit(t.EventNames.RendererContainerSizeChange,this.getRendererContainer(),this.owner.context.userChangedProgress)}}),this.containerResizeObserver.observe(this.readerContainer))}async onAutoScaleResize(){let e=this.getRendererContainer();this.owner.resourceIsUnload||e.clientWidth==0||e.clientHeight==0||await this.resize()}async createDocument(e,t,n){let r=n+1;return new u.PdfDocument(this.owner,this.pdfViewer,this.fileParser,e,t.url,r)}async load(e,n){let r=this.owner.context;if(!r||this.owner.disposed)return;let i=!0;try{if(r.setUserChangedProgress(!n,e?.from),r.currentLocation=e,e?.storeCurrent&&await this.owner.onBeforeRedirect?.(this),!this.isInit){this.owner.events.on(t.EventNames.PdfPagesInit,this.delayRedirect),await this.loadEngine(async()=>{this.fillDocuments(),this.isInit=!0,this.registerContainerResizeObserver()}),this.getRendererContainer().focus();return}if(!this.owner.context||this.owner.disposed){i=!1;return}i=await this.navigateToLocation(e)}finally{i&&this.owner.context&&!this.owner.disposed&&this.owner.events.emit(t.EventNames.PdfLoadFinished,{reader:this.owner})}}async navigateToLocation(e){if(e?.url&&e.tagName&&e.tagIndex!=null){let n=this.getDocument(e.url),i=r.getElementByNameAndIndex(n.getContentContainer(),e.tagName,e.tagIndex);return i?(this.gotoTargetElement(i,e),!0):(this.owner.events.on(t.EventNames.PdfPageTextRendered,this.pageLoaded),!1)}let n=this.resolvePageNumber(e);return n==null||await this.gotoPageInternal(n,e?.pdfDest,e?.offsetTop,e?.ignoreOverlayHeader),!0}resolvePageNumber(e){return l.resolvePdfLocationPageNumber(e,this.numberOfPages,e=>{let t=this.getDocument(e);return t?this.getDocuments().indexOf(t)+1:null})}async initializeEngine(){if(this.isEngineInitialized)return;let e=`.pdfViewer .canvasWrapper{position:absolute;left:0;top:0}
         .pdfViewer .page {background-color:var(${a.Theme.ContentBackground}) !important}`;i.injectCssContent(this.getRendererContainer().ownerDocument,e,!1,`custom-pdf-viewer-page-css`),this.eventBus.on(`pagesinit`,async()=>{!this.pdfViewer.currentScaleValue&&this.options.scaleValue&&(this.pdfViewer.currentScaleValue=this.options.scaleValue)}),this.isEngineInitialized=!0}async loadEngine(e){await this.closeEngine(),await this.initializeEngine();let n=await this.fileParser.getEntryFile(),r=await this.fileParser.getPdfDocument(n);if(this.pdfDocument=r,!this.fileParser.isMultiFiles){this.setPdfDocument(this.pdfDocument),await this.pdfDocument.getPage(1),this.pdfViewer.firstPagePromise&&await this.pdfViewer.firstPagePromise,e&&await e(),this.owner.events.emit(t.EventNames.PdfPagesInit,this);return}let i=await this.fileParser.getSpineFiles();if(this.setPdfDocument(this.pdfDocument,!1),this.pdfViewer.firstPagePromise){let e=await this.pdfViewer.firstPagePromise,t=this.pdfViewer._pages[0];if(t&&(t.spineFile=n),i.length>0){let t=e.getViewport({scale:this.pdfViewer.currentScale*f.PixelsPerInch.PDF_TO_CSS_UNITS}),n=this.createSpinePageViews(this.getViewerContainer(),i,t);await this.pdfViewer.setOtherPages(n,this.getSinglePdfPage)}}e&&await e(),this.owner.events.emit(t.EventNames.PdfPagesInit,this)}setPdfDocument(e,t=!0){this.pdfViewer.setDocument(e),t&&(e?(this.linkService.setDocument(e),this.findController.setDocument(e)):(this.linkService.setDocument(null,null),this.findController.setDocument(null)))}createSpinePageViews(e,t,n){let r=[];for(let i=2;i<t.length+1;i++){let a=new p.PDFPageView({container:e,eventBus:this.eventBus,id:i,scale:this.pdfViewer.currentScale,defaultViewport:n.clone(),renderingQueue:this.pdfViewer.renderingQueue,textLayerMode:+(this.options.textLayerMode==1),annotationMode:this.options.annotationMode,maxCanvasPixels:this.maxCanvasPixels});a.spineFile=t[i-1],r.push(a)}return r}async closeEngine(){this.pdfDocument&&(this.pdfDocument=null,this.setPdfDocument(null))}get numberOfPages(){return this.pdfViewer.pagesCount}get currentPage(){return this.pdfViewer?.currentPageNumber}set currentPage(e){this.setCurrentPageNumber(e)}setCurrentPage(e,t=!0){if(!t){this.pdfViewer._setCurrentPageNumber?.(e,!1);return}this.setCurrentPageNumber(e)}get isSpreadMode(){return this.pdfViewer?.spreadMode!==p.SpreadMode.NONE}async scrollToPage(e,t,n,r){if(t){let i=JSON.parse(t);if(this.pdfViewer.scrollPageIntoView({pageNumber:e,destArray:i,allowNegativeOffset:!0,ignoreDestinationZoom:!0}),this.getRendererContainer().scrollHeight>this.getRendererContainer().clientHeight+10){let e=0;if(r||(e+=this.owner.options.redirectPositionOffset),n&&(e+=n),e>0){let t=this.getScrollElement();t.scrollTo(0,t.scrollTop-e)}}}else this.setCurrentPageNumber(e)}async gotoPageInternal(e,t,n,r){let i=this.owner.locale;return e<=0?(this.owner.notifier.info(i.getText(`navigotor_alreadyisfirstpage`,`Already at the first page`)),!1):e>this.numberOfPages?(this.owner.notifier.info(i.getText(`navigotor_alreadyislastpage`,`You have reached the end of the book.`)),!1):(t?.indexOf(`Fit`)>=0?await this.scrollToPage(e,null,n,r):await this.scrollToPage(e,t,n,r),!0)}getLoadedDocuments(){let e=Array.from(this.pdfViewer.getCachedPageViews().values()).map(e=>e.id);return this.documentItems.filter(t=>e.includes(t.pageNumber))}getVisibleDocuments(){let e=this.pdfViewer._getVisiblePages(),t=Array.from(e.views.map(e=>e.id));return this.documentItems.filter(e=>t.includes(e.pageNumber))}getPageViews(){return this.pdfViewer._pages}getPageView(e){if(!(e<1))return this.pdfViewer.getPageView(e-1)}async getPdfPage(e){return!this.pdfDocument||e<1||e>this.numberOfPages?void 0:this.getPageView(e)?.pdfPage||this.pdfDocument.getPage(e)}async dispose(){this.owner.events.off(t.EventNames.PdfPagesInit,this.delayRedirect),this.owner.events.off(t.EventNames.PdfPageTextRendered,this.pageLoaded),this.containerResizeObserver?.disconnect(),this.containerResizeObserver=void 0,await this.closeEngine(),await this.pdfViewer.dispose(),await super.dispose()}};exports.PdfDocumentsProvider=h;

package/dist/mediaTypes/pdf/renderer/documents/PdfDocumentsProvider.mjs

@@ -4,8 +4,8 @@ import { getElementByNameAndIndex as n } from "../../../../kernal/html/finder.mj
 import { injectCssContent as r } from "../../../../kernal/html/injector.mjs";
 import { Theme as i } from "../../../../kernal/Theme.mjs";
 import { asyncDebounce as a } from "../../../../kernal/web/debounce.mjs";
-import { scrollElementIntoView as o } from "../../../../kernal/html/style.mjs";
-import { BaseDocumentsProvider as s } from "../../../base/renderer/BaseDocumentsProvider.mjs";
+import { BaseDocumentsProvider as o } from "../../../base/renderer/BaseDocumentsProvider.mjs";
+import { scrollElementIntoView as s } from "../../../../kernal/html/style.mjs";
 import { PdfViewerBuilder as c } from "../PdfViewerBuilder.mjs";
 import { resolvePdfLocationPageNumber as l } from "./resolvePdfLocationPageNumber.mjs";
 import { PdfDocument as u } from "../PdfDocument.mjs";
@@ -14,9 +14,9 @@ import * as f from "../../../../pdfjs/legacy/build/pdf.mjs";
 import * as p from "../../../../pdfjs/legacy/web/pdf_viewer.mjs";
 import "../../../../pdfjs/legacy/web/pdf_viewer.css";
 //#region mediaTypes/pdf/renderer/documents/PdfDocumentsProvider.ts
-var m = class extends s {
-	constructor(r, i, s, l) {
-		super(r, i), this.readerContainer = s, this.options = l, this.isInit = !1, this.isFirstLoad = !0, this.pdfDocument = null, this.isEngineInitialized = !1, this.delayOnAutoScaleResize = a(async () => {
+var m = class extends o {
+	constructor(r, i, o, l) {
+		super(r, i), this.readerContainer = o, this.options = l, this.isInit = !1, this.isFirstLoad = !0, this.pdfDocument = null, this.isEngineInitialized = !1, this.delayOnAutoScaleResize = a(async () => {
 			await this.onAutoScaleResize();
 		}, 100), this.resize = async () => {
 			this.eventBus.dispatch("resize", { source: this.readerContainer.ownerDocument.defaultView });
@@ -46,7 +46,7 @@ var m = class extends s {
 			this.gotoTargetElement(a, i), this.owner.events.off(e.PdfPageTextRendered, this.pageLoaded), this.owner.events.emit(e.PdfLoadFinished, { reader: this.owner });
 		}, this.gotoTargetElement = (e, t) => {
 			if (!e) return;
-			o(e, void 0, void 0, this.owner.getRootContainer()?.ownerDocument);
+			s(e, void 0, void 0, this.owner.getRootContainer()?.ownerDocument);
 			let n = 0;
 			if (t?.offsetTop && (n += t.offsetTop), n <= 0) return;
 			let r = this.getScrollElement();
@@ -56,7 +56,7 @@ var m = class extends s {
 			t.currentPageNumber = e;
 			let r = t.currentScaleValue;
 			this.options.resetScaleAfterPageChanged && n != e && (r == "auto" || r == "page-fit" || r == "page-width") && (t.hasEqualPageSizes || t.rescrollIntoView(e));
-		}, this.logger = this.owner.loggerFactory.getLogger(this.constructor.name), this.rendererViewport = new d(r.getRootContainer(), s, this.options, () => this.currentPage, () => this.removePageBorders);
+		}, this.logger = this.owner.loggerFactory.getLogger(this.constructor.name), this.rendererViewport = new d(r.getRootContainer(), o, this.options, () => this.currentPage, () => this.removePageBorders);
 		let f = this.rendererViewport.getRendererContainer(), { pdfViewer: p, eventBus: m, linkService: h, findController: g, maxCanvasPixels: _, removePageBorders: v } = new c(this.options).build(f);
 		this.pdfViewer = p, this.eventBus = m, this.linkService = h, this.findController = g, this.maxCanvasPixels = _, this.removePageBorders = v;
 	}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@foxycape/core",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Browser-side multi-format reader kernel with pluggable parsers, renderers, services, and plugins.",
   "license": "MIT",
   "type": "module",
-  "homepage": "https://www.foxycape.com",
+  "homepage": "https://www.keepcape.com",
   "bugs": {
     "url": "https://github.com/foxycape/core/issues"
   },