js.documents 1.65.0 → 1.66.0

package/dist/edit/docx/vector.js

@@ -0,0 +1,68 @@
+import { el, txt } from "../../xml/fragment.js";
+import { ptToEmu } from "../../model/units.js";
+import { buildVectorShapeProperties, vectorPlacementBox, vectorShapeName } from "../drawingml/vector.js";
+//#region src/edit/docx/vector.ts
+const DRAWING_NS = {
+	wp: "http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing",
+	a: "http://schemas.openxmlformats.org/drawingml/2006/main",
+	wps: "http://schemas.microsoft.com/office/word/2010/wordprocessingShape"
+};
+const ANCHOR_ATTRS = {
+	distT: "0",
+	distB: "0",
+	distL: "0",
+	distR: "0",
+	simplePos: "0",
+	locked: "0",
+	layoutInCell: "1",
+	allowOverlap: "1",
+	behindDoc: "1"
+};
+function position(tag, offsetPt) {
+	return el(tag, { relativeFrom: "page" }, [el("wp:posOffset", {}, [txt(String(ptToEmu(offsetPt)))])]);
+}
+function buildAnchoredVectorDrawing(vector, drawingId, relativeHeight) {
+	const frame = vectorPlacementBox(vector);
+	const cx = String(ptToEmu(frame.widthPt));
+	const cy = String(ptToEmu(frame.heightPt));
+	const name = vectorShapeName(vector, drawingId);
+	const wsp = el("wps:wsp", {}, [
+		el("wps:cNvSpPr"),
+		el("wps:spPr", {}, buildVectorShapeProperties(vector)),
+		el("wps:bodyPr")
+	]);
+	const anchor = el("wp:anchor", {
+		...ANCHOR_ATTRS,
+		relativeHeight: String(relativeHeight)
+	}, [
+		el("wp:simplePos", {
+			x: "0",
+			y: "0"
+		}),
+		position("wp:positionH", frame.xPt),
+		position("wp:positionV", frame.yPt),
+		el("wp:extent", {
+			cx,
+			cy
+		}),
+		el("wp:effectExtent", {
+			l: "0",
+			t: "0",
+			r: "0",
+			b: "0"
+		}),
+		el("wp:wrapNone"),
+		el("wp:docPr", {
+			id: String(drawingId),
+			name
+		}),
+		el("a:graphic", {}, [el("a:graphicData", { uri: DRAWING_NS.wps }, [wsp])])
+	]);
+	return el("w:drawing", {
+		"xmlns:wp": DRAWING_NS.wp,
+		"xmlns:a": DRAWING_NS.a,
+		"xmlns:wps": DRAWING_NS.wps
+	}, [anchor]);
+}
+//#endregion
+export { buildAnchoredVectorDrawing };

package/dist/edit/drawingml/vector.cjs

@@ -0,0 +1,113 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_xml_fragment = require("../../xml/fragment.cjs");
+const require_model_units = require("../../model/units.cjs");
+let document_schema_js = require("document-schema.js");
+//#region src/edit/drawingml/vector.ts
+function drawingMlColorHex(color) {
+	return (0, document_schema_js.colorToRgbHex)(color).toUpperCase();
+}
+function solidFillOrNone(fill) {
+	return fill === void 0 ? require_xml_fragment.el("a:noFill") : require_xml_fragment.el("a:solidFill", {}, [require_xml_fragment.el("a:srgbClr", { val: drawingMlColorHex(fill) })]);
+}
+function outline(stroke) {
+	if (stroke === void 0) return require_xml_fragment.el("a:ln", {}, [require_xml_fragment.el("a:noFill")]);
+	return require_xml_fragment.el("a:ln", { w: String(require_model_units.ptToEmu(stroke.widthPt)) }, [require_xml_fragment.el("a:solidFill", {}, [require_xml_fragment.el("a:srgbClr", { val: drawingMlColorHex(stroke.color) })])]);
+}
+function placementOf(vector) {
+	if (vector.kind !== "line") return {
+		frame: vector.frame,
+		flipH: false,
+		flipV: false
+	};
+	const { from, to } = vector;
+	return {
+		frame: {
+			xPt: Math.min(from.xPt, to.xPt),
+			yPt: Math.min(from.yPt, to.yPt),
+			widthPt: Math.abs(to.xPt - from.xPt),
+			heightPt: Math.abs(to.yPt - from.yPt)
+		},
+		flipH: to.xPt < from.xPt,
+		flipV: to.yPt < from.yPt
+	};
+}
+const ROTATION_UNITS_PER_DEGREE = 6e4;
+function transform(placement, rotationDeg) {
+	const attrs = {};
+	if (rotationDeg !== void 0 && rotationDeg !== 0) attrs.rot = String(Math.round(rotationDeg * ROTATION_UNITS_PER_DEGREE));
+	if (placement.flipH) attrs.flipH = "1";
+	if (placement.flipV) attrs.flipV = "1";
+	return require_xml_fragment.el("a:xfrm", attrs, [require_xml_fragment.el("a:off", {
+		x: String(require_model_units.ptToEmu(placement.frame.xPt)),
+		y: String(require_model_units.ptToEmu(placement.frame.yPt))
+	}), require_xml_fragment.el("a:ext", {
+		cx: String(require_model_units.ptToEmu(placement.frame.widthPt)),
+		cy: String(require_model_units.ptToEmu(placement.frame.heightPt))
+	})]);
+}
+function pt(xPt, yPt) {
+	return require_xml_fragment.el("a:pt", {
+		x: String(require_model_units.ptToEmu(xPt)),
+		y: String(require_model_units.ptToEmu(yPt))
+	});
+}
+function customGeometry(frame, subpaths) {
+	const paths = subpaths.map((subpath) => {
+		const commands = [require_xml_fragment.el("a:moveTo", {}, [pt(subpath.start.xPt, subpath.start.yPt)])];
+		for (const segment of subpath.segments) if (segment.kind === "line") commands.push(require_xml_fragment.el("a:lnTo", {}, [pt(segment.to.xPt, segment.to.yPt)]));
+		else commands.push(require_xml_fragment.el("a:cubicBezTo", {}, [
+			pt(segment.control1.xPt, segment.control1.yPt),
+			pt(segment.control2.xPt, segment.control2.yPt),
+			pt(segment.to.xPt, segment.to.yPt)
+		]));
+		if (subpath.closed) commands.push(require_xml_fragment.el("a:close"));
+		return require_xml_fragment.el("a:path", {
+			w: String(require_model_units.ptToEmu(frame.widthPt)),
+			h: String(require_model_units.ptToEmu(frame.heightPt))
+		}, commands);
+	});
+	return require_xml_fragment.el("a:custGeom", {}, [
+		require_xml_fragment.el("a:avLst"),
+		require_xml_fragment.el("a:gdLst"),
+		require_xml_fragment.el("a:ahLst"),
+		require_xml_fragment.el("a:cxnLst"),
+		require_xml_fragment.el("a:rect", {
+			l: "0",
+			t: "0",
+			r: "r",
+			b: "b"
+		}),
+		require_xml_fragment.el("a:pathLst", {}, paths)
+	]);
+}
+const PRESET_BY_KIND = {
+	rect: "rect",
+	ellipse: "ellipse",
+	line: "line"
+};
+function geometry(vector) {
+	if (vector.kind === "path") return customGeometry(vector.frame, vector.subpaths);
+	return require_xml_fragment.el("a:prstGeom", { prst: PRESET_BY_KIND[vector.kind] }, [require_xml_fragment.el("a:avLst")]);
+}
+function buildVectorShapeProperties(vector) {
+	const placement = placementOf(vector);
+	const fill = vector.kind === "line" ? void 0 : vector.fill;
+	const stroke = vector.stroke;
+	return [
+		transform(placement, vector.kind === "line" ? void 0 : vector.rotationDeg),
+		geometry(vector),
+		solidFillOrNone(fill),
+		outline(stroke)
+	];
+}
+function vectorPlacementBox(vector) {
+	return placementOf(vector).frame;
+}
+function vectorShapeName(vector, id) {
+	return `${vector.kind.charAt(0).toUpperCase()}${vector.kind.slice(1)} ${id}`;
+}
+//#endregion
+exports.buildVectorShapeProperties = buildVectorShapeProperties;
+exports.drawingMlColorHex = drawingMlColorHex;
+exports.vectorPlacementBox = vectorPlacementBox;
+exports.vectorShapeName = vectorShapeName;

package/dist/edit/drawingml/vector.d.cts

@@ -0,0 +1,9 @@
+import { Box, Color, ContentVector } from "document-schema.js";
+import { XmlNode } from "ooxml.js";
+//#region src/edit/drawingml/vector.d.ts
+declare function drawingMlColorHex(color: Color): string;
+declare function buildVectorShapeProperties(vector: ContentVector): XmlNode[];
+declare function vectorPlacementBox(vector: ContentVector): Box;
+declare function vectorShapeName(vector: ContentVector, id: number): string;
+//#endregion
+export { buildVectorShapeProperties, drawingMlColorHex, vectorPlacementBox, vectorShapeName };

package/dist/edit/drawingml/vector.d.ts

@@ -0,0 +1,9 @@
+import { XmlNode } from "ooxml.js";
+import { Box, Color, ContentVector } from "document-schema.js";
+//#region src/edit/drawingml/vector.d.ts
+declare function drawingMlColorHex(color: Color): string;
+declare function buildVectorShapeProperties(vector: ContentVector): XmlNode[];
+declare function vectorPlacementBox(vector: ContentVector): Box;
+declare function vectorShapeName(vector: ContentVector, id: number): string;
+//#endregion
+export { buildVectorShapeProperties, drawingMlColorHex, vectorPlacementBox, vectorShapeName };

package/dist/edit/drawingml/vector.js

@@ -0,0 +1,109 @@
+import { el } from "../../xml/fragment.js";
+import { ptToEmu } from "../../model/units.js";
+import { colorToRgbHex } from "document-schema.js";
+//#region src/edit/drawingml/vector.ts
+function drawingMlColorHex(color) {
+	return colorToRgbHex(color).toUpperCase();
+}
+function solidFillOrNone(fill) {
+	return fill === void 0 ? el("a:noFill") : el("a:solidFill", {}, [el("a:srgbClr", { val: drawingMlColorHex(fill) })]);
+}
+function outline(stroke) {
+	if (stroke === void 0) return el("a:ln", {}, [el("a:noFill")]);
+	return el("a:ln", { w: String(ptToEmu(stroke.widthPt)) }, [el("a:solidFill", {}, [el("a:srgbClr", { val: drawingMlColorHex(stroke.color) })])]);
+}
+function placementOf(vector) {
+	if (vector.kind !== "line") return {
+		frame: vector.frame,
+		flipH: false,
+		flipV: false
+	};
+	const { from, to } = vector;
+	return {
+		frame: {
+			xPt: Math.min(from.xPt, to.xPt),
+			yPt: Math.min(from.yPt, to.yPt),
+			widthPt: Math.abs(to.xPt - from.xPt),
+			heightPt: Math.abs(to.yPt - from.yPt)
+		},
+		flipH: to.xPt < from.xPt,
+		flipV: to.yPt < from.yPt
+	};
+}
+const ROTATION_UNITS_PER_DEGREE = 6e4;
+function transform(placement, rotationDeg) {
+	const attrs = {};
+	if (rotationDeg !== void 0 && rotationDeg !== 0) attrs.rot = String(Math.round(rotationDeg * ROTATION_UNITS_PER_DEGREE));
+	if (placement.flipH) attrs.flipH = "1";
+	if (placement.flipV) attrs.flipV = "1";
+	return el("a:xfrm", attrs, [el("a:off", {
+		x: String(ptToEmu(placement.frame.xPt)),
+		y: String(ptToEmu(placement.frame.yPt))
+	}), el("a:ext", {
+		cx: String(ptToEmu(placement.frame.widthPt)),
+		cy: String(ptToEmu(placement.frame.heightPt))
+	})]);
+}
+function pt(xPt, yPt) {
+	return el("a:pt", {
+		x: String(ptToEmu(xPt)),
+		y: String(ptToEmu(yPt))
+	});
+}
+function customGeometry(frame, subpaths) {
+	const paths = subpaths.map((subpath) => {
+		const commands = [el("a:moveTo", {}, [pt(subpath.start.xPt, subpath.start.yPt)])];
+		for (const segment of subpath.segments) if (segment.kind === "line") commands.push(el("a:lnTo", {}, [pt(segment.to.xPt, segment.to.yPt)]));
+		else commands.push(el("a:cubicBezTo", {}, [
+			pt(segment.control1.xPt, segment.control1.yPt),
+			pt(segment.control2.xPt, segment.control2.yPt),
+			pt(segment.to.xPt, segment.to.yPt)
+		]));
+		if (subpath.closed) commands.push(el("a:close"));
+		return el("a:path", {
+			w: String(ptToEmu(frame.widthPt)),
+			h: String(ptToEmu(frame.heightPt))
+		}, commands);
+	});
+	return el("a:custGeom", {}, [
+		el("a:avLst"),
+		el("a:gdLst"),
+		el("a:ahLst"),
+		el("a:cxnLst"),
+		el("a:rect", {
+			l: "0",
+			t: "0",
+			r: "r",
+			b: "b"
+		}),
+		el("a:pathLst", {}, paths)
+	]);
+}
+const PRESET_BY_KIND = {
+	rect: "rect",
+	ellipse: "ellipse",
+	line: "line"
+};
+function geometry(vector) {
+	if (vector.kind === "path") return customGeometry(vector.frame, vector.subpaths);
+	return el("a:prstGeom", { prst: PRESET_BY_KIND[vector.kind] }, [el("a:avLst")]);
+}
+function buildVectorShapeProperties(vector) {
+	const placement = placementOf(vector);
+	const fill = vector.kind === "line" ? void 0 : vector.fill;
+	const stroke = vector.stroke;
+	return [
+		transform(placement, vector.kind === "line" ? void 0 : vector.rotationDeg),
+		geometry(vector),
+		solidFillOrNone(fill),
+		outline(stroke)
+	];
+}
+function vectorPlacementBox(vector) {
+	return placementOf(vector).frame;
+}
+function vectorShapeName(vector, id) {
+	return `${vector.kind.charAt(0).toUpperCase()}${vector.kind.slice(1)} ${id}`;
+}
+//#endregion
+export { buildVectorShapeProperties, drawingMlColorHex, vectorPlacementBox, vectorShapeName };

package/dist/edit/odg/content.cjs

@@ -11,36 +11,11 @@ function buildOdgPackage(content) {
 	if (firstPage !== void 0) editor.pageSize = firstPage.size;
 	for (const page of content.pages) {
 		const odgPage = editor.addPage();
-		for (const entry of require_model_paint_order.mergeByPaintOrder(page.vectors, page.shapes)) if (entry.kind === "vector") appendVector(odgPage, entry.value);
+		for (const entry of require_model_paint_order.mergeByPaintOrder(page.vectors, page.shapes)) if (entry.kind === "vector") odgPage.addVector(entry.value);
 		else appendShape(odgPage, entry.value);
 	}
 	return editor.toPackage();
 }
-function appendVector(page, vector) {
-	if (vector.kind === "line") {
-		page.addLine({
-			from: vector.from,
-			to: vector.to,
-			stroke: vector.stroke
-		});
-		return;
-	}
-	const built = vector.kind === "rect" ? page.addRect({
-		frame: vector.frame,
-		fill: vector.fill,
-		stroke: vector.stroke
-	}) : vector.kind === "ellipse" ? page.addEllipse({
-		frame: vector.frame,
-		fill: vector.fill,
-		stroke: vector.stroke
-	}) : page.addPath({
-		frame: vector.frame,
-		subpaths: vector.subpaths,
-		fill: vector.fill,
-		stroke: vector.stroke
-	});
-	if (vector.rotationDeg !== void 0) built.rotationDeg = vector.rotationDeg;
-}
 function appendShape(page, shape) {
 	const [onlyBlock] = shape.blocks;
 	if (shape.blocks.length === 1 && onlyBlock?.kind === "image") {

package/dist/edit/odg/content.js

@@ -10,36 +10,11 @@ function buildOdgPackage(content) {
 	if (firstPage !== void 0) editor.pageSize = firstPage.size;
 	for (const page of content.pages) {
 		const odgPage = editor.addPage();
-		for (const entry of mergeByPaintOrder(page.vectors, page.shapes)) if (entry.kind === "vector") appendVector(odgPage, entry.value);
+		for (const entry of mergeByPaintOrder(page.vectors, page.shapes)) if (entry.kind === "vector") odgPage.addVector(entry.value);
 		else appendShape(odgPage, entry.value);
 	}
 	return editor.toPackage();
 }
-function appendVector(page, vector) {
-	if (vector.kind === "line") {
-		page.addLine({
-			from: vector.from,
-			to: vector.to,
-			stroke: vector.stroke
-		});
-		return;
-	}
-	const built = vector.kind === "rect" ? page.addRect({
-		frame: vector.frame,
-		fill: vector.fill,
-		stroke: vector.stroke
-	}) : vector.kind === "ellipse" ? page.addEllipse({
-		frame: vector.frame,
-		fill: vector.fill,
-		stroke: vector.stroke
-	}) : page.addPath({
-		frame: vector.frame,
-		subpaths: vector.subpaths,
-		fill: vector.fill,
-		stroke: vector.stroke
-	});
-	if (vector.rotationDeg !== void 0) built.rotationDeg = vector.rotationDeg;
-}
 function appendShape(page, shape) {
 	const [onlyBlock] = shape.blocks;
 	if (shape.blocks.length === 1 && onlyBlock?.kind === "image") {

package/dist/edit/odg/page.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_xml_edit = require("../../xml/edit.cjs");
+const require_edit_odg_vector = require("./vector.cjs");
 const require_edit_odp_shape = require("../odp/shape.cjs");
 const require_edit_odp_image = require("../odp/image.cjs");
-const require_edit_odg_vector = require("./vector.cjs");
 //#region src/edit/odg/page.ts
 var OdgPage = class {
 	container;
@@ -37,6 +37,16 @@ var OdgPage = class {
 		node.children.push(frameElement);
 		return new require_edit_odp_shape.OdpShape(node.children, frameElement, this.context.pkg);
 	}
+	vectors() {
+		const node = this.live();
+		const out = [];
+		for (const child of node.children) {
+			if (child.type !== "element") continue;
+			const vector = require_edit_odg_vector.wrapVectorElement(node.children, child, this.context.pkg);
+			if (vector !== void 0) out.push(vector);
+		}
+		return out;
+	}
 	addRect(init) {
 		const node = this.live();
 		const element = require_edit_odg_vector.buildRectElement(this.context.pkg, init);
@@ -61,6 +71,9 @@ var OdgPage = class {
 		node.children.push(element);
 		return new require_edit_odg_vector.OdgPathVector(node.children, element, this.context.pkg);
 	}
+	addVector(vector) {
+		return require_edit_odg_vector.appendVectorTo(this.live().children, this.context.pkg, vector);
+	}
 	remove() {
 		require_xml_edit.removeChild(this.container, this.live());
 		this.removed = true;

package/dist/edit/odg/page.d.cts

@@ -1,7 +1,7 @@
 import { t as ImageInit } from "../../image-M5SezZVI.cjs";
-import { t as OdpShape } from "../../shape-CXZ6fejV.cjs";
-import { a as OdgLineVector, n as LineVectorInit, o as OdgPathVector, r as OdgBoxVector, s as PathVectorInit, t as BoxVectorInit } from "../../vector-Puuqu_IT.cjs";
-import { Box } from "document-schema.js";
+import { t as OdpShape } from "../../shape-C8qDhn0l.cjs";
+import { a as OdgLineVector, l as PathVectorInit, n as LineVectorInit, o as OdgPathVector, r as OdgBoxVector, s as OdgVector, t as BoxVectorInit } from "../../vector-D03KX8Ux.cjs";
+import { Box, ContentVector } from "document-schema.js";
 import { Package, XmlElement, XmlNode } from "odf.js";
 //#region src/edit/odg/page.d.ts
 interface TextBoxInit {
@@ -24,10 +24,12 @@ declare class OdgPage {
   shapes(): OdpShape[];
   addTextBox(init: TextBoxInit): OdpShape;
   addImage(init: PageImageInit): OdpShape;
+  vectors(): OdgVector[];
   addRect(init: BoxVectorInit): OdgBoxVector;
   addEllipse(init: BoxVectorInit): OdgBoxVector;
   addLine(init: LineVectorInit): OdgLineVector;
   addPath(init: PathVectorInit): OdgPathVector;
+  addVector(vector: ContentVector): OdgVector;
   remove(): void;
 }
 //#endregion

package/dist/edit/odg/page.d.ts

@@ -1,7 +1,7 @@
 import { t as ImageInit } from "../../image-DHcA9kaK.js";
-import { t as OdpShape } from "../../shape-CVXedeL7.js";
-import { a as OdgLineVector, n as LineVectorInit, o as OdgPathVector, r as OdgBoxVector, s as PathVectorInit, t as BoxVectorInit } from "../../vector-Puuqu_IT.js";
-import { Box } from "document-schema.js";
+import { t as OdpShape } from "../../shape-XGp__l-J.js";
+import { a as OdgLineVector, l as PathVectorInit, n as LineVectorInit, o as OdgPathVector, r as OdgBoxVector, s as OdgVector, t as BoxVectorInit } from "../../vector-D03KX8Ux.js";
+import { Box, ContentVector } from "document-schema.js";
 import { Package, XmlElement, XmlNode } from "odf.js";
 //#region src/edit/odg/page.d.ts
 interface TextBoxInit {
@@ -24,10 +24,12 @@ declare class OdgPage {
   shapes(): OdpShape[];
   addTextBox(init: TextBoxInit): OdpShape;
   addImage(init: PageImageInit): OdpShape;
+  vectors(): OdgVector[];
   addRect(init: BoxVectorInit): OdgBoxVector;
   addEllipse(init: BoxVectorInit): OdgBoxVector;
   addLine(init: LineVectorInit): OdgLineVector;
   addPath(init: PathVectorInit): OdgPathVector;
+  addVector(vector: ContentVector): OdgVector;
   remove(): void;
 }
 //#endregion

package/dist/edit/odg/page.js

@@ -1,7 +1,7 @@
 import { removeChild } from "../../xml/edit.js";
+import { OdgBoxVector, OdgLineVector, OdgPathVector, appendVectorTo, buildEllipseElement, buildLineElement, buildPathElement, buildRectElement, wrapVectorElement } from "./vector.js";
 import { OdpShape, buildTextBoxFrame } from "../odp/shape.js";
 import { insertImageFrameMedia } from "../odp/image.js";
-import { OdgBoxVector, OdgLineVector, OdgPathVector, buildEllipseElement, buildLineElement, buildPathElement, buildRectElement } from "./vector.js";
 //#region src/edit/odg/page.ts
 var OdgPage = class {
 	container;
@@ -36,6 +36,16 @@ var OdgPage = class {
 		node.children.push(frameElement);
 		return new OdpShape(node.children, frameElement, this.context.pkg);
 	}
+	vectors() {
+		const node = this.live();
+		const out = [];
+		for (const child of node.children) {
+			if (child.type !== "element") continue;
+			const vector = wrapVectorElement(node.children, child, this.context.pkg);
+			if (vector !== void 0) out.push(vector);
+		}
+		return out;
+	}
 	addRect(init) {
 		const node = this.live();
 		const element = buildRectElement(this.context.pkg, init);
@@ -60,6 +70,9 @@ var OdgPage = class {
 		node.children.push(element);
 		return new OdgPathVector(node.children, element, this.context.pkg);
 	}
+	addVector(vector) {
+		return appendVectorTo(this.live().children, this.context.pkg, vector);
+	}
 	remove() {
 		removeChild(this.container, this.live());
 		this.removed = true;

package/dist/edit/odg/style.cjs

@@ -6,8 +6,16 @@ let ooxml_js = require("ooxml.js");
 let odf_js = require("odf.js");
 //#region src/edit/odg/style.ts
 const GRAPHIC_STYLE_PREFIX = "gr";
+const TEXT_FLOW_ANCHOR_ATTRS = {
+	"style:wrap": "run-through",
+	"style:run-through": "background",
+	"style:horizontal-pos": "from-left",
+	"style:horizontal-rel": "page",
+	"style:vertical-pos": "from-top",
+	"style:vertical-rel": "page"
+};
 function graphicPropertyAttrs(init) {
-	const attrs = {};
+	const attrs = init.textFlowAnchored === true ? { ...TEXT_FLOW_ANCHOR_ATTRS } : {};
 	if (init.fill === void 0) attrs["draw:fill"] = "none";
 	else {
 		attrs["draw:fill"] = "solid";
@@ -61,17 +69,23 @@ function readGraphicStroke(pkg, element) {
 		widthPt
 	};
 }
+function readGraphicTextFlowAnchored(pkg, element) {
+	const props = graphicProperties(pkg, element);
+	return props !== void 0 && (0, ooxml_js.attr)(props, "style:vertical-rel") === TEXT_FLOW_ANCHOR_ATTRS["style:vertical-rel"];
+}
 function setGraphicFill(pkg, element, fill) {
 	const name = buildGraphicStyle(pkg, {
 		fill,
-		stroke: readGraphicStroke(pkg, element)
+		stroke: readGraphicStroke(pkg, element),
+		textFlowAnchored: readGraphicTextFlowAnchored(pkg, element)
 	});
 	require_xml_edit.setAttr(element, "draw:style-name", name);
 }
 function setGraphicStroke(pkg, element, stroke) {
 	const name = buildGraphicStyle(pkg, {
 		fill: readGraphicFill(pkg, element),
-		stroke
+		stroke,
+		textFlowAnchored: readGraphicTextFlowAnchored(pkg, element)
 	});
 	require_xml_edit.setAttr(element, "draw:style-name", name);
 }

package/dist/edit/odg/style.d.cts

@@ -4,6 +4,7 @@ import { Package, XmlElement } from "odf.js";
 interface GraphicStyleInit {
   readonly fill?: Color;
   readonly stroke?: ContentStroke;
+  readonly textFlowAnchored?: boolean;
 }
 declare function buildGraphicStyle(pkg: Package, init: GraphicStyleInit): string;
 declare function readGraphicFill(pkg: Package, element: XmlElement): Color | undefined;

package/dist/edit/odg/style.d.ts

@@ -4,6 +4,7 @@ import { Package, XmlElement } from "odf.js";
 interface GraphicStyleInit {
   readonly fill?: Color;
   readonly stroke?: ContentStroke;
+  readonly textFlowAnchored?: boolean;
 }
 declare function buildGraphicStyle(pkg: Package, init: GraphicStyleInit): string;
 declare function readGraphicFill(pkg: Package, element: XmlElement): Color | undefined;

package/dist/edit/odg/style.js

@@ -5,8 +5,16 @@ import { attr } from "ooxml.js";
 import { formatOdfColor, formatOdfLength, parseOdfColor, parseOdfLength } from "odf.js";
 //#region src/edit/odg/style.ts
 const GRAPHIC_STYLE_PREFIX = "gr";
+const TEXT_FLOW_ANCHOR_ATTRS = {
+	"style:wrap": "run-through",
+	"style:run-through": "background",
+	"style:horizontal-pos": "from-left",
+	"style:horizontal-rel": "page",
+	"style:vertical-pos": "from-top",
+	"style:vertical-rel": "page"
+};
 function graphicPropertyAttrs(init) {
-	const attrs = {};
+	const attrs = init.textFlowAnchored === true ? { ...TEXT_FLOW_ANCHOR_ATTRS } : {};
 	if (init.fill === void 0) attrs["draw:fill"] = "none";
 	else {
 		attrs["draw:fill"] = "solid";
@@ -60,17 +68,23 @@ function readGraphicStroke(pkg, element) {
 		widthPt
 	};
 }
+function readGraphicTextFlowAnchored(pkg, element) {
+	const props = graphicProperties(pkg, element);
+	return props !== void 0 && attr(props, "style:vertical-rel") === TEXT_FLOW_ANCHOR_ATTRS["style:vertical-rel"];
+}
 function setGraphicFill(pkg, element, fill) {
 	const name = buildGraphicStyle(pkg, {
 		fill,
-		stroke: readGraphicStroke(pkg, element)
+		stroke: readGraphicStroke(pkg, element),
+		textFlowAnchored: readGraphicTextFlowAnchored(pkg, element)
 	});
 	setAttr(element, "draw:style-name", name);
 }
 function setGraphicStroke(pkg, element, stroke) {
 	const name = buildGraphicStyle(pkg, {
 		fill: readGraphicFill(pkg, element),
-		stroke
+		stroke,
+		textFlowAnchored: readGraphicTextFlowAnchored(pkg, element)
 	});
 	setAttr(element, "draw:style-name", name);
 }