@foxycape/core 1.1.6 → 1.1.7

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

@@ -1,96 +1,133 @@
 import { injectCssContent as e } from "../../../../kernal/html/injector.mjs";
-import { HtmlSettings as t } from "../../HtmlSettings.mjs";
-import { ViewportCssVariableNames as n } from "./ViewportCssVariableNames.mjs";
-import { HtmlLayoutMetrics as r } from "./HtmlLayoutMetrics.mjs";
-import { HtmlContainerBuilder as i } from "../documents/HtmlContainerBuilder.mjs";
+import { isHtmlElement as t } from "../../../../kernal/html/realm.mjs";
+import { HtmlSettings as n } from "../../HtmlSettings.mjs";
+import { getLayoutGeometry as r } from "./resolveLayoutRoute.mjs";
+import { ViewportCssVariableNames as i } from "./ViewportCssVariableNames.mjs";
+import { HtmlLayoutMetrics as a } from "./HtmlLayoutMetrics.mjs";
+import { HtmlContainerBuilder as o } from "../documents/HtmlContainerBuilder.mjs";
+import { applyRendererLayoutClass as s, applyRootDirectionClass as c } from "./applyLayoutClasses.mjs";
+import { resolveContentWrapperMinWidth as l } from "./resolveContentWrapperMinWidth.mjs";
 //#region mediaTypes/html/renderer/layout/HtmlRendererViewport.ts
-var a = class {
-	constructor(n, r, a, o) {
-		this.owner = n, this.readerContainer = r, this.getColumnWidth = () => this.htmlOptions.maxColumnWidth ? Math.abs(this.htmlOptions.maxColumnWidth) : 768, this.options = this.owner.options, this.device = this.owner.device, this.optionsProvider = a, this.htmlOptions = o, this.containerBuilder = new i(o);
+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);
 		let { rendererContainer: s, rendererCss: c, otherCss: l } = this.containerBuilder.createContainers();
-		e(this.readerContainer.ownerDocument, c + l, !0, "html-renderer-style"), this.readerContainer.appendChild(s), this.rendererContainer = s, this.scrollElement = this.rendererContainer, this.contentsShadowContainer = this.rendererContainer.querySelector("." + t.ContentsShadowContainerCssName), this.contentsContainer = this.rendererContainer.querySelector("." + t.ContentsContainerCssName);
+		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);
 	}
 	getRendererContainer() {
 		return this.rendererContainer;
 	}
 	getScrollElement() {
-		return this.rendererContainer;
+		let e = this.owner.getHostViewport();
+		return e.mode == "window" ? e.scrollElement : this.rendererContainer;
 	}
 	getLayoutMetrics() {
-		return this.layout ||= (this.applyCssVariables(), this.buildLayoutMetrics()), this.layout;
+		return this.layout ||= (this.internlApplyCssVariables(), this.buildLayoutMetrics()), this.layout;
 	}
 	applyCssVariables() {
-		let e = this.prepareRendererCssVariables(), t = this.prepareOtherCssVariables(), n = /* @__PURE__ */ new Map();
-		e.forEach((e, t) => {
-			n.set(t, e);
-		}), t.forEach((e, t) => {
-			n.set(t, e);
+		this.internlApplyCssVariables(), this.layout = this.buildLayoutMetrics();
+	}
+	internlApplyCssVariables() {
+		this.owner.refreshHostViewport();
+		let e = r(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 = /* @__PURE__ */ new Map();
+		a.forEach((e, t) => {
+			s.set(t, e);
+		}), o.forEach((e, t) => {
+			s.set(t, e);
 		});
-		let r = this.owner.getRootContainer();
-		n.forEach((e, t) => {
-			r.style.setProperty(t, e);
-		}), this.layout = this.buildLayoutMetrics();
+		let c = this.owner.getRootContainer();
+		c.style.setProperty("direction", `var(${i.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.TransformContainerCssName);
+		if (!t(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;
+		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 = this.getFlipMode(), t = e == "page" ? "hidden" : "auto", r = /* @__PURE__ */ new Map(), i = e == "page" ? 0 : this.htmlOptions.contentWrapperMarginBottom ?? 10, a = e == "page" ? 0 : this.htmlOptions.contentWrapperMarginTop ?? 10;
-		return r.set(n.ContentWrapperMarginTop, a + "px"), r.set(n.ContentWrapperMarginBottom, i + "px"), r.set(n.ContentWrapperBorderRadius, (this.htmlOptions.contentWrapperBorderRadius ?? 0) + "px"), r.set(n.ScrollElementOverflow, t), r;
+		let e = r(this.htmlOptions), t = e.flipMode;
+		this.rendererContainer.setAttribute(n.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(i.ContentWrapperMarginTop, s + "px"), a.set(i.ContentWrapperMarginBottom, o + "px"), a.set(i.ContentWrapperGap, c + "px");
+		let l = this.htmlOptions.enableContentWrapperBorderRadius && t == "scroll" ? this.htmlOptions.contentWrapperBorderRadius ?? 0 : 0;
+		a.set(i.ContentWrapperBorderRadius, l + "px");
+		let u = this.owner.getHostViewport().mode == "window" && t == "scroll";
+		return a.set(i.ScrollElementOverflow, u ? "visible" : e.overflowY), a.set(i.ScrollElementOverflowX, u ? "visible" : e.overflowX), a.set(i.ReaderViewportDirection, e.direction == "ltr" ? "unset" : e.direction), a;
+	}
+	applyFlowClasses(e) {
+		c(this.owner.getRootContainer(), e), s(this.rendererContainer, e);
 	}
 	prepareOtherCssVariables() {
-		let e = this.owner.getRootContainer(), t = this.getFlipMode();
-		t == "page" && this.scrollElement?.scrollTo(0, 0);
-		let r = this.htmlOptions.columnGap ?? 40, i = this.contentsShadowContainer, a = this.rendererContainer.clientWidth, o = this.rendererContainer.clientHeight;
-		this.rendererContainer.setAttribute("data-client-width", `${a}`), this.rendererContainer.setAttribute("data-client-height", `${o}`);
-		let s = this.getContentsContainerWidth(), c = s + "px", l = this.rendererContainer.offsetWidth - this.rendererContainer.clientWidth, u = this.rendererContainer.offsetHeight - this.rendererContainer.clientHeight, d = /* @__PURE__ */ new Map();
-		d.set(n.ScrollElementVerticalScrollBarWidth, l + "px"), d.set(n.ScrollElementHorizontalScrollBarHeight, u + "px"), e.style.setProperty(n.ContentsContainerWidth, c), d.set(n.ContentsContainerWidth, c);
-		let f = 0;
-		t == "page" && (f = 0), a - s - 2 < 2 * f && (f = 0);
-		let p = "";
-		p = f > 0 ? "" + f + "px 0" : "0", e.style.setProperty(n.ContentsContainerPadding, p), d.set(n.ContentsContainerPadding, p);
-		let m = this.calculateColumns(s);
-		this.htmlOptions.columns = m;
-		let h = this.getContentPaddingFactor(), g = this.getContentsShadowMargin() + Math.min(20, s * h), { columnWidth: _, remainder: v } = this.getFinalColumnWidth(s - g * 2, m, r);
-		t == "page" ? v == 0 ? i.style.margin = `0 ${g}px` : i.style.margin = `0 ${g + v / 2}px` : i.style.margin = "0px";
-		let y = i.getBoundingClientRect().width;
-		this.rendererContainer.setAttribute("data-transform-length", (y + r).toString()), this.rendererContainer.setAttribute("data-shadow-width", y.toString()), this.rendererContainer.setAttribute("data-column-width", _.toString()), this.rendererContainer.setAttribute("data-column-gap", r.toString()), this.rendererContainer.setAttribute("data-page-width", `${_}`);
-		let { contentWrapperPaddingBottomNumber: b, contentWrapperPaddingTopNumber: x, contentWrapperPadding: S, contentWrapperPaddingTopBottom: C } = this.getContentWrapperPadding(s, r);
-		this.rendererContainer.setAttribute("data-page-height", `${o - x - b}`), d.set(n.ContentWrapperWidth, y + "px"), t == "scroll" ? d.set(n.ContentWrapperMinWidth, y + "px") : d.set(n.ContentWrapperMinWidth, _ + r / 2 + "px"), d.set(n.ContentWrapperHeight, this.getContentWrapperHeight()), d.set(n.ContentWrapperMinHeight, o + "px"), d.set(n.ContentWrapperMaxHeight, o + "px"), d.set(n.ContentWrapperPadding, S), t == "page" ? d.set(n.ContentContainerWidth, _ + "px") : d.set(n.ContentContainerWidth, "100%");
-		let w = `calc(var(${n.ContentWrapperHeight}) - ${C})`;
-		return d.set(n.ContentContainerHeight, w), d.set(n.ContentColumnGap, r + "px"), this.rendererContainer && (d.set(n.ContentsContainerOffsetLeft, "calc((" + this.rendererContainer.clientWidth + "px - " + c + ") / 2)"), this.updateCssVariablesTimeoutId = setTimeout(() => {
-			let t = /* @__PURE__ */ new Map();
-			t.set(n.ContentsContainerOffsetLeft, this.contentsContainer.offsetLeft + "px"), t.forEach((t, n) => {
-				e.style.setProperty(n, t);
-			}), e && t.forEach((t, n) => {
-				e.style.setProperty(n, t);
-			});
-		}, 1e3)), d;
+		let e = this.owner.getRootContainer(), t = r(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, c = this.getViewportHeight();
+		this.rendererContainer.setAttribute("data-client-width", `${s}`), this.rendererContainer.setAttribute("data-client-height", `${c}`);
+		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 = /* @__PURE__ */ new Map();
+		m.set(i.ScrollElementVerticalScrollBarWidth, f + "px"), m.set(i.ScrollElementHorizontalScrollBarHeight, p + "px"), m.set(i.ReaderViewportWidth, s + "px"), m.set(i.ReaderViewportHeight, c + "px"), e.style.setProperty(i.ContentsContainerWidth, d), m.set(i.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(i.ContentsContainerPadding, g), m.set(i.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: ${c - 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 = c - 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(i.ContentWrapperWidth, t.viewport.contentWrapperWidthMode == "auto" ? "auto" : C + "px"), m.set(i.ContentWrapperMinWidth, l(t.viewport.contentWrapperMinWidthMode, {
+			shadowWidth: C,
+			columnWidth: b,
+			columnGap: a,
+			viewportWidth: s
+		})), m.set(i.ContentWrapperHeight, this.getContentWrapperHeight()), m.set(i.ContentWrapperMinHeight, c + "px"), m.set(i.ContentWrapperMaxHeight, t.viewport.contentWrapperMaxHeightMode == "none" ? "none" : c + "px"), m.set(i.ContentWrapperPadding, D), t.viewport.contentContainerWidthMode == "auto" ? m.set(i.ContentContainerWidth, "auto") : t.viewport.contentContainerWidthMode == "column" ? m.set(i.ContentContainerWidth, b + "px") : m.set(i.ContentContainerWidth, "100%");
+		let j = t.viewport.contentContainerHeightMode == "page" ? k + "px" : `calc(var(${i.ContentWrapperHeight}) - ${O})`;
+		return m.set(i.ContentContainerHeight, j), m.set(i.ContentColumnGap, a + "px"), m;
 	}
 	buildLayoutMetrics() {
-		let e = this.getFlipMode(), t = new r(), n = this.rendererContainer, { clientWidth: i, clientHeight: a } = n, o = parseFloat(n.getAttribute("data-transform-length"));
-		t.clientWidth = i;
-		let s;
-		return s = e == "scroll" ? this.rendererContainer.ownerDocument.defaultView.innerHeight - this.optionsProvider.getHeaderHeight() - this.optionsProvider.getFooterHeight() : parseFloat(n.getAttribute("data-page-height")), t.clientHeight = a, t.pageHeight = s, t.columnHeight = s, t.columnGap = parseFloat(n.getAttribute("data-column-gap")), t.columnWidth = parseFloat(n.getAttribute("data-column-width")), t.pageWidth = parseFloat(n.getAttribute("data-page-width")), t.pageMoveLength = o, t.shadowWidth = parseFloat(n.getAttribute("data-shadow-width")), t;
+		let e = this.getFlipMode(), t = new a(), 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() {
-		return this.getFlipMode() == "page" ? `${this.rendererContainer.clientHeight}px` : this.owner.inIframe ? "100%" : "auto";
+		let e = r(this.htmlOptions);
+		return e.viewport.contentWrapperHeightMode == "auto" ? "auto" : e.viewport.contentWrapperHeightMode == "viewport" ? `${this.getViewportHeight()}px` : this.owner.inIframe ? "100%" : "auto";
 	}
-	getContentsShadowMargin() {
-		return this.htmlOptions.contentsShadowMargin ?? 10;
+	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 = this.getContentPaddingFactor(), i = n == "scroll" ? 30 : 0, a = this.getContentsShadowMargin();
-		n == "page" && (i += a);
-		let o = i + "px", s = n == "scroll" ? 30 : 0;
-		n == "page" && (s += a), n == "scroll" && s < this.options.minFooterHeight && (s = this.options.minFooterHeight);
-		let c = this.getContentsShadowMargin() + Math.min(20, e * r), l = s + "px";
+		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" ? `${c}px` : "0",
-			contentWrapperPaddingRight: n == "scroll" ? `${c}px` : "0",
-			contentWrapperPaddingBottom: l,
+			contentWrapperPaddingLeft: n == "scroll" ? `${a}px` : "0",
+			contentWrapperPaddingRight: n == "scroll" ? `${a}px` : "0",
+			contentWrapperPaddingBottom: c,
 			contentWrapperPaddingLeftRight: n == "scroll" ? `${t}px` : "0",
-			contentWrapperPaddingTopBottom: `${i + s}px`,
-			contentWrapperPadding: n == "scroll" ? `${i}px ${c}px ${s}px ${c}px` : `${i}px 0 0 0px`,
-			contentWrapperPaddingTopNumber: i,
+			contentWrapperPaddingTopBottom: `${r + s}px`,
+			contentWrapperPadding: n == "scroll" ? `${r}px ${a}px ${s}px ${a}px` : "0px",
+			contentWrapperPaddingTopNumber: r,
 			contentWrapperPaddingBottomNumber: s
 		};
 	}
@@ -132,12 +169,20 @@ var a = class {
 		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 this.htmlOptions.forceScroll ? "scroll" : this.htmlOptions.flipMode;
+		return r(this.htmlOptions).flipMode;
 	}
 	async dispose() {
 		this.updateCssVariablesTimeoutId &&= (clearTimeout(this.updateCssVariablesTimeoutId), null);
 	}
 };
 //#endregion
-export { a as HtmlRendererViewport };
+export { u as HtmlRendererViewport };

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

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

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

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

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

@@ -1,10 +1,13 @@
 export declare class ViewportCssVariableNames {
     static readonly ContentsContainerWidth = "--contents-container-width";
-    static readonly ContentsContainerOffsetLeft = "--contents-container-offsetleft";
     static readonly ContentsContainerPadding = "--contents-container-padding";
     static readonly ScrollElementOverflow = "--scroll-element-overflow";
+    static readonly ScrollElementOverflowX = "--scroll-element-overflow-x";
     static readonly ScrollElementVerticalScrollBarWidth = "--scroll-element-vertial-scrollbar-width";
     static readonly ScrollElementHorizontalScrollBarHeight = "--scroll-element-horizontal-scrollbar-height";
+    static readonly ReaderViewportWidth = "--reader-viewport-width";
+    static readonly ReaderViewportHeight = "--reader-viewport-height";
+    static readonly ReaderViewportDirection = "--reader-viewport-direction";
     static readonly ContentWrapperWidth = "--content-wrapper-width";
     static readonly ContentWrapperMinWidth = "--content-wrapper-min-width";
     static readonly ContentWrapperHeight = "--content-wrapper-height";
@@ -13,6 +16,7 @@ export declare class ViewportCssVariableNames {
     static readonly ContentWrapperMaxHeight = "--content-wrapper-max-height";
     static readonly ContentWrapperMarginTop = "--content-wrapper-margin-top";
     static readonly ContentWrapperMarginBottom = "--content-wrapper-margin-bottom";
+    static readonly ContentWrapperGap = "--content-wrapper-gap";
     static readonly ContentWrapperBorderRadius = "--content-wrapper-border-radius";
     static readonly ContentContainerWidth = "--content-container-width";
     static readonly ContentContainerHeight = "--content-container-height";

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

@@ -3,21 +3,30 @@ var e = class {
 	static {
 		this.ContentsContainerWidth = "--contents-container-width";
 	}
-	static {
-		this.ContentsContainerOffsetLeft = "--contents-container-offsetleft";
-	}
 	static {
 		this.ContentsContainerPadding = "--contents-container-padding";
 	}
 	static {
 		this.ScrollElementOverflow = "--scroll-element-overflow";
 	}
+	static {
+		this.ScrollElementOverflowX = "--scroll-element-overflow-x";
+	}
 	static {
 		this.ScrollElementVerticalScrollBarWidth = "--scroll-element-vertial-scrollbar-width";
 	}
 	static {
 		this.ScrollElementHorizontalScrollBarHeight = "--scroll-element-horizontal-scrollbar-height";
 	}
+	static {
+		this.ReaderViewportWidth = "--reader-viewport-width";
+	}
+	static {
+		this.ReaderViewportHeight = "--reader-viewport-height";
+	}
+	static {
+		this.ReaderViewportDirection = "--reader-viewport-direction";
+	}
 	static {
 		this.ContentWrapperWidth = "--content-wrapper-width";
 	}
@@ -42,6 +51,9 @@ var e = class {
 	static {
 		this.ContentWrapperMarginBottom = "--content-wrapper-margin-bottom";
 	}
+	static {
+		this.ContentWrapperGap = "--content-wrapper-gap";
+	}
 	static {
 		this.ContentWrapperBorderRadius = "--content-wrapper-border-radius";
 	}

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../HtmlSettings.cjs"),t=require("./layoutRouteIds.cjs");var n=[e.HtmlSettings.WritingVerticalClassName,e.HtmlSettings.WritingVerticalRlClassName,e.HtmlSettings.WritingVerticalLrClassName,e.HtmlSettings.FlipScrollClassName,e.HtmlSettings.FlipPageClassName,e.HtmlSettings.RtlProgressionClassName,e.HtmlSettings.TransformPagesClassName],r=[e.HtmlSettings.DocumentPageModeCssName,e.HtmlSettings.DocumentVerticalPageModeCssName,e.HtmlSettings.RtlProgressionClassName,e.HtmlSettings.WritingVerticalScrollDocumentLayoutCssName],i=(e,t,n)=>{for(let r of n)r!=t&&e.classList.contains(r)&&e.classList.remove(r);e.classList.add(t)},a=(e,n)=>{i(e,n.rootClass,t.ROOT_DIRECTION_CLASSES)},o=(e,r)=>{i(e,r.rendererClass,[...t.RENDERER_LAYOUT_CLASSES,...n]),e.style.setProperty(`direction`,r.direction)},s=(n,a)=>{n.classList.add(e.HtmlSettings.DocumentLayoutCssName),i(n,a.contentClass,[...t.CONTENT_LAYOUT_CLASSES,...r])},c=e=>!!e&&Array.from(e.classList).some(e=>e.startsWith(`layout-page-`)),l=e=>!!e&&Array.from(e.classList).some(e=>e.includes(`-vertical-`)),u=e=>c(e)?`page`:`scroll`;exports.applyContentLayoutClass=s,exports.applyRendererLayoutClass=o,exports.applyRootDirectionClass=a,exports.rendererHasPageLayout=c,exports.rendererHasVerticalLayout=l,exports.resolveRendererFlipMode=u;

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

@@ -0,0 +1,8 @@
+import { ILayoutGeometry } from './geometry/ILayoutGeometry';
+
+export declare const applyRootDirectionClass: (element: HTMLElement, geometry: ILayoutGeometry) => void;
+export declare const applyRendererLayoutClass: (element: HTMLElement, geometry: ILayoutGeometry) => void;
+export declare const applyContentLayoutClass: (element: HTMLElement, geometry: ILayoutGeometry) => void;
+export declare const rendererHasPageLayout: (element?: Element | null) => boolean;
+export declare const rendererHasVerticalLayout: (element?: Element | null) => boolean;
+export declare const resolveRendererFlipMode: (element?: Element | null) => "scroll" | "page";

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

@@ -0,0 +1,28 @@
+import { HtmlSettings as e } from "../../HtmlSettings.mjs";
+import { CONTENT_LAYOUT_CLASSES as t, RENDERER_LAYOUT_CLASSES as n, ROOT_DIRECTION_CLASSES as r } from "./layoutRouteIds.mjs";
+//#region mediaTypes/html/renderer/layout/applyLayoutClasses.ts
+var i = [
+	e.WritingVerticalClassName,
+	e.WritingVerticalRlClassName,
+	e.WritingVerticalLrClassName,
+	e.FlipScrollClassName,
+	e.FlipPageClassName,
+	e.RtlProgressionClassName,
+	e.TransformPagesClassName
+], a = [
+	e.DocumentPageModeCssName,
+	e.DocumentVerticalPageModeCssName,
+	e.RtlProgressionClassName,
+	e.WritingVerticalScrollDocumentLayoutCssName
+], o = (e, t, n) => {
+	for (let r of n) r != t && e.classList.contains(r) && e.classList.remove(r);
+	e.classList.add(t);
+}, s = (e, t) => {
+	o(e, t.rootClass, r);
+}, c = (e, t) => {
+	o(e, t.rendererClass, [...n, ...i]), e.style.setProperty("direction", t.direction);
+}, l = (n, r) => {
+	n.classList.add(e.DocumentLayoutCssName), o(n, r.contentClass, [...t, ...a]);
+}, u = (e) => !!e && Array.from(e.classList).some((e) => e.startsWith("layout-page-")), d = (e) => !!e && Array.from(e.classList).some((e) => e.includes("-vertical-")), f = (e) => u(e) ? "page" : "scroll";
+//#endregion
+export { l as applyContentLayoutClass, c as applyRendererLayoutClass, s as applyRootDirectionClass, u as rendererHasPageLayout, d as rendererHasVerticalLayout, f as resolveRendererFlipMode };

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-horizontal-tb-ltr.cjs

@@ -0,0 +1,30 @@
+var e=`html.content-page-horizontal-tb-ltr,\r
+html.content-page-horizontal-tb-ltr body {\r
+    writing-mode: horizontal-tb !important;\r
+    direction: ltr !important;\r
+}\r
+\r
+html.content-page-horizontal-tb-ltr {\r
+    width: var(--page-width) !important;\r
+    height: var(--page-height) !important;\r
+    column-width: var(--column-width) !important;\r
+    column-rule: 1px solid var(--column-rule-color) !important;\r
+    column-fill: auto;\r
+    column-gap: var(--column-gap) !important;\r
+    page-break-inside: avoid;\r
+    break-inside: avoid;\r
+    transition-property: transform;\r
+    overflow: hidden !important;\r
+    overflow-wrap: break-word !important;\r
+    position: static !important;\r
+    border: 0 !important;\r
+    margin: 0 !important;\r
+    padding: 0 !important;\r
+    max-height: none !important;\r
+    max-width: none !important;\r
+}\r
+\r
+html.content-page-horizontal-tb-ltr .without-margin-bottom {\r
+    margin-block-end: 0 !important;\r
+}\r
+`;exports.default=e;

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-horizontal-tb-ltr.mjs

@@ -0,0 +1,4 @@
+//#region mediaTypes/html/renderer/layout/css/document-content-page-horizontal-tb-ltr.css?raw
+var e = "html.content-page-horizontal-tb-ltr,\r\nhtml.content-page-horizontal-tb-ltr body {\r\n    writing-mode: horizontal-tb !important;\r\n    direction: ltr !important;\r\n}\r\n\r\nhtml.content-page-horizontal-tb-ltr {\r\n    width: var(--page-width) !important;\r\n    height: var(--page-height) !important;\r\n    column-width: var(--column-width) !important;\r\n    column-rule: 1px solid var(--column-rule-color) !important;\r\n    column-fill: auto;\r\n    column-gap: var(--column-gap) !important;\r\n    page-break-inside: avoid;\r\n    break-inside: avoid;\r\n    transition-property: transform;\r\n    overflow: hidden !important;\r\n    overflow-wrap: break-word !important;\r\n    position: static !important;\r\n    border: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    max-height: none !important;\r\n    max-width: none !important;\r\n}\r\n\r\nhtml.content-page-horizontal-tb-ltr .without-margin-bottom {\r\n    margin-block-end: 0 !important;\r\n}\r\n";
+//#endregion
+export { e as default };

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-horizontal-tb-rtl.cjs

@@ -0,0 +1,31 @@
+var e=`html.content-page-horizontal-tb-rtl,\r
+html.content-page-horizontal-tb-rtl body {\r
+    writing-mode: horizontal-tb !important;\r
+    direction: rtl !important;\r
+}\r
+\r
+html.content-page-horizontal-tb-rtl {\r
+    width: var(--page-width) !important;\r
+    height: var(--page-height) !important;\r
+    column-width: var(--column-width) !important;\r
+    column-rule: 1px solid var(--column-rule-color) !important;\r
+    column-fill: auto;\r
+    column-gap: var(--column-gap) !important;\r
+    page-break-inside: avoid;\r
+    break-inside: avoid;\r
+    transition-property: transform;\r
+    overflow: hidden !important;\r
+    overflow-wrap: break-word !important;\r
+    position: static !important;\r
+    border: 0 !important;\r
+    margin: 0 !important;\r
+    padding: 0 !important;\r
+    max-height: none !important;\r
+    max-width: none !important;\r
+    min-width: 100% !important;\r
+}\r
+\r
+html.content-page-horizontal-tb-rtl .without-margin-bottom {\r
+    margin-block-end: 0 !important;\r
+}\r
+`;exports.default=e;

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-horizontal-tb-rtl.mjs

@@ -0,0 +1,4 @@
+//#region mediaTypes/html/renderer/layout/css/document-content-page-horizontal-tb-rtl.css?raw
+var e = "html.content-page-horizontal-tb-rtl,\r\nhtml.content-page-horizontal-tb-rtl body {\r\n    writing-mode: horizontal-tb !important;\r\n    direction: rtl !important;\r\n}\r\n\r\nhtml.content-page-horizontal-tb-rtl {\r\n    width: var(--page-width) !important;\r\n    height: var(--page-height) !important;\r\n    column-width: var(--column-width) !important;\r\n    column-rule: 1px solid var(--column-rule-color) !important;\r\n    column-fill: auto;\r\n    column-gap: var(--column-gap) !important;\r\n    page-break-inside: avoid;\r\n    break-inside: avoid;\r\n    transition-property: transform;\r\n    overflow: hidden !important;\r\n    overflow-wrap: break-word !important;\r\n    position: static !important;\r\n    border: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    max-height: none !important;\r\n    max-width: none !important;\r\n    min-width: 100% !important;\r\n}\r\n\r\nhtml.content-page-horizontal-tb-rtl .without-margin-bottom {\r\n    margin-block-end: 0 !important;\r\n}\r\n";
+//#endregion
+export { e as default };

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-vertical-lr-ltr.cjs

@@ -0,0 +1,30 @@
+var e=`html.content-page-vertical-lr-ltr,\r
+html.content-page-vertical-lr-ltr body {\r
+    writing-mode: vertical-lr !important;\r
+    direction: ltr !important;\r
+}\r
+\r
+html.content-page-vertical-lr-ltr {\r
+    width: var(--page-width) !important;\r
+    height: var(--page-height) !important;\r
+    column-width: var(--column-width) !important;\r
+    column-rule: 1px solid var(--column-rule-color) !important;\r
+    column-fill: auto;\r
+    column-gap: var(--column-gap) !important;\r
+    page-break-inside: avoid;\r
+    break-inside: avoid;\r
+    transition-property: transform;\r
+    overflow: hidden !important;\r
+    overflow-wrap: break-word !important;\r
+    position: static !important;\r
+    border: 0 !important;\r
+    margin: 0 !important;\r
+    padding: 0 !important;\r
+    max-height: none !important;\r
+    max-width: none !important;\r
+}\r
+\r
+html.content-page-vertical-lr-ltr .without-margin-bottom {\r
+    margin-block-end: 0 !important;\r
+}\r
+`;exports.default=e;

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-vertical-lr-ltr.mjs

@@ -0,0 +1,4 @@
+//#region mediaTypes/html/renderer/layout/css/document-content-page-vertical-lr-ltr.css?raw
+var e = "html.content-page-vertical-lr-ltr,\r\nhtml.content-page-vertical-lr-ltr body {\r\n    writing-mode: vertical-lr !important;\r\n    direction: ltr !important;\r\n}\r\n\r\nhtml.content-page-vertical-lr-ltr {\r\n    width: var(--page-width) !important;\r\n    height: var(--page-height) !important;\r\n    column-width: var(--column-width) !important;\r\n    column-rule: 1px solid var(--column-rule-color) !important;\r\n    column-fill: auto;\r\n    column-gap: var(--column-gap) !important;\r\n    page-break-inside: avoid;\r\n    break-inside: avoid;\r\n    transition-property: transform;\r\n    overflow: hidden !important;\r\n    overflow-wrap: break-word !important;\r\n    position: static !important;\r\n    border: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    max-height: none !important;\r\n    max-width: none !important;\r\n}\r\n\r\nhtml.content-page-vertical-lr-ltr .without-margin-bottom {\r\n    margin-block-end: 0 !important;\r\n}\r\n";
+//#endregion
+export { e as default };

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-vertical-lr-rtl.cjs

@@ -0,0 +1,30 @@
+var e=`html.content-page-vertical-lr-rtl,\r
+html.content-page-vertical-lr-rtl body {\r
+    writing-mode: vertical-lr !important;\r
+    direction: rtl !important;\r
+}\r
+\r
+html.content-page-vertical-lr-rtl {\r
+    width: var(--page-width) !important;\r
+    height: var(--page-height) !important;\r
+    column-width: var(--column-width) !important;\r
+    column-rule: 1px solid var(--column-rule-color) !important;\r
+    column-fill: auto;\r
+    column-gap: var(--column-gap) !important;\r
+    page-break-inside: avoid;\r
+    break-inside: avoid;\r
+    transition-property: transform;\r
+    overflow: hidden !important;\r
+    overflow-wrap: break-word !important;\r
+    position: static !important;\r
+    border: 0 !important;\r
+    margin: 0 !important;\r
+    padding: 0 !important;\r
+    max-height: none !important;\r
+    max-width: none !important;\r
+}\r
+\r
+html.content-page-vertical-lr-rtl .without-margin-bottom {\r
+    margin-block-end: 0 !important;\r
+}\r
+`;exports.default=e;

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-vertical-lr-rtl.mjs

@@ -0,0 +1,4 @@
+//#region mediaTypes/html/renderer/layout/css/document-content-page-vertical-lr-rtl.css?raw
+var e = "html.content-page-vertical-lr-rtl,\r\nhtml.content-page-vertical-lr-rtl body {\r\n    writing-mode: vertical-lr !important;\r\n    direction: rtl !important;\r\n}\r\n\r\nhtml.content-page-vertical-lr-rtl {\r\n    width: var(--page-width) !important;\r\n    height: var(--page-height) !important;\r\n    column-width: var(--column-width) !important;\r\n    column-rule: 1px solid var(--column-rule-color) !important;\r\n    column-fill: auto;\r\n    column-gap: var(--column-gap) !important;\r\n    page-break-inside: avoid;\r\n    break-inside: avoid;\r\n    transition-property: transform;\r\n    overflow: hidden !important;\r\n    overflow-wrap: break-word !important;\r\n    position: static !important;\r\n    border: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    max-height: none !important;\r\n    max-width: none !important;\r\n}\r\n\r\nhtml.content-page-vertical-lr-rtl .without-margin-bottom {\r\n    margin-block-end: 0 !important;\r\n}\r\n";
+//#endregion
+export { e as default };

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-vertical-rl-ltr.cjs

@@ -0,0 +1,30 @@
+var e=`html.content-page-vertical-rl-ltr,\r
+html.content-page-vertical-rl-ltr body {\r
+    writing-mode: vertical-rl !important;\r
+    direction: ltr !important;\r
+}\r
+\r
+html.content-page-vertical-rl-ltr {\r
+    width: var(--page-width) !important;\r
+    height: var(--page-height) !important;\r
+    column-width: var(--column-width) !important;\r
+    column-rule: 1px solid var(--column-rule-color) !important;\r
+    column-fill: auto;\r
+    column-gap: var(--column-gap) !important;\r
+    page-break-inside: avoid;\r
+    break-inside: avoid;\r
+    transition-property: transform;\r
+    overflow: hidden !important;\r
+    overflow-wrap: break-word !important;\r
+    position: static !important;\r
+    border: 0 !important;\r
+    margin: 0 !important;\r
+    padding: 0 !important;\r
+    max-height: none !important;\r
+    max-width: none !important;\r
+}\r
+\r
+html.content-page-vertical-rl-ltr .without-margin-bottom {\r
+    margin-block-end: 0 !important;\r
+}\r
+`;exports.default=e;

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-vertical-rl-ltr.mjs

@@ -0,0 +1,4 @@
+//#region mediaTypes/html/renderer/layout/css/document-content-page-vertical-rl-ltr.css?raw
+var e = "html.content-page-vertical-rl-ltr,\r\nhtml.content-page-vertical-rl-ltr body {\r\n    writing-mode: vertical-rl !important;\r\n    direction: ltr !important;\r\n}\r\n\r\nhtml.content-page-vertical-rl-ltr {\r\n    width: var(--page-width) !important;\r\n    height: var(--page-height) !important;\r\n    column-width: var(--column-width) !important;\r\n    column-rule: 1px solid var(--column-rule-color) !important;\r\n    column-fill: auto;\r\n    column-gap: var(--column-gap) !important;\r\n    page-break-inside: avoid;\r\n    break-inside: avoid;\r\n    transition-property: transform;\r\n    overflow: hidden !important;\r\n    overflow-wrap: break-word !important;\r\n    position: static !important;\r\n    border: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    max-height: none !important;\r\n    max-width: none !important;\r\n}\r\n\r\nhtml.content-page-vertical-rl-ltr .without-margin-bottom {\r\n    margin-block-end: 0 !important;\r\n}\r\n";
+//#endregion
+export { e as default };

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-vertical-rl-rtl.cjs

@@ -0,0 +1,30 @@
+var e=`html.content-page-vertical-rl-rtl,\r
+html.content-page-vertical-rl-rtl body {\r
+    writing-mode: vertical-rl !important;\r
+    direction: rtl !important;\r
+}\r
+\r
+html.content-page-vertical-rl-rtl {\r
+    width: var(--page-width) !important;\r
+    height: var(--page-height) !important;\r
+    column-width: var(--column-width) !important;\r
+    column-rule: 1px solid var(--column-rule-color) !important;\r
+    column-fill: auto;\r
+    column-gap: var(--column-gap) !important;\r
+    page-break-inside: avoid;\r
+    break-inside: avoid;\r
+    transition-property: transform;\r
+    overflow: hidden !important;\r
+    overflow-wrap: break-word !important;\r
+    position: static !important;\r
+    border: 0 !important;\r
+    margin: 0 !important;\r
+    padding: 0 !important;\r
+    max-height: none !important;\r
+    max-width: none !important;\r
+}\r
+\r
+html.content-page-vertical-rl-rtl .without-margin-bottom {\r
+    margin-block-end: 0 !important;\r
+}\r
+`;exports.default=e;

package/dist/mediaTypes/html/renderer/layout/css/document-content-page-vertical-rl-rtl.mjs

@@ -0,0 +1,4 @@
+//#region mediaTypes/html/renderer/layout/css/document-content-page-vertical-rl-rtl.css?raw
+var e = "html.content-page-vertical-rl-rtl,\r\nhtml.content-page-vertical-rl-rtl body {\r\n    writing-mode: vertical-rl !important;\r\n    direction: rtl !important;\r\n}\r\n\r\nhtml.content-page-vertical-rl-rtl {\r\n    width: var(--page-width) !important;\r\n    height: var(--page-height) !important;\r\n    column-width: var(--column-width) !important;\r\n    column-rule: 1px solid var(--column-rule-color) !important;\r\n    column-fill: auto;\r\n    column-gap: var(--column-gap) !important;\r\n    page-break-inside: avoid;\r\n    break-inside: avoid;\r\n    transition-property: transform;\r\n    overflow: hidden !important;\r\n    overflow-wrap: break-word !important;\r\n    position: static !important;\r\n    border: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    max-height: none !important;\r\n    max-width: none !important;\r\n}\r\n\r\nhtml.content-page-vertical-rl-rtl .without-margin-bottom {\r\n    margin-block-end: 0 !important;\r\n}\r\n";
+//#endregion
+export { e as default };

package/dist/mediaTypes/html/renderer/layout/css/document-content-scroll-horizontal-tb-rtl.cjs

@@ -0,0 +1,6 @@
+var e=`html.content-scroll-horizontal-tb-rtl,\r
+html.content-scroll-horizontal-tb-rtl body {\r
+    writing-mode: horizontal-tb !important;\r
+    direction: rtl !important;\r
+}\r
+`;exports.default=e;