@superdoc-dev/cli 0.7.0-next.20 → 0.7.0-next.22

package/dist/index.js

@@ -65501,7 +65501,7 @@ var init_remark_gfm_BhnWr3yf_es = __esm(() => {
   emptyOptions2 = {};
 });
 
-// ../../packages/superdoc/dist/chunks/SuperConverter-BgwP1GeS.es.js
+// ../../packages/superdoc/dist/chunks/SuperConverter-DUDABEsC.es.js
 function getExtensionConfigField(extension$1, field, context = { name: "" }) {
   const fieldValue = extension$1.config[field];
   if (typeof fieldValue === "function")
@@ -78803,12 +78803,15 @@ function getVectorShape({ params: params3, node: node3, graphicData, size: size2
   const effectExtent = extractEffectExtent(node3);
   const textBoxContent = wsp.elements?.find((el) => el.name === "wps:txbx")?.elements?.find((el) => el.name === "w:txbxContent");
   const bodyPr = wsp.elements?.find((el) => el.name === "wps:bodyPr");
+  const nonVisualShapeProps = wsp.elements?.find((el) => el.name === "wps:cNvSpPr");
   let textContent = null;
   let textAlign = "left";
   if (textBoxContent) {
     textContent = extractTextFromTextBox(textBoxContent, bodyPr, params3);
     textAlign = textContent?.horizontalAlign || "left";
   }
+  const isWordArt = bodyPr?.attributes?.["fromWordArt"] === "1";
+  const isTextBox = nonVisualShapeProps?.attributes?.["txBox"] === "1";
   return {
     type: "vectorShape",
     attrs: {
@@ -78831,6 +78834,8 @@ function getVectorShape({ params: params3, node: node3, graphicData, size: size2
       textAlign,
       textVerticalAlign: textContent?.verticalAlign,
       textInsets: textContent?.insets,
+      isWordArt,
+      isTextBox,
       originalAttributes: node3?.attributes
     }
   };
@@ -93267,9 +93272,9 @@ function importCommentData({ docx, editor, converter }) {
     comments: allComments.map((el) => {
       const { attributes } = el;
       const importedId = attributes["w:id"];
-      const authorName = attributes["w:author"];
-      const authorEmail = attributes["w:email"];
-      const initials = attributes["w:initials"];
+      const authorName = readCommentAttribute(attributes, "w:author", "custom:author");
+      const authorEmail = readCommentAttribute(attributes, "w:email", "custom:email");
+      const initials = readCommentAttribute(attributes, "w:initials", "custom:initials");
       const createdDate = attributes["w:date"];
       const internalId = attributes["custom:internalId"];
       const trackedChange = attributes["custom:trackedChange"] === "true";
@@ -115390,7 +115395,11 @@ var isRegExp = (value) => {
     nodes: resultNodes,
     consumed: 1
   };
-}, pictNodeHandlerEntity, generateCommentsWithExtendedData = ({ docx, comments, converter, threadingProfile }) => {
+}, pictNodeHandlerEntity, readCommentAttribute = (attributes, primaryName, fallbackName) => {
+  if (!attributes)
+    return;
+  return attributes[primaryName] ?? attributes[fallbackName];
+}, generateCommentsWithExtendedData = ({ docx, comments, converter, threadingProfile }) => {
   if (!comments?.length)
     return [];
   const rangeData = extractCommentRangesFromDocument(docx, converter);
@@ -117219,7 +117228,7 @@ var isRegExp = (value) => {
       state.kern = kernNode.attributes["w:val"];
   }
 }, SuperConverter;
-var init_SuperConverter_BgwP1GeS_es = __esm(() => {
+var init_SuperConverter_DUDABEsC_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
@@ -154465,7 +154474,7 @@ var init_SuperConverter_BgwP1GeS_es = __esm(() => {
   };
 });
 
-// ../../packages/superdoc/dist/chunks/create-headless-toolbar-Dcw4Hyt2.es.js
+// ../../packages/superdoc/dist/chunks/create-headless-toolbar-B7F814Ir.es.js
 function parseSizeUnit(val = "0") {
   const length3 = val.toString() || "0";
   const value = Number.parseFloat(length3);
@@ -157057,8 +157066,8 @@ var CSS_DIMENSION_REGEX, DOM_SIZE_UNITS, Extension = class Extension2 {
     }
   };
 };
-var init_create_headless_toolbar_Dcw4Hyt2_es = __esm(() => {
-  init_SuperConverter_BgwP1GeS_es();
+var init_create_headless_toolbar_B7F814Ir_es = __esm(() => {
+  init_SuperConverter_DUDABEsC_es();
   init_constants_CGhJRd87_es();
   init_dist_B8HfvhaK_es();
   CSS_DIMENSION_REGEX = /[\d-.]+(\w+)$/;
@@ -205496,7 +205505,7 @@ var init_remark_gfm_eZN6yzWQ_es = __esm(() => {
   init_remark_gfm_BhnWr3yf_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-DlMaB1h-.es.js
+// ../../packages/superdoc/dist/chunks/src-oqYJU65d.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -245254,7 +245263,7 @@ function renderBars(doc$12, svg2, series, layout) {
       const barHeight = Math.abs(value / valueRange) * plotHeight;
       const x = CHART_PADDING.left + ci * groupWidth + barGap + si * barWidth;
       const y$1 = value >= 0 ? baselineY - barHeight : baselineY;
-      const rect = doc$12.createElementNS(SVG_NS, "rect");
+      const rect = doc$12.createElementNS(SVG_NS$1, "rect");
       rect.setAttribute("x", String(x));
       rect.setAttribute("y", String(y$1));
       rect.setAttribute("width", String(barWidth));
@@ -245266,7 +245275,7 @@ function renderBars(doc$12, svg2, series, layout) {
 }
 function renderAxes(doc$12, svg2, layout) {
   const { plotWidth, plotHeight, baselineY } = layout;
-  const vAxis = doc$12.createElementNS(SVG_NS, "line");
+  const vAxis = doc$12.createElementNS(SVG_NS$1, "line");
   vAxis.setAttribute("x1", String(CHART_PADDING.left));
   vAxis.setAttribute("y1", String(CHART_PADDING.top));
   vAxis.setAttribute("x2", String(CHART_PADDING.left));
@@ -245274,7 +245283,7 @@ function renderAxes(doc$12, svg2, layout) {
   vAxis.setAttribute("stroke", AXIS_COLOR);
   vAxis.setAttribute("stroke-width", "1");
   svg2.appendChild(vAxis);
-  const hAxis = doc$12.createElementNS(SVG_NS, "line");
+  const hAxis = doc$12.createElementNS(SVG_NS$1, "line");
   hAxis.setAttribute("x1", String(CHART_PADDING.left));
   hAxis.setAttribute("y1", String(baselineY));
   hAxis.setAttribute("x2", String(CHART_PADDING.left + plotWidth));
@@ -245289,7 +245298,7 @@ function renderCategoryLabels(doc$12, svg2, categories, layout, width) {
   const fontSize = Math.max(8, Math.min(12, width / categoryCount / 5));
   for (let ci = 0;ci < categories.length; ci++) {
     const labelX = CHART_PADDING.left + ci * groupWidth + groupWidth / 2;
-    const label = doc$12.createElementNS(SVG_NS, "text");
+    const label = doc$12.createElementNS(SVG_NS$1, "text");
     label.setAttribute("x", String(labelX));
     label.setAttribute("y", String(CHART_PADDING.top + plotHeight + 16));
     label.setAttribute("text-anchor", "middle");
@@ -245307,7 +245316,7 @@ function renderValueTicks(doc$12, svg2, layout, height) {
   for (let i4 = 0;i4 <= VALUE_TICK_COUNT; i4++) {
     const tickValue = minValue + tickStep * i4;
     const tickY = CHART_PADDING.top + plotHeight - plotHeight * (tickValue - minValue) / valueRange;
-    const label = doc$12.createElementNS(SVG_NS, "text");
+    const label = doc$12.createElementNS(SVG_NS$1, "text");
     label.setAttribute("x", String(CHART_PADDING.left - 6));
     label.setAttribute("y", String(tickY + 3));
     label.setAttribute("text-anchor", "end");
@@ -245317,7 +245326,7 @@ function renderValueTicks(doc$12, svg2, layout, height) {
     label.textContent = formatTickValue(tickValue);
     svg2.appendChild(label);
     if (i4 > 0 && i4 < VALUE_TICK_COUNT) {
-      const gridLine = doc$12.createElementNS(SVG_NS, "line");
+      const gridLine = doc$12.createElementNS(SVG_NS$1, "line");
       gridLine.setAttribute("x1", String(CHART_PADDING.left));
       gridLine.setAttribute("y1", String(tickY));
       gridLine.setAttribute("x2", String(CHART_PADDING.left + plotWidth));
@@ -245334,14 +245343,14 @@ function renderLegend(doc$12, svg2, series, height) {
   for (let si = 0;si < series.length; si++) {
     const s2 = series[si];
     const color2 = SERIES_COLORS[si % SERIES_COLORS.length];
-    const swatch = doc$12.createElementNS(SVG_NS, "rect");
+    const swatch = doc$12.createElementNS(SVG_NS$1, "rect");
     swatch.setAttribute("x", String(legendX));
     swatch.setAttribute("y", String(legendY - 8));
     swatch.setAttribute("width", "10");
     swatch.setAttribute("height", "10");
     swatch.setAttribute("fill", color2);
     svg2.appendChild(swatch);
-    const label = doc$12.createElementNS(SVG_NS, "text");
+    const label = doc$12.createElementNS(SVG_NS$1, "text");
     label.setAttribute("x", String(legendX + 14));
     label.setAttribute("y", String(legendY));
     label.setAttribute("font-size", "10");
@@ -245353,7 +245362,7 @@ function renderLegend(doc$12, svg2, series, height) {
   }
 }
 function renderTruncationIndicator(doc$12, svg2, width) {
-  const indicator = doc$12.createElementNS(SVG_NS, "text");
+  const indicator = doc$12.createElementNS(SVG_NS$1, "text");
   indicator.setAttribute("x", String(width - 8));
   indicator.setAttribute("y", "14");
   indicator.setAttribute("text-anchor", "end");
@@ -245401,7 +245410,7 @@ function pointY(layout, value) {
   return CHART_PADDING.top + layout.plotHeight - (value - layout.minValue) / layout.valueRange * layout.plotHeight;
 }
 function renderCartesianAxes(doc$12, svg2, layout) {
-  const vAxis = doc$12.createElementNS(SVG_NS, "line");
+  const vAxis = doc$12.createElementNS(SVG_NS$1, "line");
   vAxis.setAttribute("x1", String(CHART_PADDING.left));
   vAxis.setAttribute("y1", String(CHART_PADDING.top));
   vAxis.setAttribute("x2", String(CHART_PADDING.left));
@@ -245409,7 +245418,7 @@ function renderCartesianAxes(doc$12, svg2, layout) {
   vAxis.setAttribute("stroke", AXIS_COLOR);
   vAxis.setAttribute("stroke-width", "1");
   svg2.appendChild(vAxis);
-  const hAxis = doc$12.createElementNS(SVG_NS, "line");
+  const hAxis = doc$12.createElementNS(SVG_NS$1, "line");
   hAxis.setAttribute("x1", String(CHART_PADDING.left));
   hAxis.setAttribute("y1", String(layout.baselineY));
   hAxis.setAttribute("x2", String(CHART_PADDING.left + layout.plotWidth));
@@ -245423,7 +245432,7 @@ function renderPointCategoryLabels(doc$12, svg2, categories, layout, width) {
   const categoryCount = Math.max(1, labels.length);
   const fontSize = Math.max(8, Math.min(12, width / categoryCount / 4));
   for (let i4 = 0;i4 < labels.length; i4++) {
-    const label = doc$12.createElementNS(SVG_NS, "text");
+    const label = doc$12.createElementNS(SVG_NS$1, "text");
     label.setAttribute("x", String(pointX(layout, i4)));
     label.setAttribute("y", String(CHART_PADDING.top + layout.plotHeight + 16));
     label.setAttribute("text-anchor", "middle");
@@ -245440,7 +245449,7 @@ function renderCartesianValueTicks(doc$12, svg2, layout, height) {
   for (let i4 = 0;i4 <= VALUE_TICK_COUNT; i4++) {
     const tickValue = layout.minValue + tickStep * i4;
     const tickY = CHART_PADDING.top + layout.plotHeight - layout.plotHeight * (tickValue - layout.minValue) / layout.valueRange;
-    const label = doc$12.createElementNS(SVG_NS, "text");
+    const label = doc$12.createElementNS(SVG_NS$1, "text");
     label.setAttribute("x", String(CHART_PADDING.left - 6));
     label.setAttribute("y", String(tickY + 3));
     label.setAttribute("text-anchor", "end");
@@ -245450,7 +245459,7 @@ function renderCartesianValueTicks(doc$12, svg2, layout, height) {
     label.textContent = formatTickValue(tickValue);
     svg2.appendChild(label);
     if (i4 > 0 && i4 < VALUE_TICK_COUNT) {
-      const grid = doc$12.createElementNS(SVG_NS, "line");
+      const grid = doc$12.createElementNS(SVG_NS$1, "line");
       grid.setAttribute("x1", String(CHART_PADDING.left));
       grid.setAttribute("y1", String(tickY));
       grid.setAttribute("x2", String(CHART_PADDING.left + layout.plotWidth));
@@ -245528,7 +245537,7 @@ function xyToSvgY(layout, yValue) {
   return CHART_PADDING.top + layout.plotHeight - (yValue - layout.minY) / layout.yRange * layout.plotHeight;
 }
 function renderXYAxes(doc$12, svg2, layout) {
-  const yAxis = doc$12.createElementNS(SVG_NS, "line");
+  const yAxis = doc$12.createElementNS(SVG_NS$1, "line");
   yAxis.setAttribute("x1", String(layout.axisX));
   yAxis.setAttribute("y1", String(CHART_PADDING.top));
   yAxis.setAttribute("x2", String(layout.axisX));
@@ -245536,7 +245545,7 @@ function renderXYAxes(doc$12, svg2, layout) {
   yAxis.setAttribute("stroke", AXIS_COLOR);
   yAxis.setAttribute("stroke-width", "1");
   svg2.appendChild(yAxis);
-  const xAxis = doc$12.createElementNS(SVG_NS, "line");
+  const xAxis = doc$12.createElementNS(SVG_NS$1, "line");
   xAxis.setAttribute("x1", String(CHART_PADDING.left));
   xAxis.setAttribute("y1", String(layout.axisY));
   xAxis.setAttribute("x2", String(CHART_PADDING.left + layout.plotWidth));
@@ -245551,7 +245560,7 @@ function renderXYTicks(doc$12, svg2, layout, height) {
     const tickRatio = i4 / VALUE_TICK_COUNT;
     const yValue = layout.minY + layout.yRange * tickRatio;
     const y$1 = CHART_PADDING.top + layout.plotHeight - layout.plotHeight * tickRatio;
-    const yLabel = doc$12.createElementNS(SVG_NS, "text");
+    const yLabel = doc$12.createElementNS(SVG_NS$1, "text");
     yLabel.setAttribute("x", String(CHART_PADDING.left - 6));
     yLabel.setAttribute("y", String(y$1 + 3));
     yLabel.setAttribute("text-anchor", "end");
@@ -245561,7 +245570,7 @@ function renderXYTicks(doc$12, svg2, layout, height) {
     yLabel.textContent = formatTickValue(yValue);
     svg2.appendChild(yLabel);
     if (i4 > 0 && i4 < VALUE_TICK_COUNT) {
-      const grid = doc$12.createElementNS(SVG_NS, "line");
+      const grid = doc$12.createElementNS(SVG_NS$1, "line");
       grid.setAttribute("x1", String(CHART_PADDING.left));
       grid.setAttribute("y1", String(y$1));
       grid.setAttribute("x2", String(CHART_PADDING.left + layout.plotWidth));
@@ -245572,7 +245581,7 @@ function renderXYTicks(doc$12, svg2, layout, height) {
     }
     const xValue = layout.minX + layout.xRange * tickRatio;
     const x = CHART_PADDING.left + layout.plotWidth * tickRatio;
-    const xLabel = doc$12.createElementNS(SVG_NS, "text");
+    const xLabel = doc$12.createElementNS(SVG_NS$1, "text");
     xLabel.setAttribute("x", String(x));
     xLabel.setAttribute("y", String(CHART_PADDING.top + layout.plotHeight + 16));
     xLabel.setAttribute("text-anchor", "middle");
@@ -245603,7 +245612,7 @@ function renderScatterChart(doc$12, container, chart, geometry) {
   if (estimated > SVG_ELEMENT_BUDGET)
     return createChartPlaceholder(doc$12, container, `Chart too complex for inline rendering (${estimated} elements)`);
   const layout = toXYLayout(width, height, allPoints, false);
-  const svg2 = doc$12.createElementNS(SVG_NS, "svg");
+  const svg2 = doc$12.createElementNS(SVG_NS$1, "svg");
   svg2.setAttribute("viewBox", `0 0 ${width} ${height}`);
   svg2.setAttribute("width", "100%");
   svg2.setAttribute("height", "100%");
@@ -245614,7 +245623,7 @@ function renderScatterChart(doc$12, container, chart, geometry) {
     const points = pointsBySeries[si];
     const color2 = SERIES_COLORS[si % SERIES_COLORS.length];
     for (const point5 of points) {
-      const marker = doc$12.createElementNS(SVG_NS, "circle");
+      const marker = doc$12.createElementNS(SVG_NS$1, "circle");
       marker.setAttribute("cx", String(xyToSvgX(layout, point5.x)));
       marker.setAttribute("cy", String(xyToSvgY(layout, point5.y)));
       marker.setAttribute("r", "3");
@@ -245644,7 +245653,7 @@ function renderBubbleChart(doc$12, container, chart, geometry) {
   const layout = toXYLayout(width, height, allPoints, false);
   const allSizes = allPoints.map((point5) => point5.size).filter((size$1) => size$1 != null && size$1 > 0);
   const maxBubbleSize = allSizes.length ? Math.max(...allSizes) : 1;
-  const svg2 = doc$12.createElementNS(SVG_NS, "svg");
+  const svg2 = doc$12.createElementNS(SVG_NS$1, "svg");
   svg2.setAttribute("viewBox", `0 0 ${width} ${height}`);
   svg2.setAttribute("width", "100%");
   svg2.setAttribute("height", "100%");
@@ -245657,7 +245666,7 @@ function renderBubbleChart(doc$12, container, chart, geometry) {
     for (const point5 of points) {
       const size$1 = point5.size && point5.size > 0 ? point5.size : maxBubbleSize * 0.5;
       const radius = maxBubbleSize > 0 ? 4 + size$1 / maxBubbleSize * 10 : 6;
-      const bubble = doc$12.createElementNS(SVG_NS, "circle");
+      const bubble = doc$12.createElementNS(SVG_NS$1, "circle");
       bubble.setAttribute("cx", String(xyToSvgX(layout, point5.x)));
       bubble.setAttribute("cy", String(xyToSvgY(layout, point5.y)));
       bubble.setAttribute("r", String(Math.max(2, radius)));
@@ -245695,7 +245704,7 @@ function renderRadarChart(doc$12, container, chart, geometry) {
   const maxValue = allValues.length ? Math.max(...allValues) : 1;
   const minValue = allValues.length ? Math.min(...allValues) : 0;
   const valueRange = Math.max(1, maxValue - Math.min(0, minValue));
-  const svg2 = doc$12.createElementNS(SVG_NS, "svg");
+  const svg2 = doc$12.createElementNS(SVG_NS$1, "svg");
   svg2.setAttribute("viewBox", `0 0 ${width} ${height}`);
   svg2.setAttribute("width", "100%");
   svg2.setAttribute("height", "100%");
@@ -245712,7 +245721,7 @@ function renderRadarChart(doc$12, container, chart, geometry) {
       const angle = -Math.PI / 2 + i4 * Math.PI * 2 / categoryCount;
       ringPoints.push(`${centerX + ringRadius * Math.cos(angle)},${centerY + ringRadius * Math.sin(angle)}`);
     }
-    const polygon = doc$12.createElementNS(SVG_NS, "polygon");
+    const polygon = doc$12.createElementNS(SVG_NS$1, "polygon");
     polygon.setAttribute("points", ringPoints.join(" "));
     polygon.setAttribute("fill", "none");
     polygon.setAttribute("stroke", GRID_COLOR);
@@ -245723,7 +245732,7 @@ function renderRadarChart(doc$12, container, chart, geometry) {
     const angle = -Math.PI / 2 + i4 * Math.PI * 2 / categoryCount;
     const x = centerX + radius * Math.cos(angle);
     const y$1 = centerY + radius * Math.sin(angle);
-    const spoke = doc$12.createElementNS(SVG_NS, "line");
+    const spoke = doc$12.createElementNS(SVG_NS$1, "line");
     spoke.setAttribute("x1", String(centerX));
     spoke.setAttribute("y1", String(centerY));
     spoke.setAttribute("x2", String(x));
@@ -245734,7 +245743,7 @@ function renderRadarChart(doc$12, container, chart, geometry) {
     const labelRadius = radius + 14;
     const labelX = centerX + labelRadius * Math.cos(angle);
     const labelY = centerY + labelRadius * Math.sin(angle);
-    const label = doc$12.createElementNS(SVG_NS, "text");
+    const label = doc$12.createElementNS(SVG_NS$1, "text");
     label.setAttribute("x", String(labelX));
     label.setAttribute("y", String(labelY));
     label.setAttribute("font-size", "10");
@@ -245763,7 +245772,7 @@ function renderRadarChart(doc$12, container, chart, geometry) {
       });
     }
     if (points.length > 0) {
-      const polygon = doc$12.createElementNS(SVG_NS, "polygon");
+      const polygon = doc$12.createElementNS(SVG_NS$1, "polygon");
       polygon.setAttribute("points", points.join(" "));
       polygon.setAttribute("fill", color2);
       polygon.setAttribute("fill-opacity", "0.18");
@@ -245772,7 +245781,7 @@ function renderRadarChart(doc$12, container, chart, geometry) {
       svg2.appendChild(polygon);
     }
     for (const point5 of pointPositions) {
-      const marker = doc$12.createElementNS(SVG_NS, "circle");
+      const marker = doc$12.createElementNS(SVG_NS$1, "circle");
       marker.setAttribute("cx", String(point5.x));
       marker.setAttribute("cy", String(point5.y));
       marker.setAttribute("r", "2.5");
@@ -245827,7 +245836,7 @@ function renderPieSlices(doc$12, svg2, slices, centerX, centerY, radius) {
       continue;
     const sweep = slice2.value / total * Math.PI * 2;
     if (sweep >= Math.PI * 2 - 0.0001) {
-      const full = doc$12.createElementNS(SVG_NS, "circle");
+      const full = doc$12.createElementNS(SVG_NS$1, "circle");
       full.setAttribute("cx", String(centerX));
       full.setAttribute("cy", String(centerY));
       full.setAttribute("r", String(radius));
@@ -245843,7 +245852,7 @@ function renderPieSlices(doc$12, svg2, slices, centerX, centerY, radius) {
     const x2 = centerX + radius * Math.cos(end$1);
     const y2 = centerY + radius * Math.sin(end$1);
     const largeArc = sweep > Math.PI ? 1 : 0;
-    const path2 = doc$12.createElementNS(SVG_NS, "path");
+    const path2 = doc$12.createElementNS(SVG_NS$1, "path");
     path2.setAttribute("d", `M ${centerX} ${centerY} L ${x1} ${y1} A ${radius} ${radius} 0 ${largeArc} 1 ${x2} ${y2} Z`);
     path2.setAttribute("fill", slice2.color);
     path2.setAttribute("stroke", "#fff");
@@ -245857,14 +245866,14 @@ function renderPieLegend(doc$12, svg2, slices, width, height) {
   let legendX = Math.max(10, (width - totalWidth) / 2);
   const legendY = height - 14;
   for (const slice2 of slices) {
-    const swatch = doc$12.createElementNS(SVG_NS, "rect");
+    const swatch = doc$12.createElementNS(SVG_NS$1, "rect");
     swatch.setAttribute("x", String(legendX));
     swatch.setAttribute("y", String(legendY - 8));
     swatch.setAttribute("width", "10");
     swatch.setAttribute("height", "10");
     swatch.setAttribute("fill", slice2.color);
     svg2.appendChild(swatch);
-    const label = doc$12.createElementNS(SVG_NS, "text");
+    const label = doc$12.createElementNS(SVG_NS$1, "text");
     label.setAttribute("x", String(legendX + 14));
     label.setAttribute("y", String(legendY));
     label.setAttribute("font-size", "10");
@@ -245895,13 +245904,13 @@ function renderPieChart(doc$12, container, chart, geometry) {
   const centerX = width / 2;
   const centerY = titleSpace + plotHeight / 2;
   const radius = Math.max(8, Math.min(plotWidth, plotHeight) * 0.45);
-  const svg2 = doc$12.createElementNS(SVG_NS, "svg");
+  const svg2 = doc$12.createElementNS(SVG_NS$1, "svg");
   svg2.setAttribute("viewBox", `0 0 ${width} ${height}`);
   svg2.setAttribute("width", "100%");
   svg2.setAttribute("height", "100%");
   svg2.style.display = "block";
   if (hasTitle) {
-    const titleEl = doc$12.createElementNS(SVG_NS, "text");
+    const titleEl = doc$12.createElementNS(SVG_NS$1, "text");
     titleEl.setAttribute("x", String(centerX));
     titleEl.setAttribute("y", "24");
     titleEl.setAttribute("text-anchor", "middle");
@@ -245928,7 +245937,7 @@ function renderLineChart(doc$12, container, chart, geometry) {
   if (estimated > SVG_ELEMENT_BUDGET)
     return createChartPlaceholder(doc$12, container, `Chart too complex for inline rendering (${estimated} elements)`);
   const layout = toCartesianLayout(width, height, series, false);
-  const svg2 = doc$12.createElementNS(SVG_NS, "svg");
+  const svg2 = doc$12.createElementNS(SVG_NS$1, "svg");
   svg2.setAttribute("viewBox", `0 0 ${width} ${height}`);
   svg2.setAttribute("width", "100%");
   svg2.setAttribute("height", "100%");
@@ -245947,14 +245956,14 @@ function renderLineChart(doc$12, container, chart, geometry) {
     }
     if (points.length === 0)
       continue;
-    const line = doc$12.createElementNS(SVG_NS, "polyline");
+    const line = doc$12.createElementNS(SVG_NS$1, "polyline");
     line.setAttribute("points", points.join(" "));
     line.setAttribute("fill", "none");
     line.setAttribute("stroke", color2);
     line.setAttribute("stroke-width", "2");
     svg2.appendChild(line);
     for (let i4 = 0;i4 < s2.values.length; i4++) {
-      const marker = doc$12.createElementNS(SVG_NS, "circle");
+      const marker = doc$12.createElementNS(SVG_NS$1, "circle");
       marker.setAttribute("cx", String(pointX(layout, i4)));
       marker.setAttribute("cy", String(pointY(layout, s2.values[i4] ?? 0)));
       marker.setAttribute("r", "2.5");
@@ -245978,7 +245987,7 @@ function renderAreaChart(doc$12, container, chart, geometry) {
   if (estimated > SVG_ELEMENT_BUDGET)
     return createChartPlaceholder(doc$12, container, `Chart too complex for inline rendering (${estimated} elements)`);
   const layout = toCartesianLayout(width, height, series, true);
-  const svg2 = doc$12.createElementNS(SVG_NS, "svg");
+  const svg2 = doc$12.createElementNS(SVG_NS$1, "svg");
   svg2.setAttribute("viewBox", `0 0 ${width} ${height}`);
   svg2.setAttribute("width", "100%");
   svg2.setAttribute("height", "100%");
@@ -245996,7 +246005,7 @@ function renderAreaChart(doc$12, container, chart, geometry) {
       pathParts.push(`L ${pointX(layout, i4)} ${pointY(layout, s2.values[i4] ?? 0)}`);
     const lastX = pointX(layout, Math.max(0, s2.values.length - 1));
     pathParts.push(`L ${lastX} ${layout.baselineY} Z`);
-    const area = doc$12.createElementNS(SVG_NS, "path");
+    const area = doc$12.createElementNS(SVG_NS$1, "path");
     area.setAttribute("d", pathParts.join(" "));
     area.setAttribute("fill", color2);
     area.setAttribute("fill-opacity", "0.35");
@@ -246021,7 +246030,7 @@ function renderDoughnutSlices(doc$12, svg2, slices, centerX, centerY, outerRadiu
       continue;
     const sweep = slice2.value / total * Math.PI * 2;
     if (sweep >= Math.PI * 2 - 0.0001) {
-      const ring = doc$12.createElementNS(SVG_NS, "circle");
+      const ring = doc$12.createElementNS(SVG_NS$1, "circle");
       ring.setAttribute("cx", String(centerX));
       ring.setAttribute("cy", String(centerY));
       ring.setAttribute("r", String((outerRadius + innerRadius) / 2));
@@ -246041,7 +246050,7 @@ function renderDoughnutSlices(doc$12, svg2, slices, centerX, centerY, outerRadiu
     const ix2 = centerX + innerRadius * Math.cos(end$1);
     const iy2 = centerY + innerRadius * Math.sin(end$1);
     const largeArc = sweep > Math.PI ? 1 : 0;
-    const path2 = doc$12.createElementNS(SVG_NS, "path");
+    const path2 = doc$12.createElementNS(SVG_NS$1, "path");
     path2.setAttribute("d", `M ${x1} ${y1} A ${outerRadius} ${outerRadius} 0 ${largeArc} 1 ${x2} ${y2} L ${ix2} ${iy2} A ${innerRadius} ${innerRadius} 0 ${largeArc} 0 ${ix1} ${iy1} Z`);
     path2.setAttribute("fill", slice2.color);
     path2.setAttribute("stroke", "#fff");
@@ -246071,13 +246080,13 @@ function renderDoughnutChart(doc$12, container, chart, geometry) {
   const centerY = titleSpace + plotHeight / 2;
   const outerRadius = Math.max(8, Math.min(plotWidth, plotHeight) * 0.45);
   const innerRadius = Math.max(2, outerRadius * 0.58);
-  const svg2 = doc$12.createElementNS(SVG_NS, "svg");
+  const svg2 = doc$12.createElementNS(SVG_NS$1, "svg");
   svg2.setAttribute("viewBox", `0 0 ${width} ${height}`);
   svg2.setAttribute("width", "100%");
   svg2.setAttribute("height", "100%");
   svg2.style.display = "block";
   if (hasTitle) {
-    const titleEl = doc$12.createElementNS(SVG_NS, "text");
+    const titleEl = doc$12.createElementNS(SVG_NS$1, "text");
     titleEl.setAttribute("x", String(centerX));
     titleEl.setAttribute("y", "24");
     titleEl.setAttribute("text-anchor", "middle");
@@ -246111,7 +246120,7 @@ function renderBarChart(doc$12, container, chart, geometry) {
   const estimated = estimateSvgElements(series, categories, hasLegend);
   if (estimated > SVG_ELEMENT_BUDGET)
     return createChartPlaceholder(doc$12, container, `Chart too complex for inline rendering (${estimated} elements)`);
-  const svg2 = doc$12.createElementNS(SVG_NS, "svg");
+  const svg2 = doc$12.createElementNS(SVG_NS$1, "svg");
   svg2.setAttribute("viewBox", `0 0 ${width} ${height}`);
   svg2.setAttribute("width", "100%");
   svg2.setAttribute("height", "100%");
@@ -251699,7 +251708,21 @@ function computeFragmentBottom(fragment2, block, measure) {
   }
   return bottom$1;
 }
-function shouldExcludeFromMeasurement(fragment2, block, canvasHeight) {
+function rangesIntersect(startA, endA, startB, endB) {
+  return endA > startB && startA < endB;
+}
+function getPageRelativeMeasurementBand(kind, constraints) {
+  if (!kind || !constraints.margins)
+    return null;
+  const bandSize = kind === "header" ? constraints.margins.top : constraints.margins.bottom;
+  if (!Number.isFinite(bandSize) || bandSize == null || bandSize <= 0)
+    return null;
+  return {
+    start: 0,
+    end: bandSize
+  };
+}
+function shouldExcludeFromMeasurement(fragment2, block, fragmentBottom, canvasHeight, kind, constraints) {
   if (!((fragment2.kind === "image" || fragment2.kind === "drawing") && fragment2.isAnchored === true))
     return false;
   if (block.kind !== "image" && block.kind !== "drawing")
@@ -251708,9 +251731,13 @@ function shouldExcludeFromMeasurement(fragment2, block, canvasHeight) {
   if (anchoredBlock.anchor?.behindDoc)
     return true;
   if (isPageRelativeAnchor(anchoredBlock)) {
-    const fragmentHeight = fragment2.height ?? 0;
     const fragmentTop = fragment2.y;
-    if (fragment2.y + fragmentHeight <= 0 || fragmentTop >= canvasHeight)
+    if (fragmentBottom <= 0 || fragmentTop >= canvasHeight)
+      return true;
+  }
+  if (anchoredBlock.anchor?.vRelativeFrom === "page") {
+    const measurementBand = getPageRelativeMeasurementBand(kind, constraints);
+    if (measurementBand && !rangesIntersect(fragment2.y, fragmentBottom, measurementBand.start, measurementBand.end))
       return true;
   }
   return false;
@@ -251762,7 +251789,7 @@ function layoutHeaderFooter(blocks2, measures, constraints, kind) {
         renderMinY = fragment2.y;
       if (bottom$1 > renderMaxY)
         renderMaxY = bottom$1;
-      if (shouldExcludeFromMeasurement(fragment2, block, height))
+      if (shouldExcludeFromMeasurement(fragment2, block, bottom$1, height, kind, constraints))
         continue;
       if (fragment2.y < measureMinY)
         measureMinY = fragment2.y;
@@ -252818,14 +252845,23 @@ function computeSectionMetadataHash(sections) {
   return parts.join("|");
 }
 function computeConstraintsHash(constraints) {
-  const { width, height, pageWidth, margins, overflowBaseHeight } = constraints;
+  const { width, height, pageWidth, pageHeight, margins, overflowBaseHeight } = constraints;
   const parts = [`w:${width}`, `h:${height}`];
   if (pageWidth !== undefined)
     parts.push(`pw:${pageWidth}`);
+  if (pageHeight !== undefined)
+    parts.push(`ph:${pageHeight}`);
   if (overflowBaseHeight !== undefined)
     parts.push(`obh:${overflowBaseHeight}`);
-  if (margins)
+  if (margins) {
     parts.push(`ml:${margins.left}`, `mr:${margins.right}`);
+    if (margins.top !== undefined)
+      parts.push(`mt:${margins.top}`);
+    if (margins.bottom !== undefined)
+      parts.push(`mb:${margins.bottom}`);
+    if (margins.header !== undefined)
+      parts.push(`mh:${margins.header}`);
+  }
   return parts.join("|");
 }
 function invalidateHeaderFooterCache(cache$2, cacheState, headerBlocks, footerBlocks, constraints, sections) {
@@ -276663,7 +276699,7 @@ var Node$13 = class Node$14 {
   if (current.trim())
     parts.push(current.trim());
   return parts;
-}, MAX_RENDERED_SERIES = 20, MAX_POINTS_PER_SERIES = 500, SVG_ELEMENT_BUDGET = 5000, SERIES_COLORS, AXIS_COLOR = "#595959", GRID_COLOR = "#E0E0E0", LABEL_COLOR = "#333", TICK_LABEL_COLOR = "#666", FONT_FAMILY = "Calibri, Arial, sans-serif", PLACEHOLDER_BG = "#f8f9fa", PLACEHOLDER_BORDER = "#dee2e6", PLACEHOLDER_TEXT_COLOR = "#6c757d", SVG_NS = "http://www.w3.org/2000/svg", CHART_PADDING, VALUE_TICK_COUNT = 5, hashParagraphBorder$1 = (border) => {
+}, MAX_RENDERED_SERIES = 20, MAX_POINTS_PER_SERIES = 500, SVG_ELEMENT_BUDGET = 5000, SERIES_COLORS, AXIS_COLOR = "#595959", GRID_COLOR = "#E0E0E0", LABEL_COLOR = "#333", TICK_LABEL_COLOR = "#666", FONT_FAMILY = "Calibri, Arial, sans-serif", PLACEHOLDER_BG = "#f8f9fa", PLACEHOLDER_BORDER = "#dee2e6", PLACEHOLDER_TEXT_COLOR = "#6c757d", SVG_NS$1 = "http://www.w3.org/2000/svg", CHART_PADDING, VALUE_TICK_COUNT = 5, hashParagraphBorder$1 = (border) => {
   const parts = [];
   if (border.style !== undefined)
     parts.push(`s:${border.style}`);
@@ -279168,7 +279204,7 @@ var Node$13 = class Node$14 {
     mtable.appendChild(mtr);
   }
   return mtable.childNodes.length > 0 ? mtable : null;
-}, MATHML_NS = "http://www.w3.org/1998/Math/MathML", MATH_OBJECT_REGISTRY, ARGUMENT_ELEMENTS, LIST_MARKER_GAP$1 = 8, DEFAULT_PAGE_HEIGHT_PX = 1056, DEFAULT_VIRTUALIZED_PAGE_GAP = 72, LINK_DATASET_KEYS, MAX_HREF_LENGTH = 2048, SAFE_ANCHOR_PATTERN, MAX_DATA_URL_LENGTH, VALID_IMAGE_DATA_URL, MAX_RESIZE_MULTIPLIER = 3, FALLBACK_MAX_DIMENSION = 1000, MIN_IMAGE_DIMENSION = 20, AMBIGUOUS_LINK_PATTERNS, linkMetrics, TRACK_CHANGE_BASE_CLASS, TRACK_CHANGE_MODIFIER_CLASS, LINK_TARGET_SET, normalizeAnchor$1 = (value) => {
+}, MATHML_NS = "http://www.w3.org/1998/Math/MathML", MATH_OBJECT_REGISTRY, ARGUMENT_ELEMENTS, LIST_MARKER_GAP$1 = 8, DEFAULT_PAGE_HEIGHT_PX = 1056, DEFAULT_VIRTUALIZED_PAGE_GAP = 72, LINK_DATASET_KEYS, MAX_HREF_LENGTH = 2048, SAFE_ANCHOR_PATTERN, MAX_DATA_URL_LENGTH, VALID_IMAGE_DATA_URL, SVG_NS = "http://www.w3.org/2000/svg", WORDART_LINE_FILL_RATIO = 0.9, MAX_RESIZE_MULTIPLIER = 3, FALLBACK_MAX_DIMENSION = 1000, MIN_IMAGE_DIMENSION = 20, AMBIGUOUS_LINK_PATTERNS, linkMetrics, TRACK_CHANGE_BASE_CLASS, TRACK_CHANGE_MODIFIER_CLASS, LINK_TARGET_SET, normalizeAnchor$1 = (value) => {
   if (typeof value !== "string")
     return null;
   const trimmed = value.trim();
@@ -289283,12 +289319,12 @@ var Node$13 = class Node$14 {
     return;
   console.log(...args$1);
 }, HEADER_FOOTER_INIT_BUDGET_MS = 200, MAX_ZOOM_WARNING_THRESHOLD = 10, MAX_SELECTION_RECTS_PER_USER = 100, SEMANTIC_RESIZE_DEBOUNCE_MS = 120, MIN_SEMANTIC_CONTENT_WIDTH_PX = 1, GLOBAL_PERFORMANCE, PresentationEditor, ICONS, TEXTS, tableActionsOptions;
-var init_src_DlMaB1h_es = __esm(() => {
+var init_src_oqYJU65d_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
-  init_SuperConverter_BgwP1GeS_es();
+  init_SuperConverter_DUDABEsC_es();
   init_jszip_C49i9kUs_es();
   init_uuid_qzgm05fK_es();
-  init_create_headless_toolbar_Dcw4Hyt2_es();
+  init_create_headless_toolbar_B7F814Ir_es();
   init_constants_CGhJRd87_es();
   init_dist_B8HfvhaK_es();
   init_unified_Dsuw2be5_es();
@@ -315845,7 +315881,7 @@ function print() { __p += __j.call(arguments, '') }
         const fragment2 = data.fragments[fi];
         let isBehindDoc = false;
         if (fragment2.kind === "image" || fragment2.kind === "drawing")
-          isBehindDoc = fragment2.behindDoc === true || fragment2.behindDoc == null && "zIndex" in fragment2 && fragment2.zIndex === 0;
+          isBehindDoc = fragment2.behindDoc === true || fragment2.behindDoc == null && "zIndex" in fragment2 && fragment2.zIndex === 0 || this.shouldRenderBehindPageContent(fragment2, kind);
         if (isBehindDoc)
           behindDocFragments.push({
             fragment: fragment2,
@@ -316631,26 +316667,13 @@ function print() { __p += __j.call(arguments, '') }
           img2.style.objectPosition = "left top";
         applyImageClipPath(img2, resolveBlockClipPath(block), { clipContainer: fragmentEl });
         img2.style.display = block.display === "inline" ? "inline-block" : "block";
-        const transforms = [];
-        if (block.rotation != null && block.rotation !== 0) {
-          const angleRad = block.rotation * Math.PI / 180;
-          const w = block.width ?? fragment2.width;
-          const h$2 = block.height ?? fragment2.height;
-          const cosA = Math.cos(angleRad);
-          const sinA = Math.sin(angleRad);
-          const newTopLeftX = w / 2 * (1 - cosA) + h$2 / 2 * sinA;
-          const newTopLeftY = w / 2 * sinA + h$2 / 2 * (1 - cosA);
-          transforms.push(`translate(${-newTopLeftX}px, ${-newTopLeftY}px)`);
-          transforms.push(`rotate(${block.rotation}deg)`);
-        }
-        if (block.flipH)
-          transforms.push("scaleX(-1)");
-        if (block.flipV)
-          transforms.push("scaleY(-1)");
-        if (transforms.length > 0) {
-          img2.style.transform = transforms.join(" ");
-          img2.style.transformOrigin = "center";
-        }
+        this.applyImageGeometryTransform(fragmentEl, {
+          width: block.width ?? fragment2.width,
+          height: block.height ?? fragment2.height,
+          rotation: block.rotation,
+          flipH: block.flipH,
+          flipV: block.flipV
+        });
         const filters = buildImageFilters(block);
         if (filters.length > 0)
           img2.style.filter = filters.join(" ");
@@ -316665,6 +316688,30 @@ function print() { __p += __j.call(arguments, '') }
         return this.createErrorPlaceholder(fragment2.blockId, error3);
       }
     }
+    buildImageGeometryTransform(attrs) {
+      const transforms = [];
+      if (attrs.rotation != null && attrs.rotation !== 0) {
+        const angleRad = attrs.rotation * Math.PI / 180;
+        const cosA = Math.cos(angleRad);
+        const sinA = Math.sin(angleRad);
+        const newTopLeftX = attrs.width / 2 * (1 - cosA) + attrs.height / 2 * sinA;
+        const newTopLeftY = attrs.width / 2 * sinA + attrs.height / 2 * (1 - cosA);
+        transforms.push(`translate(${-newTopLeftX}px, ${-newTopLeftY}px)`);
+        transforms.push(`rotate(${attrs.rotation}deg)`);
+      }
+      if (attrs.flipH)
+        transforms.push("scaleX(-1)");
+      if (attrs.flipV)
+        transforms.push("scaleY(-1)");
+      return transforms.join(" ");
+    }
+    applyImageGeometryTransform(target, attrs) {
+      const transform = this.buildImageGeometryTransform(attrs);
+      if (!transform)
+        return;
+      target.style.transform = transform;
+      target.style.transformOrigin = "center";
+    }
     buildImageHyperlinkAnchor(imageEl, hyperlink, display) {
       if (!hyperlink?.url || !this.doc)
         return imageEl;
@@ -316706,7 +316753,6 @@ function print() { __p += __j.call(arguments, '') }
         })();
         if (!this.doc)
           throw new Error("DomPainter: document is not available");
-        const isVectorShapeBlock = block.kind === "drawing" && block.drawingKind === "vectorShape";
         const fragmentEl = this.doc.createElement("div");
         fragmentEl.classList.add(CLASS_NAMES$1.fragment, "superdoc-drawing-fragment");
         applyStyles(fragmentEl, fragmentStyles);
@@ -316729,11 +316775,9 @@ function print() { __p += __j.call(arguments, '') }
         innerWrapper.style.transformOrigin = "center";
         const scale = fragment2.scale ?? 1;
         const transforms = ["translate(-50%, -50%)"];
-        if (!isVectorShapeBlock) {
-          transforms.push(`rotate(${fragment2.geometry.rotation ?? 0}deg)`);
-          transforms.push(`scaleX(${fragment2.geometry.flipH ? -1 : 1})`);
-          transforms.push(`scaleY(${fragment2.geometry.flipV ? -1 : 1})`);
-        }
+        transforms.push(`rotate(${fragment2.geometry.rotation ?? 0}deg)`);
+        transforms.push(`scaleX(${fragment2.geometry.flipH ? -1 : 1})`);
+        transforms.push(`scaleY(${fragment2.geometry.flipV ? -1 : 1})`);
         transforms.push(`scale(${scale})`);
         innerWrapper.style.transform = transforms.join(" ");
         innerWrapper.appendChild(this.renderDrawingContent(block, fragment2, context));
@@ -316753,7 +316797,7 @@ function print() { __p += __j.call(arguments, '') }
       if (block.drawingKind === "image")
         return this.createDrawingImageElement(block);
       if (block.drawingKind === "vectorShape")
-        return this.createVectorShapeElement(block, fragment2.geometry, true, 1, 1, context);
+        return this.createVectorShapeElement(block, fragment2.geometry, false, 1, 1, context);
       if (block.drawingKind === "shapeGroup")
         return this.createShapeGroupElement(block, context);
       if (block.drawingKind === "chart")
@@ -316790,6 +316834,8 @@ function print() { __p += __j.call(arguments, '') }
       contentContainer.style.top = `${offsetY}px`;
       contentContainer.style.width = `${innerWidth}px`;
       contentContainer.style.height = `${innerHeight2}px`;
+      if (applyTransforms && geometry)
+        this.applyVectorShapeTransforms(contentContainer, geometry);
       const customGeomSvg = block.customGeometry ? this.tryCreateCustomGeometrySvg(block, innerWidth, innerHeight2) : null;
       const svgMarkup = !customGeomSvg && block.shapeKind ? this.tryCreatePresetSvg(block, innerWidth, innerHeight2) : null;
       const resolvedSvgMarkup = customGeomSvg || svgMarkup;
@@ -316806,24 +316852,20 @@ function print() { __p += __j.call(arguments, '') }
               applyAlphaToSVG(svgElement, block.fillColor);
           }
           this.applyLineEnds(svgElement, block);
-          if (applyTransforms && geometry)
-            this.applyVectorShapeTransforms(svgElement, geometry);
           contentContainer.appendChild(svgElement);
-          if (block.textContent && block.textContent.parts.length > 0) {
-            const textDiv = this.createFallbackTextElement(block.textContent, block.textAlign ?? "center", block.textVerticalAlign, block.textInsets, groupScaleX, groupScaleY, context);
-            contentContainer.appendChild(textDiv);
+          if (this.hasShapeTextContent(block.textContent)) {
+            const textElement = this.createShapeTextElement(block, innerWidth, innerHeight2, groupScaleX, groupScaleY, context);
+            contentContainer.appendChild(textElement);
           }
           container.appendChild(contentContainer);
           return container;
         }
       }
       this.applyFallbackShapeStyle(contentContainer, block);
-      if (block.textContent && block.textContent.parts.length > 0) {
-        const textDiv = this.createFallbackTextElement(block.textContent, block.textAlign ?? "center", block.textVerticalAlign, block.textInsets, groupScaleX, groupScaleY, context);
-        contentContainer.appendChild(textDiv);
+      if (this.hasShapeTextContent(block.textContent)) {
+        const textElement = this.createShapeTextElement(block, innerWidth, innerHeight2, groupScaleX, groupScaleY, context);
+        contentContainer.appendChild(textElement);
       }
-      if (applyTransforms && geometry)
-        this.applyVectorShapeTransforms(contentContainer, geometry);
       container.appendChild(contentContainer);
       return container;
     }
@@ -316850,6 +316892,125 @@ function print() { __p += __j.call(arguments, '') }
       } else
         container.style.border = "1px solid rgba(15, 23, 42, 0.3)";
     }
+    hasShapeTextContent(textContent$1) {
+      return Array.isArray(textContent$1?.parts) && textContent$1.parts.length > 0;
+    }
+    createShapeTextElement(block, width, height, groupScaleX = 1, groupScaleY = 1, context) {
+      const textContent$1 = block.textContent;
+      if (!this.hasShapeTextContent(textContent$1))
+        return this.doc.createElement("div");
+      if (this.shouldUseWordArtTextRenderer(block))
+        return this.createWordArtTextElement(textContent$1, block.textAlign ?? "center", block.textInsets, width, height, context);
+      return this.createFallbackTextElement(textContent$1, block.textAlign ?? "center", block.textVerticalAlign, block.textInsets, groupScaleX, groupScaleY, context);
+    }
+    shouldUseWordArtTextRenderer(block) {
+      return block.attrs?.isWordArt === true && this.hasShapeTextContent(block.textContent);
+    }
+    createWordArtTextElement(textContent$1, textAlign, textInsets, width, height, context) {
+      const svg2 = this.doc.createElementNS(SVG_NS, "svg");
+      svg2.classList.add("superdoc-wordart-text");
+      svg2.setAttribute("xmlns", SVG_NS);
+      svg2.setAttribute("viewBox", `0 0 ${width} ${height}`);
+      svg2.setAttribute("preserveAspectRatio", "none");
+      svg2.style.position = "absolute";
+      svg2.style.left = "0";
+      svg2.style.top = "0";
+      svg2.style.width = "100%";
+      svg2.style.height = "100%";
+      svg2.style.overflow = "visible";
+      svg2.style.pointerEvents = "none";
+      const insets = textInsets ?? {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+      };
+      const availableWidth = Math.max(1, width - insets.left - insets.right);
+      const availableHeight = Math.max(1, height - insets.top - insets.bottom);
+      const lines = this.buildWordArtLines(textContent$1, context);
+      const lineHeight = availableHeight / Math.max(lines.length, 1);
+      const fontSize = Math.max(1, lineHeight * WORDART_LINE_FILL_RATIO);
+      const textAnchor = this.getWordArtTextAnchor(textAlign);
+      const textX = this.getWordArtTextX(textAlign, insets.left, availableWidth);
+      lines.forEach((parts, lineIndex) => {
+        if (parts.length === 0)
+          return;
+        const textEl = this.doc.createElementNS(SVG_NS, "text");
+        textEl.setAttribute("xml:space", "preserve");
+        textEl.setAttribute("x", String(textX));
+        textEl.setAttribute("y", String(insets.top + lineHeight * (lineIndex + 0.5)));
+        textEl.setAttribute("text-anchor", textAnchor);
+        textEl.setAttribute("dominant-baseline", "middle");
+        textEl.setAttribute("font-size", String(fontSize));
+        textEl.setAttribute("textLength", String(availableWidth));
+        textEl.setAttribute("lengthAdjust", "spacingAndGlyphs");
+        parts.forEach((part) => {
+          const tspan = this.doc.createElementNS(SVG_NS, "tspan");
+          tspan.setAttribute("xml:space", "preserve");
+          tspan.textContent = part.text;
+          this.applyWordArtTextFormatting(tspan, part.formatting);
+          textEl.appendChild(tspan);
+        });
+        svg2.appendChild(textEl);
+      });
+      return svg2;
+    }
+    buildWordArtLines(textContent$1, context) {
+      const lines = [[]];
+      textContent$1.parts.forEach((part) => {
+        if (part.isLineBreak) {
+          lines.push([]);
+          return;
+        }
+        const resolvedText = this.resolveShapeTextPartText(part, context);
+        if (!resolvedText)
+          return;
+        lines[lines.length - 1].push({
+          text: resolvedText,
+          formatting: part.formatting
+        });
+      });
+      const nonEmptyLines = lines.filter((line) => line.length > 0);
+      return nonEmptyLines.length > 0 ? nonEmptyLines : [[]];
+    }
+    resolveShapeTextPartText(part, context) {
+      if (part.fieldType === "PAGE")
+        return context?.pageNumberText ?? String(context?.pageNumber ?? 1);
+      if (part.fieldType === "NUMPAGES")
+        return String(context?.totalPages ?? 1);
+      return part.text;
+    }
+    getWordArtTextAnchor(textAlign) {
+      if (textAlign === "right" || textAlign === "r")
+        return "end";
+      if (textAlign === "center")
+        return "middle";
+      return "start";
+    }
+    getWordArtTextX(textAlign, leftInset, availableWidth) {
+      if (textAlign === "right" || textAlign === "r")
+        return leftInset + availableWidth;
+      if (textAlign === "center")
+        return leftInset + availableWidth / 2;
+      return leftInset;
+    }
+    applyWordArtTextFormatting(element3, formatting) {
+      if (!formatting)
+        return;
+      if (formatting.bold)
+        element3.setAttribute("font-weight", "bold");
+      if (formatting.italic)
+        element3.setAttribute("font-style", "italic");
+      if (formatting.fontFamily)
+        element3.setAttribute("font-family", formatting.fontFamily);
+      if (formatting.color) {
+        const validatedColor = validateHexColor(formatting.color);
+        if (validatedColor)
+          element3.setAttribute("fill", validatedColor);
+      }
+      if (formatting.letterSpacing != null)
+        element3.setAttribute("letter-spacing", String(formatting.letterSpacing));
+    }
     createFallbackTextElement(textContent$1, textAlign, textVerticalAlign, textInsets, groupScaleX = 1, groupScaleY = 1, context) {
       const textDiv = this.doc.createElement("div");
       textDiv.style.position = "absolute";
@@ -316887,13 +317048,6 @@ function print() { __p += __j.call(arguments, '') }
       currentParagraph.style.width = "100%";
       currentParagraph.style.minWidth = "0";
       currentParagraph.style.whiteSpace = "normal";
-      const resolvePartText = (part) => {
-        if (part.fieldType === "PAGE")
-          return context?.pageNumberText ?? String(context?.pageNumber ?? 1);
-        if (part.fieldType === "NUMPAGES")
-          return String(context?.totalPages ?? 1);
-        return part.text;
-      };
       textContent$1.parts.forEach((part) => {
         if (part.isLineBreak) {
           textDiv.appendChild(currentParagraph);
@@ -316905,7 +317059,7 @@ function print() { __p += __j.call(arguments, '') }
             currentParagraph.style.minHeight = "1em";
         } else {
           const span = this.doc.createElement("span");
-          span.textContent = resolvePartText(part);
+          span.textContent = this.resolveShapeTextPartText(part, context);
           if (part.formatting) {
             if (part.formatting.bold)
               span.style.fontWeight = "bold";
@@ -318460,6 +318614,20 @@ function print() { __p += __j.call(arguments, '') }
     isAnchoredMediaFragment(fragment2) {
       return (fragment2.kind === "image" || fragment2.kind === "drawing") && fragment2.isAnchored === true;
     }
+    shouldRenderBehindPageContent(fragment2, section) {
+      if (fragment2.behindDoc === true || fragment2.behindDoc == null && "zIndex" in fragment2 && fragment2.zIndex === 0)
+        return true;
+      return section === "header" && fragment2.kind === "drawing" && this.isHeaderWordArtWatermark(fragment2);
+    }
+    isHeaderWordArtWatermark(fragment2) {
+      const lookup3 = this.blockLookup.get(fragment2.blockId);
+      if (!lookup3 || lookup3.block.kind !== "drawing" || lookup3.block.drawingKind !== "vectorShape")
+        return false;
+      const block = lookup3.block;
+      const attrs = block.attrs ?? {};
+      const hasTextContent = Array.isArray(block.textContent?.parts) && block.textContent.parts.length > 0;
+      return attrs.isWordArt === true && attrs.isTextBox === true && hasTextContent && block.anchor?.isAnchored === true && block.anchor.hRelativeFrom === "page" && block.anchor.alignH === "center" && block.anchor.vRelativeFrom === "page" && block.anchor.alignV === "center" && block.wrap?.type === "None";
+    }
     resolveFragmentWrapperZIndex(fragment2, resolvedZIndex) {
       if (!this.isAnchoredMediaFragment(fragment2))
         return "";
@@ -323901,11 +324069,11 @@ var init_zipper_DbkgrypV_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_DlMaB1h_es();
-  init_SuperConverter_BgwP1GeS_es();
+  init_src_oqYJU65d_es();
+  init_SuperConverter_DUDABEsC_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
-  init_create_headless_toolbar_Dcw4Hyt2_es();
+  init_create_headless_toolbar_B7F814Ir_es();
   init_constants_CGhJRd87_es();
   init_dist_B8HfvhaK_es();
   init_unified_Dsuw2be5_es();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/cli",
-  "version": "0.7.0-next.20",
+  "version": "0.7.0-next.22",
   "type": "module",
   "bin": {
     "superdoc": "./dist/index.js"
@@ -24,21 +24,21 @@
     "@types/node": "22.19.2",
     "@types/ws": "^8.5.13",
     "typescript": "^5.9.2",
-    "@superdoc/pm-adapter": "0.0.0",
+    "@superdoc/document-api": "0.0.1",
     "@superdoc/super-editor": "0.0.1",
-    "superdoc": "1.26.0",
-    "@superdoc/document-api": "0.0.1"
+    "@superdoc/pm-adapter": "0.0.0",
+    "superdoc": "1.26.0"
   },
   "module": "src/index.ts",
   "publishConfig": {
     "access": "public"
   },
   "optionalDependencies": {
-    "@superdoc-dev/cli-darwin-arm64": "0.7.0-next.20",
-    "@superdoc-dev/cli-darwin-x64": "0.7.0-next.20",
-    "@superdoc-dev/cli-linux-arm64": "0.7.0-next.20",
-    "@superdoc-dev/cli-windows-x64": "0.7.0-next.20",
-    "@superdoc-dev/cli-linux-x64": "0.7.0-next.20"
+    "@superdoc-dev/cli-darwin-arm64": "0.7.0-next.22",
+    "@superdoc-dev/cli-darwin-x64": "0.7.0-next.22",
+    "@superdoc-dev/cli-linux-x64": "0.7.0-next.22",
+    "@superdoc-dev/cli-linux-arm64": "0.7.0-next.22",
+    "@superdoc-dev/cli-windows-x64": "0.7.0-next.22"
   },
   "scripts": {
     "predev": "node scripts/ensure-superdoc-build.js",