documents.js 1.84.0 → 1.85.1

package/dist/edit/docx/table.js

@@ -1,10 +1,36 @@
+import { colorToRgbHex, rgbHexToColor } from "../../model/color.js";
 import { el } from "../../xml/fragment.js";
+import { ptToTwips, twipsToPt } from "../../model/units.js";
 import { directChildElement, insertInSchemaOrder, removeChild } from "../../xml/edit.js";
 import { DocxParagraph, buildParagraph } from "./paragraph.js";
 import { attr } from "ooxml.js";
 //#region src/edit/docx/table.ts
 const DEFAULT_TABLE_WIDTH_TWIPS = 9360;
-const TC_PR_CHILD_ORDER = ["w:gridSpan", "w:vMerge"];
+const TC_PR_CHILD_ORDER = [
+	"w:gridSpan",
+	"w:vMerge",
+	"w:tcBorders",
+	"w:shd"
+];
+const TC_BORDERS_CHILD_ORDER = [
+	"w:top",
+	"w:left",
+	"w:bottom",
+	"w:right"
+];
+const EIGHTH_POINTS_PER_POINT = 8;
+const DOCX_BORDER_STYLE_TO_VAL = {
+	solid: "single",
+	dashed: "dashed",
+	dotted: "dotted",
+	double: "double"
+};
+function valToBorderStyle(val) {
+	if (val === "dashed") return "dashed";
+	if (val === "dotted") return "dotted";
+	if (val === "double") return "double";
+	return "solid";
+}
 var DocxTableCell = class {
 	node;
 	constructor(node) {
@@ -49,6 +75,75 @@ var DocxTableCell = class {
 		tcPr.children = tcPr.children.filter((c) => !(c.type === "element" && c.tag === "w:vMerge"));
 		insertInSchemaOrder(tcPr, value === "restart" ? el("w:vMerge", { "w:val": "restart" }) : el("w:vMerge"), TC_PR_CHILD_ORDER);
 	}
+	get background() {
+		const tcPr = this.tcPrElement(false);
+		const shd = tcPr === void 0 ? void 0 : directChildElement(tcPr, "w:shd");
+		const fill = shd === void 0 ? void 0 : attr(shd, "w:fill");
+		if (fill === void 0 || fill === "auto" || fill === "none") return;
+		return rgbHexToColor(fill);
+	}
+	set background(value) {
+		if (value === void 0) {
+			const tcPr = this.tcPrElement(false);
+			if (tcPr !== void 0) tcPr.children = tcPr.children.filter((c) => !(c.type === "element" && c.tag === "w:shd"));
+			return;
+		}
+		const tcPr = this.tcPrElement(true);
+		tcPr.children = tcPr.children.filter((c) => !(c.type === "element" && c.tag === "w:shd"));
+		insertInSchemaOrder(tcPr, el("w:shd", {
+			"w:val": "clear",
+			"w:color": "auto",
+			"w:fill": colorToRgbHex(value)
+		}), TC_PR_CHILD_ORDER);
+	}
+	get borders() {
+		const tcPr = this.tcPrElement(false);
+		const tcBorders = tcPr === void 0 ? void 0 : directChildElement(tcPr, "w:tcBorders");
+		if (tcBorders === void 0) return;
+		const borders = {};
+		for (const edge of [
+			"top",
+			"left",
+			"bottom",
+			"right"
+		]) {
+			const element = directChildElement(tcBorders, `w:${edge}`);
+			const val = element === void 0 ? void 0 : attr(element, "w:val");
+			if (element === void 0 || val === void 0 || val === "nil" || val === "none") continue;
+			const sz = attr(element, "w:sz");
+			const colorVal = attr(element, "w:color");
+			borders[edge] = {
+				color: colorVal === void 0 || colorVal === "auto" ? {
+					r: 0,
+					g: 0,
+					b: 0
+				} : rgbHexToColor(colorVal),
+				widthPt: Number(sz ?? String(EIGHTH_POINTS_PER_POINT)) / EIGHTH_POINTS_PER_POINT,
+				style: valToBorderStyle(val)
+			};
+		}
+		return Object.keys(borders).length === 0 ? void 0 : borders;
+	}
+	set borders(value) {
+		if (value === void 0) {
+			const tcPr = this.tcPrElement(false);
+			if (tcPr !== void 0) tcPr.children = tcPr.children.filter((c) => !(c.type === "element" && c.tag === "w:tcBorders"));
+			return;
+		}
+		const tcPr = this.tcPrElement(true);
+		tcPr.children = tcPr.children.filter((c) => !(c.type === "element" && c.tag === "w:tcBorders"));
+		const tcBorders = el("w:tcBorders");
+		for (const edge of TC_BORDERS_CHILD_ORDER) {
+			const border = value[edge === "w:top" ? "top" : edge === "w:left" ? "left" : edge === "w:bottom" ? "bottom" : "right"];
+			if (border === void 0) continue;
+			tcBorders.children.push(el(edge, {
+				"w:val": DOCX_BORDER_STYLE_TO_VAL[border.style ?? "solid"],
+				"w:sz": String(Math.round(border.widthPt * EIGHTH_POINTS_PER_POINT)),
+				"w:color": colorToRgbHex(border.color)
+			}));
+		}
+		insertInSchemaOrder(tcPr, tcBorders, TC_PR_CHILD_ORDER);
+	}
 	paragraphs() {
 		const out = [];
 		for (const child of this.node.children) if (child.type === "element" && child.tag === "w:p") out.push(new DocxParagraph(this.node.children, child));
@@ -68,11 +163,34 @@ var DocxTableRow = class {
 	constructor(node) {
 		this.node = node;
 	}
+	trPrElement(create) {
+		const existing = directChildElement(this.node, "w:trPr");
+		if (existing !== void 0 || !create) return existing;
+		const created = el("w:trPr");
+		this.node.children.unshift(created);
+		return created;
+	}
 	cells() {
 		const out = [];
 		for (const child of this.node.children) if (child.type === "element" && child.tag === "w:tc") out.push(new DocxTableCell(child));
 		return out;
 	}
+	get heightPt() {
+		const trPr = this.trPrElement(false);
+		const trHeight = trPr === void 0 ? void 0 : directChildElement(trPr, "w:trHeight");
+		const val = trHeight === void 0 ? void 0 : attr(trHeight, "w:val");
+		return val === void 0 ? void 0 : twipsToPt(Number(val));
+	}
+	set heightPt(value) {
+		const trPr = this.trPrElement(value !== void 0);
+		if (trPr === void 0) return;
+		trPr.children = trPr.children.filter((c) => !(c.type === "element" && c.tag === "w:trHeight"));
+		if (value === void 0) return;
+		trPr.children.push(el("w:trHeight", {
+			"w:val": String(ptToTwips(value)),
+			"w:hRule": "atLeast"
+		}));
+	}
 	mergeCellsHorizontally(startColumnIndex, colSpan) {
 		if (!Number.isInteger(colSpan) || colSpan < 1) throw new Error(`mergeCellsHorizontally: colSpan must be a positive integer, got ${colSpan}`);
 		const cellElements = [];

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

@@ -1,5 +1,5 @@
 import { t as ImageInit } from "../../image-M5SezZVI.cjs";
-import { t as OdpShape } from "../../shape-rvNMzcun.cjs";
+import { t as OdpShape } from "../../shape-Dch9pDCf.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";

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

@@ -1,5 +1,5 @@
 import { t as ImageInit } from "../../image-DHcA9kaK.js";
-import { t as OdpShape } from "../../shape-Be0LdJGE.js";
+import { t as OdpShape } from "../../shape-DyviC6ZG.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";

package/dist/edit/odp/shape.d.cts

@@ -1,2 +1,2 @@
-import { i as buildTextBoxFrame, n as buildImageFrame, r as buildTableFrame, t as OdpShape } from "../../shape-rvNMzcun.cjs";
+import { i as buildTextBoxFrame, n as buildImageFrame, r as buildTableFrame, t as OdpShape } from "../../shape-Dch9pDCf.cjs";
 export { OdpShape, buildImageFrame, buildTableFrame, buildTextBoxFrame };

package/dist/edit/odp/shape.d.ts

@@ -1,2 +1,2 @@
-import { i as buildTextBoxFrame, n as buildImageFrame, r as buildTableFrame, t as OdpShape } from "../../shape-Be0LdJGE.js";
+import { i as buildTextBoxFrame, n as buildImageFrame, r as buildTableFrame, t as OdpShape } from "../../shape-DyviC6ZG.js";
 export { OdpShape, buildImageFrame, buildTableFrame, buildTextBoxFrame };

package/dist/edit/odp/slide.d.cts

@@ -1,8 +1,8 @@
 import { t as Box$1 } from "../../geometry-DaJr8yQW.cjs";
 import { t as ImageInit } from "../../image-M5SezZVI.cjs";
-import { t as OdpShape } from "../../shape-rvNMzcun.cjs";
+import { t as OdpShape } from "../../shape-Dch9pDCf.cjs";
 import { s as OdgVector } from "../../vector-D03KX8Ux.cjs";
-import { i as TableInit, t as OdtTable } from "../../table-DIXStwnk.cjs";
+import { a as TableInit, n as OdtTable } from "../../table-BtMtRYqc.cjs";
 import { ContentVector } from "document-schema.js";
 import { Package, XmlElement, XmlNode } from "odf.js";
 //#region src/edit/odp/slide.d.ts

package/dist/edit/odp/slide.d.ts

@@ -1,8 +1,8 @@
 import { t as Box$1 } from "../../geometry-DaJr8yQW.js";
 import { t as ImageInit } from "../../image-DHcA9kaK.js";
-import { t as OdpShape } from "../../shape-Be0LdJGE.js";
+import { t as OdpShape } from "../../shape-DyviC6ZG.js";
 import { s as OdgVector } from "../../vector-D03KX8Ux.js";
-import { i as TableInit, t as OdtTable } from "../../table-CLhAexfN.js";
+import { a as TableInit, n as OdtTable } from "../../table-BxeHHD7r.js";
 import { ContentVector } from "document-schema.js";
 import { Package, XmlElement, XmlNode } from "odf.js";
 //#region src/edit/odp/slide.d.ts

package/dist/edit/odt/content.cjs

@@ -90,6 +90,11 @@ function appendListRun(body, paragraphs) {
 function populateParagraph(paragraph, block) {
 	if (block.styleId !== void 0) paragraph.styleId = block.styleId;
 	if (block.alignment !== void 0) paragraph.alignment = block.alignment;
+	if (block.spacingBeforePt !== void 0) paragraph.spacingBeforePt = block.spacingBeforePt;
+	if (block.spacingAfterPt !== void 0) paragraph.spacingAfterPt = block.spacingAfterPt;
+	if (block.lineSpacing !== void 0) paragraph.lineSpacing = block.lineSpacing;
+	if (block.indentLeftPt !== void 0) paragraph.indentLeftPt = block.indentLeftPt;
+	if (block.indentFirstLinePt !== void 0) paragraph.indentFirstLinePt = block.indentFirstLinePt;
 	for (const run of block.runs) {
 		if (run.text === "	") {
 			paragraph.appendTab();
@@ -149,6 +154,8 @@ function populateOdtTable(table, block) {
 				tableCell.rowSpan = cell.rowSpan;
 				for (let c = 0; c < span; c++) verticalMerges.set(colIndex + c, cell.rowSpan - 1);
 			}
+			if (cell.background !== void 0) tableCell.background = cell.background;
+			if (cell.borders !== void 0) tableCell.borders = cell.borders;
 			populateCellBlocks(tableCell, cell.blocks);
 			colIndex += 1;
 		});

package/dist/edit/odt/content.d.cts

@@ -1,6 +1,6 @@
 import { ClockPort } from "../../ports/clock.cjs";
-import { t as OdtParagraph } from "../../paragraph-BZIDHdnv.cjs";
-import { t as OdtTable } from "../../table-DIXStwnk.cjs";
+import { t as OdtParagraph } from "../../paragraph-DXIJfPMw.cjs";
+import { n as OdtTable } from "../../table-BtMtRYqc.cjs";
 import { ContentDocument, ContentParagraph, ContentTable } from "document-schema.js";
 import { Package } from "odf.js";
 //#region src/edit/odt/content.d.ts

package/dist/edit/odt/content.d.ts

@@ -1,6 +1,6 @@
 import { ClockPort } from "../../ports/clock.js";
-import { t as OdtParagraph } from "../../paragraph-Bg446o16.js";
-import { t as OdtTable } from "../../table-CLhAexfN.js";
+import { t as OdtParagraph } from "../../paragraph-DV4_ZNGr.js";
+import { n as OdtTable } from "../../table-BxeHHD7r.js";
 import { ContentDocument, ContentParagraph, ContentTable } from "document-schema.js";
 import { Package } from "odf.js";
 //#region src/edit/odt/content.d.ts

package/dist/edit/odt/content.js

@@ -89,6 +89,11 @@ function appendListRun(body, paragraphs) {
 function populateParagraph(paragraph, block) {
 	if (block.styleId !== void 0) paragraph.styleId = block.styleId;
 	if (block.alignment !== void 0) paragraph.alignment = block.alignment;
+	if (block.spacingBeforePt !== void 0) paragraph.spacingBeforePt = block.spacingBeforePt;
+	if (block.spacingAfterPt !== void 0) paragraph.spacingAfterPt = block.spacingAfterPt;
+	if (block.lineSpacing !== void 0) paragraph.lineSpacing = block.lineSpacing;
+	if (block.indentLeftPt !== void 0) paragraph.indentLeftPt = block.indentLeftPt;
+	if (block.indentFirstLinePt !== void 0) paragraph.indentFirstLinePt = block.indentFirstLinePt;
 	for (const run of block.runs) {
 		if (run.text === "	") {
 			paragraph.appendTab();
@@ -148,6 +153,8 @@ function populateOdtTable(table, block) {
 				tableCell.rowSpan = cell.rowSpan;
 				for (let c = 0; c < span; c++) verticalMerges.set(colIndex + c, cell.rowSpan - 1);
 			}
+			if (cell.background !== void 0) tableCell.background = cell.background;
+			if (cell.borders !== void 0) tableCell.borders = cell.borders;
 			populateCellBlocks(tableCell, cell.blocks);
 			colIndex += 1;
 		});

package/dist/edit/odt/editor.d.cts

@@ -1,8 +1,8 @@
 import { ClockPort } from "../../ports/clock.cjs";
 import { t as Box$1 } from "../../geometry-DaJr8yQW.cjs";
-import { n as ParagraphInit, t as OdtParagraph } from "../../paragraph-BZIDHdnv.cjs";
-import { t as OdtList } from "../../list-CYsXBdVG.cjs";
-import { i as TableInit, t as OdtTable } from "../../table-DIXStwnk.cjs";
+import { n as ParagraphInit, t as OdtParagraph } from "../../paragraph-DXIJfPMw.cjs";
+import { t as OdtList } from "../../list-CxoEJwNO.cjs";
+import { a as TableInit, n as OdtTable } from "../../table-BtMtRYqc.cjs";
 import { ContentFormula, ContentVector } from "document-schema.js";
 import { Package } from "odf.js";
 //#region src/edit/odt/editor.d.ts

package/dist/edit/odt/editor.d.ts

@@ -1,8 +1,8 @@
 import { ClockPort } from "../../ports/clock.js";
 import { t as Box$1 } from "../../geometry-DaJr8yQW.js";
-import { n as ParagraphInit, t as OdtParagraph } from "../../paragraph-Bg446o16.js";
-import { t as OdtList } from "../../list-DVRX7hm9.js";
-import { i as TableInit, t as OdtTable } from "../../table-CLhAexfN.js";
+import { n as ParagraphInit, t as OdtParagraph } from "../../paragraph-DV4_ZNGr.js";
+import { t as OdtList } from "../../list-DA1hCBVI.js";
+import { a as TableInit, n as OdtTable } from "../../table-BxeHHD7r.js";
 import { ContentFormula, ContentVector } from "document-schema.js";
 import { Package } from "odf.js";
 //#region src/edit/odt/editor.d.ts

package/dist/edit/odt/list.d.cts

@@ -1,2 +1,2 @@
-import { n as OdtListItem, r as buildList, t as OdtList } from "../../list-CYsXBdVG.cjs";
+import { n as OdtListItem, r as buildList, t as OdtList } from "../../list-CxoEJwNO.cjs";
 export { OdtList, OdtListItem, buildList };

package/dist/edit/odt/list.d.ts

@@ -1,2 +1,2 @@
-import { n as OdtListItem, r as buildList, t as OdtList } from "../../list-DVRX7hm9.js";
+import { n as OdtListItem, r as buildList, t as OdtList } from "../../list-DA1hCBVI.js";
 export { OdtList, OdtListItem, buildList };

package/dist/edit/odt/paragraph.cjs

@@ -67,6 +67,36 @@ var OdtParagraph = class {
 	set alignment(value) {
 		require_edit_odt_props.applyStyleChange(this.pkg, this.live(), "paragraph", { alignment: value });
 	}
+	get spacingBeforePt() {
+		return require_edit_odt_props.readCurrentStyleProperties(this.pkg, this.live(), "paragraph").spacingBeforePt;
+	}
+	set spacingBeforePt(value) {
+		require_edit_odt_props.applyStyleChange(this.pkg, this.live(), "paragraph", { spacingBeforePt: value });
+	}
+	get spacingAfterPt() {
+		return require_edit_odt_props.readCurrentStyleProperties(this.pkg, this.live(), "paragraph").spacingAfterPt;
+	}
+	set spacingAfterPt(value) {
+		require_edit_odt_props.applyStyleChange(this.pkg, this.live(), "paragraph", { spacingAfterPt: value });
+	}
+	get lineSpacing() {
+		return require_edit_odt_props.readCurrentStyleProperties(this.pkg, this.live(), "paragraph").lineSpacing;
+	}
+	set lineSpacing(value) {
+		require_edit_odt_props.applyStyleChange(this.pkg, this.live(), "paragraph", { lineSpacing: value });
+	}
+	get indentLeftPt() {
+		return require_edit_odt_props.readCurrentStyleProperties(this.pkg, this.live(), "paragraph").indentLeftPt;
+	}
+	set indentLeftPt(value) {
+		require_edit_odt_props.applyStyleChange(this.pkg, this.live(), "paragraph", { indentLeftPt: value });
+	}
+	get indentFirstLinePt() {
+		return require_edit_odt_props.readCurrentStyleProperties(this.pkg, this.live(), "paragraph").indentFirstLinePt;
+	}
+	set indentFirstLinePt(value) {
+		require_edit_odt_props.applyStyleChange(this.pkg, this.live(), "paragraph", { indentFirstLinePt: value });
+	}
 	insertImageAfter(image) {
 		const node = this.live();
 		const frame = {

package/dist/edit/odt/paragraph.d.cts

@@ -1,2 +1,2 @@
-import { n as ParagraphInit, r as buildParagraph, t as OdtParagraph } from "../../paragraph-BZIDHdnv.cjs";
+import { n as ParagraphInit, r as buildParagraph, t as OdtParagraph } from "../../paragraph-DXIJfPMw.cjs";
 export { OdtParagraph, ParagraphInit, buildParagraph };

package/dist/edit/odt/paragraph.d.ts

@@ -1,2 +1,2 @@
-import { n as ParagraphInit, r as buildParagraph, t as OdtParagraph } from "../../paragraph-Bg446o16.js";
+import { n as ParagraphInit, r as buildParagraph, t as OdtParagraph } from "../../paragraph-DV4_ZNGr.js";
 export { OdtParagraph, ParagraphInit, buildParagraph };

package/dist/edit/odt/paragraph.js

@@ -66,6 +66,36 @@ var OdtParagraph = class {
 	set alignment(value) {
 		applyStyleChange(this.pkg, this.live(), "paragraph", { alignment: value });
 	}
+	get spacingBeforePt() {
+		return readCurrentStyleProperties(this.pkg, this.live(), "paragraph").spacingBeforePt;
+	}
+	set spacingBeforePt(value) {
+		applyStyleChange(this.pkg, this.live(), "paragraph", { spacingBeforePt: value });
+	}
+	get spacingAfterPt() {
+		return readCurrentStyleProperties(this.pkg, this.live(), "paragraph").spacingAfterPt;
+	}
+	set spacingAfterPt(value) {
+		applyStyleChange(this.pkg, this.live(), "paragraph", { spacingAfterPt: value });
+	}
+	get lineSpacing() {
+		return readCurrentStyleProperties(this.pkg, this.live(), "paragraph").lineSpacing;
+	}
+	set lineSpacing(value) {
+		applyStyleChange(this.pkg, this.live(), "paragraph", { lineSpacing: value });
+	}
+	get indentLeftPt() {
+		return readCurrentStyleProperties(this.pkg, this.live(), "paragraph").indentLeftPt;
+	}
+	set indentLeftPt(value) {
+		applyStyleChange(this.pkg, this.live(), "paragraph", { indentLeftPt: value });
+	}
+	get indentFirstLinePt() {
+		return readCurrentStyleProperties(this.pkg, this.live(), "paragraph").indentFirstLinePt;
+	}
+	set indentFirstLinePt(value) {
+		applyStyleChange(this.pkg, this.live(), "paragraph", { indentFirstLinePt: value });
+	}
 	insertImageAfter(image) {
 		const node = this.live();
 		const frame = {

package/dist/edit/odt/table.cjs

@@ -8,6 +8,87 @@ let odf_js = require("odf.js");
 //#region src/edit/odt/table.ts
 const DEFAULT_TABLE_WIDTH_PT = 468;
 const TABLE_COLUMN_STYLE_PREFIX = "OdtCol";
+const TABLE_CELL_STYLE_PREFIX = "OdtCell";
+const BORDER_EDGE_ATTRS = {
+	top: "fo:border-top",
+	right: "fo:border-right",
+	bottom: "fo:border-bottom",
+	left: "fo:border-left"
+};
+function formatBorderShorthand(color, widthPt, style) {
+	return `${(0, odf_js.formatOdfLength)(widthPt)} ${style ?? "solid"} ${(0, odf_js.formatOdfColor)(color)}`;
+}
+function findCellPropertiesReadOnly(pkg, element) {
+	const styleName = (0, ooxml_js.attr)(element, "table:style-name");
+	if (styleName === void 0) return;
+	const part = pkg.parts["content.xml"];
+	const root = part?.kind === "xml" ? part.nodes.find((n) => n.type === "element") : void 0;
+	if (root === void 0) return;
+	for (const child of root.children) if (child.type === "element" && child.tag === "office:automatic-styles") {
+		for (const style of child.children) if (style.type === "element" && style.tag === "style:style" && (0, ooxml_js.attr)(style, "style:name") === styleName && (0, ooxml_js.attr)(style, "style:family") === "table-cell") {
+			for (const props of style.children) if (props.type === "element" && props.tag === "style:table-cell-properties") return props;
+		}
+	}
+}
+function readCellDecoration(pkg, element) {
+	const props = findCellPropertiesReadOnly(pkg, element);
+	if (props === void 0) return {};
+	let background;
+	const backgroundValue = (0, ooxml_js.attr)(props, "fo:background-color");
+	if (backgroundValue !== void 0) background = (0, odf_js.parseOdfColor)(backgroundValue);
+	const borders = {};
+	[
+		"top",
+		"right",
+		"bottom",
+		"left"
+	].forEach((edge) => {
+		const raw = (0, ooxml_js.attr)(props, BORDER_EDGE_ATTRS[edge]);
+		if (raw === void 0) return;
+		const tokens = raw.trim().split(/\s+/);
+		const widthToken = tokens[0];
+		const styleToken = tokens[1];
+		const colorToken = tokens[2];
+		if (widthToken === void 0 || styleToken === void 0 || colorToken === void 0 || styleToken === "none" || styleToken === "hidden") return;
+		const widthPt = (0, odf_js.parseOdfLength)(widthToken);
+		const color = (0, odf_js.parseOdfColor)(colorToken);
+		if (widthPt === void 0 || widthPt <= 0 || color === void 0) return;
+		const style = styleToken === "solid" || styleToken === "dashed" || styleToken === "dotted" || styleToken === "double" ? styleToken : void 0;
+		borders[edge] = style === void 0 ? {
+			color,
+			widthPt
+		} : {
+			color,
+			widthPt,
+			style
+		};
+	});
+	return {
+		background,
+		borders: Object.keys(borders).length === 0 ? void 0 : borders
+	};
+}
+function buildCellStyle(pkg, decoration) {
+	const automaticStyles = require_edit_odt_automatic_styles.ensureAutomaticStyles(pkg);
+	const name = require_edit_odt_automatic_styles.nextStyleName(automaticStyles, "style:style", TABLE_CELL_STYLE_PREFIX);
+	const propsAttrs = {};
+	if (decoration.background !== void 0) propsAttrs["fo:background-color"] = (0, odf_js.formatOdfColor)(decoration.background);
+	if (decoration.borders !== void 0) [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	].forEach((edge) => {
+		const border = decoration.borders[edge];
+		if (border !== void 0) propsAttrs[BORDER_EDGE_ATTRS[edge]] = formatBorderShorthand(border.color, border.widthPt, border.style);
+	});
+	const properties = Object.keys(propsAttrs).length === 0 ? [] : [require_xml_fragment.el("style:table-cell-properties", propsAttrs)];
+	automaticStyles.children.push(require_xml_fragment.el("style:style", {
+		"style:name": name,
+		"style:family": "table-cell"
+	}, properties));
+	return name;
+}
 function internTableColumnWidth(pkg, widthPt) {
 	const automaticStyles = require_edit_odt_automatic_styles.ensureAutomaticStyles(pkg);
 	const formatted = (0, odf_js.formatOdfLength)(widthPt, "pt");
@@ -68,6 +149,28 @@ var OdtTableCell = class {
 		}
 		require_xml_edit.setAttr(this.node, "table:number-rows-spanned", String(value));
 	}
+	get background() {
+		return readCellDecoration(this.pkg, this.node).background;
+	}
+	set background(value) {
+		const current = readCellDecoration(this.pkg, this.node);
+		const name = buildCellStyle(this.pkg, {
+			background: value,
+			borders: current.borders
+		});
+		require_xml_edit.setAttr(this.node, "table:style-name", name);
+	}
+	get borders() {
+		return readCellDecoration(this.pkg, this.node).borders;
+	}
+	set borders(value) {
+		const current = readCellDecoration(this.pkg, this.node);
+		const name = buildCellStyle(this.pkg, {
+			background: current.background,
+			borders: value
+		});
+		require_xml_edit.setAttr(this.node, "table:style-name", name);
+	}
 };
 var OdtTableRow = class {
 	node;
@@ -203,4 +306,6 @@ function buildTable(pkg, init) {
 exports.OdtTable = OdtTable;
 exports.OdtTableCell = OdtTableCell;
 exports.OdtTableRow = OdtTableRow;
+exports.buildCellStyle = buildCellStyle;
 exports.buildTable = buildTable;
+exports.readCellDecoration = readCellDecoration;

package/dist/edit/odt/table.d.cts

@@ -1,2 +1,2 @@
-import { a as buildTable, i as TableInit, n as OdtTableCell, r as OdtTableRow, t as OdtTable } from "../../table-DIXStwnk.cjs";
-export { OdtTable, OdtTableCell, OdtTableRow, TableInit, buildTable };
+import { a as TableInit, c as readCellDecoration, i as OdtTableRow, n as OdtTable, o as buildCellStyle, r as OdtTableCell, s as buildTable, t as CellDecoration } from "../../table-BtMtRYqc.cjs";
+export { CellDecoration, OdtTable, OdtTableCell, OdtTableRow, TableInit, buildCellStyle, buildTable, readCellDecoration };

package/dist/edit/odt/table.d.ts

@@ -1,2 +1,2 @@
-import { a as buildTable, i as TableInit, n as OdtTableCell, r as OdtTableRow, t as OdtTable } from "../../table-CLhAexfN.js";
-export { OdtTable, OdtTableCell, OdtTableRow, TableInit, buildTable };
+import { a as TableInit, c as readCellDecoration, i as OdtTableRow, n as OdtTable, o as buildCellStyle, r as OdtTableCell, s as buildTable, t as CellDecoration } from "../../table-BxeHHD7r.js";
+export { CellDecoration, OdtTable, OdtTableCell, OdtTableRow, TableInit, buildCellStyle, buildTable, readCellDecoration };

package/dist/edit/odt/table.js

@@ -3,10 +3,91 @@ import { removeAttr, removeChild, setAttr } from "../../xml/edit.js";
 import { ensureAutomaticStyles, nextStyleName } from "./automatic-styles.js";
 import { OdtParagraph, buildParagraph } from "./paragraph.js";
 import { attr } from "ooxml.js";
-import { formatOdfLength } from "odf.js";
+import { formatOdfColor, formatOdfLength, parseOdfColor, parseOdfLength } from "odf.js";
 //#region src/edit/odt/table.ts
 const DEFAULT_TABLE_WIDTH_PT = 468;
 const TABLE_COLUMN_STYLE_PREFIX = "OdtCol";
+const TABLE_CELL_STYLE_PREFIX = "OdtCell";
+const BORDER_EDGE_ATTRS = {
+	top: "fo:border-top",
+	right: "fo:border-right",
+	bottom: "fo:border-bottom",
+	left: "fo:border-left"
+};
+function formatBorderShorthand(color, widthPt, style) {
+	return `${formatOdfLength(widthPt)} ${style ?? "solid"} ${formatOdfColor(color)}`;
+}
+function findCellPropertiesReadOnly(pkg, element) {
+	const styleName = attr(element, "table:style-name");
+	if (styleName === void 0) return;
+	const part = pkg.parts["content.xml"];
+	const root = part?.kind === "xml" ? part.nodes.find((n) => n.type === "element") : void 0;
+	if (root === void 0) return;
+	for (const child of root.children) if (child.type === "element" && child.tag === "office:automatic-styles") {
+		for (const style of child.children) if (style.type === "element" && style.tag === "style:style" && attr(style, "style:name") === styleName && attr(style, "style:family") === "table-cell") {
+			for (const props of style.children) if (props.type === "element" && props.tag === "style:table-cell-properties") return props;
+		}
+	}
+}
+function readCellDecoration(pkg, element) {
+	const props = findCellPropertiesReadOnly(pkg, element);
+	if (props === void 0) return {};
+	let background;
+	const backgroundValue = attr(props, "fo:background-color");
+	if (backgroundValue !== void 0) background = parseOdfColor(backgroundValue);
+	const borders = {};
+	[
+		"top",
+		"right",
+		"bottom",
+		"left"
+	].forEach((edge) => {
+		const raw = attr(props, BORDER_EDGE_ATTRS[edge]);
+		if (raw === void 0) return;
+		const tokens = raw.trim().split(/\s+/);
+		const widthToken = tokens[0];
+		const styleToken = tokens[1];
+		const colorToken = tokens[2];
+		if (widthToken === void 0 || styleToken === void 0 || colorToken === void 0 || styleToken === "none" || styleToken === "hidden") return;
+		const widthPt = parseOdfLength(widthToken);
+		const color = parseOdfColor(colorToken);
+		if (widthPt === void 0 || widthPt <= 0 || color === void 0) return;
+		const style = styleToken === "solid" || styleToken === "dashed" || styleToken === "dotted" || styleToken === "double" ? styleToken : void 0;
+		borders[edge] = style === void 0 ? {
+			color,
+			widthPt
+		} : {
+			color,
+			widthPt,
+			style
+		};
+	});
+	return {
+		background,
+		borders: Object.keys(borders).length === 0 ? void 0 : borders
+	};
+}
+function buildCellStyle(pkg, decoration) {
+	const automaticStyles = ensureAutomaticStyles(pkg);
+	const name = nextStyleName(automaticStyles, "style:style", TABLE_CELL_STYLE_PREFIX);
+	const propsAttrs = {};
+	if (decoration.background !== void 0) propsAttrs["fo:background-color"] = formatOdfColor(decoration.background);
+	if (decoration.borders !== void 0) [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	].forEach((edge) => {
+		const border = decoration.borders[edge];
+		if (border !== void 0) propsAttrs[BORDER_EDGE_ATTRS[edge]] = formatBorderShorthand(border.color, border.widthPt, border.style);
+	});
+	const properties = Object.keys(propsAttrs).length === 0 ? [] : [el("style:table-cell-properties", propsAttrs)];
+	automaticStyles.children.push(el("style:style", {
+		"style:name": name,
+		"style:family": "table-cell"
+	}, properties));
+	return name;
+}
 function internTableColumnWidth(pkg, widthPt) {
 	const automaticStyles = ensureAutomaticStyles(pkg);
 	const formatted = formatOdfLength(widthPt, "pt");
@@ -67,6 +148,28 @@ var OdtTableCell = class {
 		}
 		setAttr(this.node, "table:number-rows-spanned", String(value));
 	}
+	get background() {
+		return readCellDecoration(this.pkg, this.node).background;
+	}
+	set background(value) {
+		const current = readCellDecoration(this.pkg, this.node);
+		const name = buildCellStyle(this.pkg, {
+			background: value,
+			borders: current.borders
+		});
+		setAttr(this.node, "table:style-name", name);
+	}
+	get borders() {
+		return readCellDecoration(this.pkg, this.node).borders;
+	}
+	set borders(value) {
+		const current = readCellDecoration(this.pkg, this.node);
+		const name = buildCellStyle(this.pkg, {
+			background: current.background,
+			borders: value
+		});
+		setAttr(this.node, "table:style-name", name);
+	}
 };
 var OdtTableRow = class {
 	node;
@@ -199,4 +302,4 @@ function buildTable(pkg, init) {
 	return el("table:table", {}, [...columns, ...rows]);
 }
 //#endregion
-export { OdtTable, OdtTableCell, OdtTableRow, buildTable };
+export { OdtTable, OdtTableCell, OdtTableRow, buildCellStyle, buildTable, readCellDecoration };